Tutorial Dasar Belajar Kode HTML

Kamis, 08 Maret 2012

Sebagai seorang blogger, HTML atau Hyper Text Markup Language bukanlah sesuatu yang asing lagi. HTML adalah sebuah bahasa representasi untuk halaman website, yang pertama kali dikembangkan oleh sebuah laboratorium fisika partikel di Swiss, yang bernama CERN.

Dengan mengenal dan mempelajari kode HTML, maka kita akan memperoleh beberapa keuntungan, seperti mempermudah dalam melakukan editing pada template atau tampilan blog/ website, sehingga penampilannya bisa jauh lebih menarik dan sesuai dengan kebutuhan daripada template bawaan.

Pelajaran Dasar Kode HTML

Kali ini Tutorial Blog Pemula akan berbagi pelajaran dasar kode HTML. Pelajaran dasar HTML adalah berkenalan dengan kode- kode dasar HTML yang perlu kita ketahui dan bisa dengan mudah diimplementasikan.

Yang perlu diingat, setiap file HTML selalu memiliki pasangan tag. Informasi dalam file HTML yang sering kita temui dalam template blog/ website dibagi dalam dua bagian, yaitu :

Header(<head> ...</head> ) : berisi informasi yang bersifat administrative
Body (<body> ...</body>) : berisi informasi mengenai dokumen yang akan di-publish atau ditampilkan

Berikut ini salah satu struktur umum dari file HTML yang sering kita temui :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Judul HTML</title>

</head>

<body>

<p>Ini adalah body<br>

</p>

</body>

</html>

Tag Umum File/ Kode Dasar HTML yang sering digunakan :

<b> text Anda</b> adalah tag yang digunakan untuk membuat huruf tebal ( bold )
<u> text Anda </u> adalah tag yang digunakan untuk membuat garis bawah ( underlined )
<i> text Anda </i> adalah tag yang digunakan untuk membuat huruf miring ( italic )
<blink> text Anda </blink> adalah tag yang digunakan untuk mengatur tulisan agar berkedip
<marquee> text Anda <marquee> adalah tag yang digunakan untuk mengatur sebuah tulisan/ text yang berjalan
<table> text Anda </table> adalah tag yang digunakan untuk membuat tabel. Namun untuk penggunaannya, ia harus di dukung tag atribut lain agar bisa menampilkan sebuah kotak. Diantara tag atribut yang melekat dalam tag <table> adalah : <tr> ... </tr> yang fungsinya untuk menampilkan baris dalam tabel. Dan, <td> ... </td> adalah untuk menampilkan kolom dalam tabel.
<p> adalah tag untuk memisahkan paragraf
<hr> adalah tag untuk membuat garis pemisah.
<center> text Anda </center> tag untuk membuat rata tengah.