HTML Tag, Hal Dasar Yang Harus Anda Ketahui Dalam HTML

HTML Tag

Saat browser Anda mencoba untuk menampilkan sebuah halaman website, browser akan mencoba untuk membaca halaman website tersebut dari sebuah file teks dan kemudian akan mencari kode – kode special (yaitu tag HTML) yang akan ditandai dengan karakter “<” dan “>”. Tag HTML pada umumnya dibuat berpasangan, ada tag pembuka dan juga tag penutup.

HTML Adalah

HTML adalah singkatan dari Hypertext Markup Language. HTML akan memungkinkan user untuk membuat dan menyusun bagian dari sebuah paragraf, heading, link atau tautan, dan blockquote untuk halaman website dan juga aplikasi.

Jangan salah sangka, HTML bukanlah bahasa pemrograman, yang artinya HTML tidak punya kemampuan untuk membuat fungsionalitas yang dinamis. Sebagai gantinya, HTML akan memungkinkan user untuk mengorganisir dan memformat dokumen, sama halnya seperti Microsoft Word.

HTML Tag adalah

Karena HTML adalah bahasa markup, maka akan membutuhkan sebuah cara untuk memberitahu web browser fungsi dari sebuah teks. Apakah teks itu ditulis sebagai sebuah paragraf, list, atau sebagai link. Dalam HTML, tanda ini dikenal dengan istilah tag.

Hampir semua tag di dalam HTML akan ditulis secara berpasangan, tag pembuka dan tag penutup, objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup. Objek disini dapat berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku: “<” dan “>”.

Berikut adalah format dasar penulisan HTML Tag:

<tag_pembuka>objek yang dikenai perintah tag</tag_penutup>

Agar lebih jelas, Anda bisa melihat contoh berikut ini:

  • <p> Ini adalah sebuah paragraf </p>
  • <p> adalah tag pembuka, dalam contoh ini p adalah tag untuk paragraf.
  • </p> adalah tag penutup paragraf. Perbedaannya dengan tag pembuka terletak dari tanda forward slash (/)

Bila Anda tidak meletakan tag penutup, biasanya browser akan mentolerir kesalahan ini dan tetap menampilkan hasilnya seolah – olah kita menuliskan tag penutup. Walaupun ini menunjukan sebuah kemudahan, namun akan lebih sering menimbulkan sebuah kebingungan.

Contoh – Contoh HTML Tag:

Beberapa contoh tag yang bisa Anda gunakan adalah:

Nama Tag Keterangan / Kegunaan

Basic

  • <!DOCTYPE> Tag untuk menentukan tipe dokumen
  • <html> Tag untuk membuat sebuah dokumen HTML
  • <title> Tag untuk membuat judul dari sebuah halaman
  • <body> Tag untuk membuat tubuh dari sebuah halaman
  • <h1> to <h6> Tag untuk membuat heading
  • <p> Tag untuk membuat paragraf
  • <br> Memasukan satu baris putus
  • <hr> Tag untuk membuat perubahan dasar kata di dalam isi
  • <!–…–> Tag untuk membuat komentar

Formatting  

  • <acronym> Tag untuk membuat sebuah akronim (tidak disupport lagi di HTML5)
  • <abbr> Tag untuk membuat sebuah singkatan
  • <address> Tag untuk membuat kontak alamat
  • <b> Tag untuk membuat huruf bercetak tebal
  • <bdi> Mengisolasi bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luarnya (tag baru HTML5)
  • <bdo> Mengganti arah teks

Images  

  • <img> Tag untuk membuat gambar
  • <map> Tag untuk membuat gambar-peta
  • <area> Tag untuk membuat area dalam gambar-peta

Links  

  • <a> Tag untuk membuat hyperlink
  • <link> Tag untuk membuat hubungan antara dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke style sheet)
  • <nav> Tag untuk membuat navigasi link (tag baru HTML5)

Lists  

  • <ul> Tag untuk membuat daftar dengan selain nomor
  • <ol> Tag untuk membuat daftar dengan nomor
  • <li> Tag untuk membuat sebuah item daftar

Dan masih banyak lagi tag yang bisa Anda gunakan untuk membuat sebuah halaman HTML.

Kesimpulan

Untuk membuat sebuah halaman HTML, Anda akan membutuhkan HTML Tag untuk bisa memberitahukan kepada browser mengenai fungsi sebuah teks. Tanpa hal ini, browser tidak akan bisa membaca sebuah file HTML.

Baca Juga: Cara Membuat Website Sederhana Dengan HTML dan CSS

Apabila Anda memiliki pertanyaan atau pendapat yang berbeda silahkan bagikan pada kolom komentar, dan jangan lupa untuk share artikel ini.

Share this post :

Scroll to Top
WhatsApp chat