Suatu elemen HTML terdiri dari tag-tag dan atribut. Berikut ini ciri-ciri tentang elemen-elemen HTML :
• Elemen HTML dimulai dengan start tag / opening tag. <html>
• Elemen HTML diakhiri dengan end tag / closing tag. </html>
• Element content adalah segala sesuatu antara start tag dan end tag.
• Beberapa elemen HTML mempunyai empty content.
cth: <br /> , <hr />, dsb
• Empty elements adalah tag yang ditutup saat start tag.
Hyper Text Markup Language(HTML) TAG
Tag biasanya merupakan suatu pasangan tag awal <…> dan tag akhir </..>. Format umum pasangan tag adalah sebagai berikut :
<html>
<head>
<title>Contoh Tag HTML</title>
</head>
<body>
.. Isi dokument HTML Anda ..
</body>
</html>
Beberapa Contoh HTML Tag :
• <br /> : Digunakan untuk berpindah baris.
• <p> </p> : Digunakan untuk mendeklarasikan paragraph.
• <hr /> : Membuat Garis Horizontal.
• <blink> : Membuat Text berkedip-kedip.
• <font> : Menformat huruf.
• DLL.
HTML Atribute
Atribut memungkinkan informasi tambahan pada elemen HTML.
Cth:
<font face=”Arial” size:20px;>
Font : html tag
Face, size : html attribute
Arial, 20px : value html attribute
Macam HTML Attribute:
• <p align=“center”> : digunakan untuk menengahkan text paragraph.
• <table border = “1px solid”> : digunakan untuk membuat table yang mempunyai ketebalan garis sebesar 1 pixel dan berwarna solid (hitam).
• <body bgcolor="#000000"> : digunakan untuk membuat background body dengan warna hitam.
• <font size=“12”> : digunakan untuk memrubah ukuran font.
• DLL.
HTML Heading
Heading dokumen adalah suatu tag yang berisi informasi mengenai bagian kepala dari suatu dokumen HTML.
Contoh html heading terdapat pada tag
• <head>…</head>
• <title>…</title>
Untuk membuat judul pada suatu dokumen HTML digunakan pasangan tag <title> .. </title>. Tag <title>..</title> hanya boleh berada di bagian HEAD dan setiap dokumen hanya boleh memiliki satu <title>..</title>.
HTML Paragraph
Contoh sintax Penggunaan HTML Paragraph :
<html>
<head>
<title>Coba Blink-Blink</title>
</head>
<body>
<p align=”Left”>apes </p>
<p align=”Center”> apes </p>
<p align=”Right> apes </p>
</body>
</html>
