HTML merupakan bahasa markup (pelekat) yang
berfungsi untuk menampilkan teks, gambar dan multimedia.
HTML
mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi
perintah-perintah yang dispesifikasikan
Untuk menandai bahwa sebuah file teks merupakan file
HTML, maka ciri yang paling nampak jelas adalah ekstensi filenya, yaitu .htm
atau .html.
<HTML>
<HEAD>
<TITLE> ........ </TITLE>
</HEAD>
<BODY>
…………………………………
</BODY>
</HTML>
Tag
teks khusus (markup) berupa dua
karakter "<" dan ">",
contoh
<body>
adalah tag dengan nama body.
ditulis secara berpasangan, yang terdiri atas
tag pembuka dan tag penutup (ditambahkan karakter "/" setelah
karakter "<"),
contoh
<body>
tag pembuka isi dokumen HTML,
</body>
tag penutup isi dokumen HTML.
Tag-tag yang ditulis secara
berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan
pasangan tag-tag lainnya.
ATRIBUT dan VALUE
Beberapa tag mengandung atribut di dalamnya,
contoh : <p align=“center”>
Pada contoh di atas, p adalah nama
tag,sedangkan align adalah nama atribut
Atribut pada umumnya melibatkan
value, seperti pada contoh, “center” adalah value untuk atribut align
Tag Head
Bagian Head tidak harus ada pada
dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu
dokumen HTMl
Elemen-elemen pada bagian head
dapat dipergunakan :
• Menyediakan judul dokumen
• Menjembatani hubungan antar
dokumen
• Memberitahu browser untuk
membuat form pencarian
• Menyediakan metode untuk
mengirim pesan ke tipe browser
Tag Body
merupakan isi dari dokumen HTML.
Semua informasi yang akan
ditampilkan, mulai dari teks, gambar, sound, dan lain-lain
Tag BODY diawali oleh tag <BODY> dan
ditutup </BODY>.
Contoh
<html>
<head>
<title> Website
Saya</title>
</head>
<body>
Selamat datang di website saya
</body>
</html>
Contoh
<html>
<head>
<title> webside pertama
saya </title>
</head>
<body bgcolor=“laverder”>
Dokumen HTML yang Pertama
</body>
</html>
<html>
<head>
<title>Heading
Elements</title>
</head>
<body>
<h1>Heading one</h1>
<h2>Heading two</h2>
<h3>Heading
three</h3>
<h4>Heading four</h4>
<h5>Heading five</h5>
<h6>Heading six</h6>
</body>
</html>