HTML

#03: Mengenal Struktur Dasar HTML

Mandan Koding19 Agustus 20221

STRUKTUR DASAR HTML

<!DOCTYPE html>
<html>
<head>
	<title> </title>
</head>
<body>

</body>
</html>

SEKILAS MENGENAI TAG HTML

Sebelum kita memahami tag yang ada pada struktur HTML di atas, kita juga harus tau bagaimana aturan dalam penulisan tag. Hal yang harus diperhatikan dalam penulisan tag sebagai berikut.

Tag HTML selalu diapit oleh kurung siku < dan >
Tag HTML disarankan ditulis menggunakan huruf kecil. Contohnya <title> </title>. Meskipun HTML sendiri tidak mengenal case sensitive (pembedaan penulisan huruf besar dan kecil). Tetapi penulisan tag menggunakan huruf kecil sangat direkomendasikan oleh W3C.
Tag HTML umumnya berpasangan, seperti tag <html> berpasangan dengan tag </html>, tag <title> berpasangan dengan tag </title>. Dan ada juga tag yang tidak mempunyai pasangan seperti <meta>, , <hr>. untuk menandai bahwa tag tersebut tidak mempunyai pasangan, kita bisa menambahkan tanda slash / (garis miring) di akhir tag tersebut. Contohnya  , <hr/>
Untuk penulisan tag bersarang, tag yang dituliskan harus berurut. Perhatikan contoh berikut.

Daftar nama mahasiswa yang mengambil matakuliah algoritma.

Pada contoh di atas, di dalam tag   terdapat penulisan tag lain yaitu . pada kasus ini, tag harus ditutup terlebih dahulu menggunakan tag  sebelum diakhiri dengan tag penutup

PENJELASAN TAG PADA STRUKTUR DASAR HTML

Tag <!DOCTYPE html>

Mendefinisikan jenis dokumen atau menginstruksikan browser tentang versi HTML. DOCTYPE ditulis pada baris pertama halaman HTML

Tag <html>

HTML selalu diawali dengan tag <html>. Tag ini berperan sebagai penanda bahwa suatu dokumen dikatakan dengan dokumen HTML

Tag <head>

Tag <head> berfungsi untuk menentukan informasi pada bagian header (kepala) dokumen. Di dalam tag <head> ada tag <title></title>, tag ini berfungsi untuk membuat judul pada dokumen.

<head>
<title> Learn HTML For Beginer </title>
</head>

Pada bagian header tidak hanya terdapat tag <title> saja, akan tetapi juga ada tag lain seperti <meta>, <link> dan lain-lain

Tag <body>

Tag <body> merupakan badan dari sebuah dokumen. Artinya seluruh informasi yang dituliskan di dalam tag ini akan tampil di halaman website

<body>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
	quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
	consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
	cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</body>