Anda di halaman 1dari 26

Tag-Tag HTML

Dosen Pengampu :

Fauzi Amrullah S.Kom M.kom

KELOMPOK 3

1. Ena Tasia : 12050321658


2. Margareta Amalia. MP : 12050320348
3. May Dila Fachriani : 12050327198
TAG HTML
, Tag adalah sebuah penanda awalan dan akhiran dari
sebuah elemen di HTML. Tag dibuat dengan kurung
siku (<...>), lalu di dalamnya berisi nama tag tag ada
yang berpasangan dan adapula yang tidak
berpasangan ,biasanya tag yang berpasangan itu
memiliki tag pea mbuka (<...>)dan penutup (</...>).
Berikut struktur dasar dari html:
HTML<html>
- Elemen HTML atau tag <html> berfungsi sebagai tag pembuka dan tag
penutup suatu dokumen HTML semua elemen lainnya,tag atau kode
HTML akan ditulis dan dicantumkan didalam elemen html .
- Tag html adalah sebuah pembungkus elemen html untuk memulai menulis
code elemen html.
HEAD<head>
Elemen <head> adalah elemen HTML yang berfungsi sebagai tempat untuk meletakkan
metadata yaitu informasi-informasi halaman web yang tidak ditampilkan pada halaman
tersebut.
Pada bagian HEAD, biasanya digunakan untuk menuliskan tag-tag yang akan dibaca
oleh mesin.
Penulisan tag <head> berada di antara tag <html> dan tag <body>. Fungsi
elemen head pada HTML adalah menjadi wadah dari elemen metadata lainnya
yaitu tag <title>, <meta>, <style>
Elemen pada tag <head>
01 <title>
Tag <title> berfungsi untuk membuat title atau judul yang tampil pada title bar di web browser
seperti chrome, firefox dan lainnya.
judul tersebut tidak tampil di halaman web.

contoh
Elemen pada tag <head>
contoh
<style>
Tag Style menunjukan gaya style untuk elemen-elemen didokumen,elemen style ini untuk menentukan
gaya tampilan dokuman ketika dirender oleh browser.

Contoh :
Elemen pada tag <head>
<meta>
berisi metadata yang penting,metadata ini berfungsi untuk mendeskripsikan halaman web kit
at diekspresikan melalui judul, link,style dan elemen script seperti description,keyword,author
ata ini berfungsi agar sell enging dapat mudah mengidentifikasi atau mudah dalam menemuka
kita.

contoh
TAG BODY

Tag <body> pada HTML digunakan untuk mendefinisikan konten utama


yang ditampilkan di dalam laman HTML.
Tag ini selalu diakhiri dengan tag </body>.
Tag <body> adalah child akhir dari tag <html>.
Sebuah tag body mengandung tag awalan dan akhiran.

atribut pada tag <body> yang jumlahnya disusutkan pada HTML5 seperti berikut ini:
1. Background
2. Backgroundcolor
3. Alink
4. Text
5. vlink
Contoh
HASILNYA
TAG PARAGRAF

Paragraf adalah kumpulan dari beberapa kalimat. Pada web, Paragraf biasanya digunakan untuk
menampilkan teks atau artikel. Paragraf selalu dimulai pada baris baru, biasanya berupa blok teks.
dan browser secara otomatis menambahkan beberapa spasi (margin) sebelum dan sesudah paragraf.

<p> Elemen HTML mendefinisikan sebuah paragraf.


Contoh
X HASILNYA

Y
Z X
TAG LINE BREAK

Line break atau baris baru (Enter) adalah fitur di HTML yang
memungkinkan untuk ganti baris baru tapi masih dalam satu paragraf
dan didefinisikan dengan tag <br/>. Untuk membuat baris baru enter
hanya perlu menambahkan tag <br/>. Mengapa tidak <br>?
Sebenarnya sama saja, tapi jika menambahkan / artinya kode br
sudah sekalian ditutup.
CONTOH
HASILNYA
TAG HEADING

Heading adalah sebuah judul yang biasanya diberikan pada halaman atau beberapa bagian dari artikel. Tag <h1>

adalah yang paling besar, dan tag <h6> paling kecil. Tag <h1> biasanya dipakai pada judul artikel. Lalu tag <h2>,

<h3>, <h4>, <h5>, dan <h6> dipakai pada sub judul atau sub heading.
Contoh
Hasilnya
Perbedaan Heading dengan Title dan Header
TAG KOMENTAR

Komentar adalah elemen yang akan diabaikan oleh browser. Ia tidak akan ditampilkan di dalam

web. Komentar biasanya digunakan untuk memberikan informasi tambahan pada kode HTML

dan kadang juga digunakan untuk menon-aktifkan beberapa kode HTML. Komentar dapat kita

buat dengan tag <!-- Isi Komentar -->.


Contoh
Hasilnya:
Komentar tidak akan ditampilkan oleh browser, tapi kita bisa melihatnya
dengan cara view source. Klik kanan pada browser, lalu pilih view page
source.
Hasilnya:
Atribut untuk Komentar
Komentar tidak bisa ditambahkan atribut.
Jika kamu mencoba menambahkannya, itu
akan sia-sia. Karena komentar merupakan
elemen yang tidak akan diproses oleh browser.

Anda mungkin juga menyukai