Bagi kamu seorang yang ingin belajar bagaimana membuat website. Kamu harus memahami apa itu HTML beserta tag dasarnya yang sering di gunakan. Sesuai yang dikutip dari Wikipedia, Hypertext Markup Language (HTML) adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets (CSS) dan bahasa scripting seperti JavaScript dan VBScript. Pada artikel kali ini kita akan membahas HTML khususnya tag-tag dasar HTML yang sering digunakan.
Mengenal Tag Dasar HTML
Secara garis besar, terdapat 4 jenis elemen dari HTML:
1. Head
Dokumen HTML di apit oleh tag . Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title di gunakan sebagai keyword. Header juga memuat tag META yang biasanya dapat di gunakan untuk menentukan informasi tertentu mengenai dokumen HTML. Anda bisa menentukan author name, keywords, dan lainnya pada tag META.
2. Body
Bagian BODY, yang dinyatakan dengan tag <body>, merupakan tubuh atau isi dari dokumen HTML di mana anda meletakan informasi yang akan ditampilkan pada browser.
3. Tag
HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda kurung sudut (< dan >).
Tag biasanya merupakan suatu pasangan yang disebut dengan:
- Tag awal, dinyatakan dalam bentuk <nama tag>
- Tag akhir, dinyatakan dalam bentuk </nama tag>
Formatnya: <nama tag> teks yang ditampilkan </nama tag>.
Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML <i>Teks ini terlihat miring di browser Anda</i>
4. Atribut
Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya, <p style="text-align:left"> digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <p> dan atribut yang menyertainya adalah “style” dengan nilai “text-align:left”. Nilai atribut “style” di tulis dalam bahasa CSS.
Dokumen HTML selalu diawali dengan menuliskan kode: <!DOCTYPE html>. HTML selalu dimulai dengan tag <html> dan diakhiri dengan </html>.
Untuk menulis isi atau tampilan web, kamu harus menulisnya diantara tag <body> dan </body>.
Contohnya sederhananya seperti ini
<!DOCTYPE html> <html> <body> <h1>Judul Halaman</h1> <p>Haloo, ini isi halaman.</p> </body> </html>
Kali ini kita akan membahas kegunaan dari tag dasar HTML yang sering di pakai untuk membuat website
| Tag | Kegunaan |
| <!DOCTYPE> | Tag untuk menentukan tipe dokumen |
| <html> | Tag untuk membuat sebuah dokumen HTML |
| <title> | Tag untuk membuat judul dari sebuah halaman atau website |
| <head> | Tag Kepala dari dokumen HTML. Pada tag ini kamu dapat menuliskan CSS untuk mempercantik halaman website kamu |
| <body> | Tag untuk membuat tubuh dari sebuah halaman. Pada tag ini kamu dapat menuliskan isi dari website yang kamu buat |
| <h1> – <h6> | Tag untuk membuat sub judul dari website |
| <p> | Tag untuk membuat paragraf |
| <hr> | Tag untuk membuat suatu garis horizontal |
| <br> | Tag untuk mengganti baris (enter) |
| <a> | Tag untuk membuat hyperlink |
| <img> | Tag untuk memasukkan gambar pada website |
| <div> | Tag untuk menentukan bagian/section dalam dokumen HTML. |
| <table> | Tag untuk membuat suatu data yang terdiri dari baris dan kolom |
| <form> | Tag untuk mendefinisikan sebuah form |
| <input> | Tag untuk mendefinisikan inputan dari pengguna seperti text, tombol |
Penutup
Semoga contoh penjelasan singkat ini membantu anda memahami HTML. Selamat mencoba.