Sekarang buka kembali "webpertama.html" dan tambahkan beberapa baris baru berikut dan simpan:
<!DOCTYPE html>
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
Inilah halaman web pertamaku
</body>
</html>
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
Inilah halaman web pertamaku
</body>
</html>
Pada bagian ini kita menambahkan dua elemen baru pada "webpertama.html" yang kita buat sebelumnya. Dua elemen tersebut yaitu elemen head yang dimulai dengan <head> dan diakhiri dengan </head> dan elemen title yang dimulai dengan <title> dan diakhiri dengan </title>. Perhatikan baik-baik bagaimana tag penutup itu diletakkan.
Elemen head (dimana dimulai dengan tag pembuka <head> dan diakhiri dengan tag penutup </head>) diletakkan sebelum atau tepat di atas elemen body (elemen body dimulai dengan tag pembuka <body> dan diakhiri dengan tag penutup </body>). Di dalam elemen head berisi sebuah informasi mengenai halaman yang kita buat namun informasi ini tidak ditampilkan dalam jendela browser.
Untuk informasi yang biasanya ada dalam elemen head sebenarnya masih ada yang lainnya namun akan kita bahas nanti secara bertahap.
Kalau kita melihat dokumen HTML tersebut menggunakan browser (setelah disimpan dan dimuat ulang/reload) maka kita akan melihat judul halaman dari dokumen HTML "Web Pertamaku" pada tab/title bar browser. Perhatikan gambar berikut:
Jadi tulisan yang kita tulis atau konten yang berada di antara tag title akan menjadi nama atau judul dari dokumen HTML yang kita buat. Dan apabila halaman web tersebut kita bookmark dalam browser maka kita akan melihat tulisan yang tertulis dalam elemen title sebagai judul situs.
***
Daftar Tutorial HTML:
Tidak ada komentar:
Posting Komentar