Saat browser Anda mencoba untuk menampilkan sebuah halaman website, browser akan mencoba untuk membaca halaman websitetersebut 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 websitedan 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 TagKeterangan / 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 browsermengenai fungsi sebuah teks. Tanpa hal ini, browsertidak 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.
