• Our Partners:

Penggunaan Tag Title dan Deklarasi Doctype

Belajar HTML Part 3: Penggunaan Tag Title dan Deklarasi DOCTYPE

Dalam artikel sebelumnya, kita sudah berkenalan dengan istilah tag, attribute dan element. Nah, kali ini kita akan membahas salah satu tag yang cukup penting perannya, yaitu tag title.

Tag ini berfungsi memberi judul pada sebuah halaman HTML yang diletakkan diantara <head> dan </head>. Element head (yang diawali dengan <head> dan diakhiri dengan </head>) berisi informasi dari sebuah halaman dan terletak sebelum element body. Selain tag title, ada beberapa tag lain yang juga berada di element head seperti tag meta, tag link, tag style, tag base dan lain sebagainya.

Berikut contoh kode penggunaan tag title pada dokumen HTML :

<!DOCTYPE html>
<html>
 <head>
  <title>
  Penggunaan Tag Title
  </title>
 </head>
 <body>
 Belajar menggunakan tag title bersama Nesaba Media
 </body>
</html>

Hasilnya di browser seperti ini :

Penggunaan tag title dan doctype

Seperti pada gambar diatas, anda bisa melihat judul halamannya di tab browser yang terletak diatas.

Deklarasi <!DOCTYPE>

<!DOCTYPE> merupakan instruksi yang berperan untuk mengidentifikasi versi HTML dari sebuah halaman yang terletak sebelum tag pembuka <html>. <!DOCTYPE> bukan merupakan sebuah tag, tetapi memiliki peran yang sangat penting dalam dokumen HTML.

Ada beberapa jenis deklarasi <!DOCTYPE>, tapi yang paling banyak digunakan sekarang adalah deklarasi untuk HTML5 yaitu <!DOCTYPE html>. Pada HTML5 hanya menggunakan <!DOCTYPE html> sedangkan untuk HTML 4.01 menggunakan 3 deklarasi <!DOCTYPE>.

Contoh penggunaan deklarasi <!DOCTYPE> :

<!DOCTYPE html>
<html>
 <head>
  <title>
  Penggunaan DOCTYPE
  </title>
</head> 
<body>
 Isi konten
 </body>
</html>

Semua tutorial HTML yang akan kita bahas kedepan akan selalu menggunakan <!DOCTYPE html> dan tag title di dalam dokumen HTML-nya. Jika anda sudah paham mengenai penggunaan tag title dan doctype, mari dilanjut pada tutorial berikutnya yaitu mengenai bagaimana cara membuat judul (headings) di HTML.

Leave a Reply

Send this to a friend