HTML sendiri merupakan bahasa yang tidak case sensitive, artinya tidak membedakan huruf besar dan kecil. HTML merupakan pengembangan dari standar pemformatan dokumen teks, yaitu SGML ( Standart Generalized Markup Language ).
Sebuah halaman website akan diapit oleh tag <html>...</html>. File-file HTML selalu berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.
| <b>Ini tulisan tebal</b> | Ini tulisan tebal |
| <i>Ini tulisan miring</i> | Ini tulisan miring |
| <u>Ini tulisan bergaris bawah</u> | Ini tulisan bergaris bawah |
| Ini baris 1 <br />Ini baris2 | Ini baris1 Ini baris2 |
| Ini garis horizon<hr> |
Untuk lebih jelas lihat contoh dibawah ini :
<font color="red" face="Arial" size="12"> Ini font arial berwarna merah dan berukuran 12</font>
Hasilnya :
Ini font arial berwarna merah dan berukuran 12
Keterangan :
- Atribut Color digunakan untuk menemtukan warna tulisan
- Atribut Face digunakan untuk menentukan jenis huruf
- Atribut Size digunakan untuk menentukan ukuran huruf
Jika anda melihat urutan atribut color diatas lalu atribut face dan atribut size ketiga, anda tidak perlu memperdulikan urutan atribut tersebut karena browser hanya membaca isi dari properti bukan urutan atributnya.
Berikut adalah tag html dan fungsinya
| TAG | ATRIBUT | DESKRIPSI |
| <html>...</html> | Baris paling atas dari deskripsi HTML | |
| <head>...</head> | Informasi umum dari sebuah halaman web | |
| <title>...</title> | Judul halaman dan terdapat pada head | |
| <body>...</body> |
|
Setting atribut untuk seluruh dokumen |
| TAG | DESKRIPSI | CONTOH |
| <b>...</b> | Teks Tebal | Teks Tebal |
| <i>...</i> | Teks Miring | Teks Miring |
| <u>...</u> | Teks Garis Bawah | Teks Garis Bawah |
| <h1>...</h1> | Header1 | Header1 |
| <h2>...</h2> | Heading2 | Heading2 |
| <h3>...</h3> | Heading3 | Heading3 |
| <h4>...</h4> | Heading4 | Heading4 |
| <h5>...</h5> | Heading5 | Heading5 |
| <h6>...</h6> | Heading6 | Heading6 |
| TAG | ATRIBUT | DESKRIPSI |
| <font>...</font> |
|
Mengubah gaya suatu huruf |
| TAG | ATRIBUT | DESKRIPSI |
| <a>...</a> |
|
Mengubah Link ke dokumen atau situs lainnya |
| TAG | ATRIBUT | DESKRIPSI |
| <img> |
|
Menampilkan sebuah gambar |
| TAG | ATRIBUT | CONTOH |
| <blockquote>...</blockquote> | Digunakan untuk mengatur sedikit ketengah | Lexy Lexy |
| <ol>...</ol> | Ordered Lish, (digunakan untk membuat item) | Item1 Item2 Item3 |
| <ul>...</ul> | Unordered Lish ( digunakan dengan <li> ) |
|
| <li> | Elemen Lish | |
| <dd>...</dd> | Definision Lish | |
| <dt> | Definosion Term | |
| <dd> | Definision | |
| <p>...</p> | Paragraf | Teks |
| <br> | Breakline ( ganti baris ) | |
| <center>...</center> | Menengahkan elemen |
| TAG | ATRBUT | DESKRIPSI |
| <table>...</table> |
|
Mengatur semua elemen tabel |
| <tr>...</tr> |
|
Membuat baris baru |
| <th>...</th> |
|
Header (kepalah tabel). Otomatis ketengah dann tebal |
| <tbody>...</tbody> |
|
Format yangberlaku bagi cell yang diapit tag |
| <colgroup>...</colgroup> |
|
Format yang berlaku bagi kolom |
| TAG | ATRIBUT | DESKRIPSI |
| <form>...</form> |
|
Mengatur elemen dari form |
| <input type=> |
|
Variasi dari type elemen form |
| text |
|
|
| hidden |
|
|
| radio |
|
|
| checkbox |
|
|
| submit | value | Tombol |
| reset | value | |
| <select>...</select> |
|
|
| <option>...</option> |
|
|
| <textarea>...<textarea> |
|
|
| wrap |
|
no wrap |
Okey, sampai disini dulu pengenalan singkat mengenai HTML
Image by Cool Text: Free Logos and Buttons - Create An Image Just Like This