HTML atau Hyper Text Markup Language adalah suatu bahasa yang dikenali oleh web browser untuk menampilkan informasi dengan lebih menarik dibandingkan dengan tulisan teks biasa (plain text). Sedangkan web browser adalah program komputer yang digunakan untuk membaca HTML, kemudian menerjemaahkan dan menampilkan hasilnya secara visual ke layar komputer. Terdapat banyak jenis web browser di dunia ini namun yang paling umum digunakan adalah Mozilla Firefox, Internet Explorer, Google Chrome, Opera, dan Safari.
Berhubung HTML sebuah bahasa maka HTML mempunyai aturan dan struktur tertentu dalam penulisan perintah-perintahnya yang biasa disebut dengan TAG HTML. Aturan tersebut diawali dengan lambang <tag> dan biasanya akan diakhiri dengan lambang </tag>. Gambaran sederhanya seperti berikut :
<html>
<head>
<title> Judul Web</title>
</head>
<body>
.....Kode HTML lainnya ditulis dibagian ini...
</body>
</html>
<head>
<title> Judul Web</title>
</head>
<body>
.....Kode HTML lainnya ditulis dibagian ini...
</body>
</html>
Dari contoh di atas, terlihat bahwa penulisan kode-kode HTML lainnya untuk keperluan isi situs web akan diletakkan dibagian tag <body>. Dengan demikian dapat dikatakan bahwa informasi yang berupa kode-kode akan diapit oleh tag awal dan tag akhir, dan sebuah apitan tag bisa juga diapit oleh tag lainnya. Dalam HTML ada beberapa tag yang tidak perlu diakhir atau ditutup, misalnya tag <br>.
Selain itu ada beberapa tag yang memiliki atribut-atribut untuk pengaturan teks maupun halaman, misalnya tag anchor yang sering dituliskan dengan lambang <a> dan memiliki atribut href, rel name, dan sebagainya. Contoh penulisannya :
<a href="namasitus.com">Nama Situs</a>
Ada banyak ragam tag yang tersedia dalam HTML, namu saya tidak bisa memberikan semua contoh tag tersebut. Sebagai gantinya saya akan memberikan contoh-contoh tag yang sering digunakan.
1. Tag <!->; digunakan untuk menandai sebuah komentar suatu kode (script), dengan tanda ini maka browser tidak akan menerjemaahkannya.
<!---- tulisan bebas --->
<!--- masih bebas --->
<b>Uji Coba</b>
Hasil tampilan di browser :<!--- masih bebas --->
<b>Uji Coba</b>
Uji Coba
2. Tag <a>; Singkatan dari achor, tag ini digunakan untuk membuat sebuah tautan (link) antar web.
<a href="http://www.blog-nuzil.com">Blog Nuzil</a>
Hasil tampilan di browser :3. Tag <b>; Digunakan untuk membuat teks cetak tebal.
<b>Cetak Tebal</a>
Tampilan di browser :
Cetak Tebal
4. Tag <big>; Digunakan untuk membuat sebuah tulisan agar tambak lebih besar. Hal ini berbeda dengan cetak tebal <b>.
<b>Cetak Tebal<b>
<big>Lebih Besar</big>
Tampilan di browser :<big>Lebih Besar</big>
Cetak Tebal
Lebih Besar
Lebih Besar
5. Tag <br>; digunakan untuk mengakhiri suatu baris tulisan, lalu pindah ke baris baru dibawahnya.
baris pertama
<br>
Baris baru
Tampilan di browser :<br>
Baris baru
baris pertama
Baris baru
Baris baru
6. Tag <button>; Digunakan untuk membuat tombol di web browser. Biasanya tag ini diletakkan dalam sebuah form.
<button type="button">Efek Tag Button</button>
Tampilan di browser :
7. Tag <caption>; digunakan untuk membuat judul sebuah tabel. Penggunaan tag ini biasanya bersamaan dengan deklarasi tabel.
<table border="1">
<caption>Judul tabel</caption>
<tr>
<th>Nama</th>
<th>Kelas</th>
</tr>
<tr>
<td>Amdo</td>
<td>XI A</td>
</tr>
<tr>
<td>Leni</td>
<td>XI C</td>
</tr>
</table>
Tampilan di browser :<caption>Judul tabel</caption>
<tr>
<th>Nama</th>
<th>Kelas</th>
</tr>
<tr>
<td>Amdo</td>
<td>XI A</td>
</tr>
<tr>
<td>Leni</td>
<td>XI C</td>
</tr>
</table>
| Nama | Kelas |
|---|---|
| Amdo | XI A |
| Leni | XI C |
8. Tag <font>; Digunakan untuk memformat bentuk sebuah font, warna, dan ukuran dari sebuah teks.
<font size="3" color="red"> Tulisan warna merah ukuran 3</font><br/>
<font size="2" color="yellow"> Tulisan warna kuning ukuran 2</font><br/>
<font size="5" color="blue">Tulisan warna biru ukuran 5</font></br>
<font face="verdana" color="green">Tulisan warna hijau jenis font verdana</font>
Tampilan di browser :<font size="2" color="yellow"> Tulisan warna kuning ukuran 2</font><br/>
<font size="5" color="blue">Tulisan warna biru ukuran 5</font></br>
<font face="verdana" color="green">Tulisan warna hijau jenis font verdana</font>
Tulisan warna merah ukuran 3
Tulisan warna kuning ukuran 2
Tulisan warna biru ukuran 5
Tulisan warna hijau jenis font verdana
Tulisan warna kuning ukuran 2
Tulisan warna biru ukuran 5
Tulisan warna hijau jenis font verdana
9. Tag <hr>; digunakan untuk membuat garis horizontal.
<p>atas garis</p>
<hr/>
<p>bawah garis</p>
Tampilan di browser :<hr/>
<p>bawah garis</p>
atas garis
bawah garis
bawah garis
10. Tag <option>; digunakan untuk mendefinisikan suatu elemen yang dipilih dalam suatu daftar pilihan.
<select>
<option>Belajar HTML</option>
<option>Pengertian HTML</option>
<option>Apa itu HTMP</option>
<option>HTML adalah</option>
</select>
Tampilan di browser :<option>Belajar HTML</option>
<option>Pengertian HTML</option>
<option>Apa itu HTMP</option>
<option>HTML adalah</option>
</select>
0 Comments
Terimakasih telah mengunjungi Blog Nuzil.
Semoga informasi yang ada di blog ini bermanfaat.