Tutorial HTML Bag 5: Mengenal Tag, Elemen dan Atribut dalam HTML
Tutorial HTML Bag 5: Mengenal Tag, Elemen dan Atribut dalam HTML ini melanjutkan tutorial sebelumnya yaitu Tutorial HTML Bag 4: Struktur Dasar HTML. Tutorial ini dibuat untuk bahan melengkapi suplemen mengajar saya pada mata diklat pemrograman web dasar pada sekolah menengah kejuruan (SMK).
Mengenal Tag
Nama Tag ditulis didalam tanda < dan tanda > tanpa spasi. Misalnya <html>. Nama tag boleh ditulis dalam huru kecil atau besar, karena pada dasarnya HTML tidak mengenal yang namanya case sensitif, artinya menulis dengan huruf kecil atau besar sama saja. Tetapi umumnya penulisan kode HTML menggunakan huruf kecil.
Lihat pembahasan mengenai Tag ini di tutorial bagaian 4.
Penulisan tag yang lazim digunakan, dengan menggunakan huruf kecil:
<br> Tag pindah baris
<hr> Tag untuk membuat garis
<p> Tag paragraf
<h1> <h2> <h3> <h4> <h5> <h6> Tag judul
<left> Tag rata kiri
<center> Tag rata tengah
<right> Tag rata kanan
<div> Tag untuk Pengelompokan
<b> Tag untuk menebalkan Text
Dan masih banyak lagi....
Elemen
Elemen adalah isi dari tag yang berada diantara tag pembuka dan tag penutup.
Dokumen HTML didefinisikan menggunakan elemen-elemen HTML / HTML elements.
Elemen HTML adalah semua yang terdapat diantara tag pembuka (start tag) sampai tag penutup (end tag).
HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
Beberapa Tag mengandung atribut.
Contoh:
Tag <hr> memiliki atribut width, align, size. Masing-masing attribut tadi memiliki fungsi:
Maka penulisan tagnya:
Mengenal Tag
Nama Tag ditulis didalam tanda < dan tanda > tanpa spasi. Misalnya <html>. Nama tag boleh ditulis dalam huru kecil atau besar, karena pada dasarnya HTML tidak mengenal yang namanya case sensitif, artinya menulis dengan huruf kecil atau besar sama saja. Tetapi umumnya penulisan kode HTML menggunakan huruf kecil.
Contoh penulisan Tag:
<HTML> menggunakan huruf besar
<html> mengunakan huruf kecil
<Html> menggunakan huruf besar dan kecil
Tag <html> akan ditutup dengan </html>
<HTML> menggunakan huruf besar
<html> mengunakan huruf kecil
<Html> menggunakan huruf besar dan kecil
Tag <html> akan ditutup dengan </html>
Lihat pembahasan mengenai Tag ini di tutorial bagaian 4.
Penulisan tag yang lazim digunakan, dengan menggunakan huruf kecil:
Contoh:
<html>
<head>
<title>Judul</title>
<body>
Kode HTML
</body>
</head>
</html>
Tag lainnya, seperti:<html>
<head>
<title>Judul</title>
<body>
Kode HTML
</body>
</head>
</html>
<br> Tag pindah baris
<hr> Tag untuk membuat garis
<p> Tag paragraf
<h1> <h2> <h3> <h4> <h5> <h6> Tag judul
<left> Tag rata kiri
<center> Tag rata tengah
<right> Tag rata kanan
<div> Tag untuk Pengelompokan
<b> Tag untuk menebalkan Text
Dan masih banyak lagi....
Elemen
Elemen adalah isi dari tag yang berada diantara tag pembuka dan tag penutup.
Dokumen HTML didefinisikan menggunakan elemen-elemen HTML / HTML elements.
Elemen HTML adalah semua yang terdapat diantara tag pembuka (start tag) sampai tag penutup (end tag).
Contoh:
<b>Ini adalah elemen dari tag untuk menebalkan text</b>
Text yang berwarna merah tersebut adalah elemen dari tag <b>.
Contoh lainnya:
<html>
<body>
<p>Paragraf pertama</p>
</body>
</html>
Elemen tidak hanya berisi Text, tetapi bisa berupa tag lain, contoh:<b>Ini adalah elemen dari tag untuk menebalkan text</b>
Text yang berwarna merah tersebut adalah elemen dari tag <b>.
Contoh lainnya:
<html>
<body>
<p>Paragraf pertama</p>
</body>
</html>
<div align="center">
<h1><b>PT. LAGI BELAJAR HTML</b></h1>
<h2>Jl. A. Yani No.2</h2>
</div>
Atribut<h1><b>PT. LAGI BELAJAR HTML</b></h1>
<h2>Jl. A. Yani No.2</h2>
</div>
HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
Beberapa Tag mengandung atribut.
Contoh:
Tag <hr> memiliki atribut width, align, size. Masing-masing attribut tadi memiliki fungsi:
- width, untuk menentukan lebar, panjang dari tag <hr>
- align, untuk menentukan aligment dari tag <hr>
- size, untuk menentukan ukuran, ketebalan dari tag <hr>
Maka penulisan tagnya:
<hr size="1" width="50%" align="center">
Penulisan atribut selalu diawali dan diakhiri dengan tanda petik (").
No comments