Elemen-Elemen HTML

Sebelum kita berlatih,alangkah baiknya kita mengetahui elemen-elemen HTML terlebih dahulu. Dan berikut adalah elemen-elemen / tag-tag HTML: 

• Tag Utama

1. <html> </html>  [terdapat pada awal dan akhir file HTML]
2. <title>  </title>  [Judul Pada File HTML,terletak pada bagian atas]
3. <head> </head> [Keterangan umum]
4. <body> </body> [Isi dari halaman HTML] 

• Modifikasi Teks

1.  [membuat superscript teks "di atas kecil"]
2.  [membuat subscript teks "dibawah kecil"]
3. <b> </b> [menebalkan tulisan]
4. <i> </i> [membuat tulisan miring]
5. <u> </u> [membuat tulisan bergaris bawah]
6. <h1> </h1> [Header 1]
7. <h2> </h2> [Header 2]
8. <h3> </h3> [Header 3]

 

•  Font

1. <font> </font> [Mengubah gaya suatu huruf "warna/ukuran/jenis teks"]

 

• Links

1. <a> </a> [Membuat link ke dokumen atau situs lainnya]

 

• Gambar

1. <img> </img> [Menampilkan sebuah gambar]

 

• Formatting

1. <blockquote> </blockquote> [Mengatur teks dan gambar dalam suatu tag]
2. <ol> </ol> [ordered list]
3. <ul> </ul> [Unordered list]
4. <li> </li> [elemen list]
5. <p> </p> [ganti paragraf]
6. <br> [ganti baris]
7. <hr> [garis horisontal]
8. <center> </center> [Menengahkan elemen]

 

•  Tabel

1. <table> </table> [Mengatur semua elemen tabel]
2. <tr> </tr> [Membuat baris baru]
3. <td> </td> [Membuat kolom]
4. <th> </th> [Header otomatis ke tengah dan tabel]
5. <tbody> </tbody> [Format yang berlaku bagi sel yang diapit tag]
6. <colgroup> </colgroup> [Format yang berlaku bagi colom]

 

• Form

1. <form> </form> [Mengatur elemen dari form]
2. <input type=> [variasi dari tipe elemen form]
3. text [memasukkan teks pada form]
4. password [memasukkan password pada form]
5. hidden [membuat variabel hidden]
6. submit [button/tombol submit]
7. image [menampilkan gambar]
8. reset [button/tombol reset]