Setelah memahami HTML, pada artikel sebelumnya, sekarangkita akan mencoba mengenal dan penggunaan Tag Umum atau dasar dalam HTML. Tag merupakan kode yang digunakan untuk memperkenalkan pada web brawser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web brawser baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penlisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang diguanakan dalam HTML.
Oke tidak usah lebih lama basa basi, Langsung saja beberapa tag HTML dasar yang paling umum digunakan untuk mendesain website beserta fungsi dan penggunaannya.
Tag Dasar
1. <! DOCTYPE html> Deklarasi untuk mendefinisikan dokumen menjadi HTML
2. <html> Tag pembuka untuk membuat dokumen HTML
3. <head> Informasi meta tentang dokumen
4. <title> Membuat judul halaman yang nantinya akan ditampilkan di browser
5. <body> Tempat dibuatnya semua konten website menggunakan HTML
Contoh penggunaan :
Preview :
Tag Judul
1. <h1> s/d <h6> Membuat judul atau heading
2. <hr> Memisahkan konten (biasanya ditampilkan garis pembatas)
Contoh penggunaan :
Preview :
Tag Paragraf
1. <p> Membuat paragraf
2. <br> Membuat garis baru
3. <pre> Memfortmat teks atau kalimat
Contoh penggunaan :
Preview :
Tag Style
1. style Atribut untuk elemen styling pada HTML
2. background-color Memberikan warna latar belakang
3. color Memberi warna pada teks
4. font-family Mengubah font pada teks
5. font-size Mengatur ukuran font
6. text-align Mengatura perataan teks
Contoh penggunaan :
Preview :
Tag Formating
1. <b> Membuat teks tebal
2. <strong> Membuat teks penting
3. <i> Membuat teks miring
4. <em> Membuat teks ditekankan
5. <mark> Membuat teks ditandai
6. <small> Membuat teks kecil
7. <del> Teks dihapus
8. <ins> Teks dimasukan
9. <sub> Teks subscript
10. <sup> Teks superscript
Contoh penggunaan :
Preview :
Tag Gambar
1. <img> Elemen untuk mendefinisikan gambar
2. src Atribut untuk menentukan URL gambar
3. alt Mendefinisikan teks pada gambar, jika gambar tidak dapat ditampilkan
4. width – height Menentukan ukuran gambar
5. float Properti untuk float image pada CSS
6. <map> Mendefinisikan gambar peta
7. <area> Mendefinisikan area atau daerah-daerah gambar pada peta
8. <picture> Menampilkan gambar yang berbeda untuk perangkat yang berbeda
Contoh penggunaan :
Preview :
Tag Form Option
1. <form> Membuat formulir untuk mengumpulkan input pengguna
2. <input> Membuat tipe inputan pada form yang akan dibuat
3. <textare> Elemen untuk mendefinisikan field input
4. <label> Memberikan label pada elemen input
5. <fieldset> Mengelompokan elemen yang terdapat pada sebuah form
6. <select> Membuat input dengan pilihan yang berbentuk list drop down
7. <optgroup> Mengelompokan beberapa pilihan pada daftar pilihan input
8. <option> Mendefinisikan opsi yang bisa dipilih
9. <button> Membuat Button
10. <datalist> Membuat daftar pilihan untuk input data
11. <output> Menampilkan hasil dari hitungan
Contoh penggunaan :
Preview :
Tag Tabel
1. <table> Membuat tabel pada web
2. <tr> Membuat baris pada tabel
3. <td> Membuat kolom pada tabel
4. <th> Membuat judul pada kolom. Contohnya nama, kelas, dan alamat.
5. <caption> Membuat judul tabel
6. border Mengatur garis tabel
7. border-collapse Mengatur batas garis tabel
8. padding Mengatur padding pada cell
9. text-align Mengatur perataan pada konten tabel
10. border-spacing Mengatur jarak spasi garis tabel
11. colspan Menggabungkan beberapa kolom. Kalau di office disebutnya Merge Cell
12. rowspan Menggabungkan beberapa baris
13. id Memberikan id pada tabel atau kolom
Contoh penggunaan :
Preview :
Tag Daftar/ List
1. <ul> Untuk membuat tampilan daftar menggunakan simbol seperti bullet, cyrcle, dan lainnya.
2. <ol> Membuat daftar menggunakan nomor, huruf, romawi, dan lainnya
3. <li> Menentukan berbagai item yang ingin ditampilkan
4. <dl> Mendefinisikan daftar deskripsi
5. <dt> Mendefinisikan istilah deskripsi
6. <dd> Menggambarkan istilah dalam daftar deskripsi
7. <type> Menentukan jenis penomoran
Contoh penggunaan :
Preview :
0 Komentar