Pembahasan Lengkap HTML

Kelasmaster.com – HTML singkatan dari Hyper Text Markup Language yakni file teks berisi script yang memerintahkan kepada web browser untuk menampilkan suatu tampilan secara grafis dari sebuah halaman web. Ada beberapa “tag” pada HTML berisi kode-kode yang hanya dimengerti oleh web browser untuk menampilkannya di layar monitor.

Anda bisa membuat barisan kode HTML di beberapa text editor semisal Dreamviewer, Aptana Notepad, Sublime atau masih banyak lagi dengan sistem operasi komputer manapun, karena HTML bersifat cross platform maka menghasilkan karya akhir yang sama.

Tag HTML Itu Mudah

File tag umumnya berpasangan yang ditandai dengan kurumg siku buka yakni < dan kurung siku tutup >. Kode-kode khusus ini yang akan dicari web browser untuk menampilkannya pada halaman website.

Tag HTML sengaja dibikin berpasangan, ada tag pembuka dan ada tag penutup. Formatnya adalah seperti yang terlihat di bawah ini, di sana cukup jelas adanya penutup dengan tanda garis miring.

<nama_tag> Teks yang akan ditampilkan </nama_tag>
Kesalahan atau tag yang asing pada kode tidak akan ditampilkan di web browser.

Contoh Halaman Sederhana

Data pada HTML terdapat dua bagian yaitu head dan body. Pada bagian head fungsinya memberikan informasi penting tentang data-data tapi tidak ditampilkan di layar monitor ketika dijalankan, sedangkan bagian body adalah berisi semua instruksi untuk mengatur seluruh tampilan halaman web di web browser dan informasi lain yang tidak termasuk dalam bagian head.

Rangkaian baris kode untuk menampilkan halaman sederhana adalah sebagai berikut di bawah ini:

Cukup mudah bukan?

Meta Tag
Meta tag diletakkan sebelum penutup head dan tidak ditampilkan pada browser, tapi elemen tersebut memberikan informasi mengenai halaman web misalnya siapa nama pengarangnya, deskripsi dan kata kunci dari web tersebut. Hal ini untuk memaksimalkan hasil pencarian pada mesin pencari dan membuat website mudah dijumpai orang.

Tag-tag tersebut di antaranya:

Tag Penting Lainnya

<hr> membuat garis tanpa putus
<br> membuat paragraf baru
<h1> </h1> teks heading bernilai 1 sampai 6
<p> </p> membuat paragraf
<b> </b> membuat huruf tebal (bold)
<i> </i> membuat huruf miring (italic)
<u> </u> membuat huruf garis bawah (underline)
<div align=left>Teks rata kiri</div>
<div align=center>Teks rata tengah</div>
<div align=right>Teks rata kanan</div>
<a href=”http://www.kelasmaster.com”>teks hiperlink</a>
<img src=”URL”/> tampilkan gambar
<table> </table> tampilkan tabel
<tr> </tr> tag baris pada tabel
<th> </th> header pada tabel
<td> </td> sel pada tabel

Masih banyak tag yang dapat Anda pelajari pada bahasan kode HTML, untuk sesi selanjutnya akan dibahas secara tuntas.