Belajar HTML dasar : Apa itu Tag?

Tag adalah salah satu bagian penting yang ada di dalam HTML.

Apa itu tag?

Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung <...>, lalu di dalamnya brisi tag dan kadang juga ada yang tambahkan dengan atribut.

Contohnya : <a>, <p>, <body>,<head>, dan sebagainya.

Tag selalu memiliki pasangan. Ada tag pembuka sebagai awalan dan ada tag penutup sebagai akhiran. Namun ada tag yang tidak memiliki pasangan (tag penutup). Tag penutup di tandai dengan garis miring </...> di depan tag.

Contoh :

<h1>  Web Desain </h1>

<h1>  → sebagai tag pembuka

</h1> → sebagai tag penutup

Setiap tag memiliki fungsi masing-masing. Ada yang digunakan untuk membuat judul, membuat link, paragraf, dan lain-lain.

Tag dasar yang wajib diingat :

  1. <html>   → Untuk memualai dokumen HTML
  2. <head>   → Untuk membuat bagian head
  3. <body>  → Untuk membuat bagian Body (isi)
  4. <h1-h6> →Untuk membuat heading pada artikel
  5. <!-- -->  → Untuk membuat komentar

Cara menulis tag HTML yang benar

1. Tag-tag wajib 

Ada beberapa tag yang wajib ada di dalam HTML. Tak ini harus ada di dalam scrip kalau tidak maka hasilnya akan Error. Daftar tag yang wajib ada di HTML sebagai berikut :

  • <!DOCTYPE html> →Untuk deklarasi type dokumen
  • <html>                      →Tag utama dalam HTML
  • <head>                      →Untuk bagian kepala dokumen
  • <title>                       →Untuk Judul Web
  • <body>                     →Untuk bagian body dari dokumen

2. Menggunakan huruf kecil

Hindari penggunaan huruf besar dlam pengetikan nama tag dan sebaiknya gunakan huruf kecil saja. Menggunkan huruf kecil lebih mudah di ketik dan juga membuat kode HTML terlihat lebih rapi dan bersih.

 Contoh :

Contoh pengetikan kode tag HTML yang baik

Namun khusus untuk tag <!DOCTYPE html> di ketik dengan huruf besar. Akan tetapi bisa juga di ketik dengan huruf kecil dan akan valid menurut validator W3C. Tapi untuk dokumen XHTML menggunakan DOCTYPE dengan huruf kecil hasilnya akan error.

3. Parikan menutup tag dengan benar

Tag HTML di ketik bertumpuk-tumpuk. Artinya di dalam tag ada tag lain. Terkadang terjadi kesalahan dalam penempatan tag penutup yang bertumpuk ini. Akibatnya kode HTML tidak valid.

Contoh pengetikan menutup tag yang benar :

<i><b><u>Web Desain</u></b></i>

Tag pertama saat menjadi penutup harus berada paling akhir.


Komentar

Postingan populer dari blog ini

Transformasi Grafik menggunakan bentuk translasi dengan Lima Titik || Dev++