Pada saat ini, HTML telah menjadi dasar dalam pengembangan situs-situs di seluruh dunia. Setiap hari ada halaman web yang baru dipublish ke dunia maya. Untuk mempelajari HTML, kita tidak harus menguasai bahasa pemrograman apapun terlebih dahulu. Dengan menggunakan tag-tag yang mudah dipahami dengan logika, kita sudah bisa memperlihatkan isi situs kita ke seluruh dunia.
 
Meskipun telah banyak bahasa program lain yang berkembang, namun HTML tetaplah menjadi dasar dalam memahami bahasa-bahasa program tersebut. Misalnya xml dan PHP

HTML dapat dibuat melalui aplikasi apa saja, dan yang paling umum menggunakan notepad atau notepad++.
Untuk membuka notepad pada OS Microsoft Windows®, klik start menu, kemudian All Programs, kemudian Accessories, dan pilih atau klik "notepad". Format dasar html adalah:
<html>
<head> <title> </title></head>
<body>
</body>
</html>
setelah selesai mengetikkan tag-tag diatas, simpanlah (save as) file tersebut dengan tipe "all files", dan nama file diakhiri dengan ".html".
Adapun Format "minimal" tag HTML adalah:
<html>
<body>
</body>
</html>

Fokus kita pada pelajaran ini adalah cara menggunakan tags pada "<body>".. Berikut ini adalah daftar tags yang akan dipelajari dan fungsinya
<p> : Untuk memulai paragraf baru (dan pada akhir paragraf "</p>")
Contoh:
<html>
<body>
<p> Tuliskan Paragraf di sini. </p>
</body>
</html>

<br> : untuk memotong (break) kalimat, sehingga kalimat berikutnya ada dibawah kalimat sebelumnya dalam paragraf yang sama
Contoh:
<html>
<body>
Tulis kalimat 1 di sini.<br> Tulis kalimat 2 disini.<br> Tulis kalimat 3 disini.<br> dst....
</body>
</html>

<hr> : untuk memberi garis lurus di atas kalimat atau paragraf yang diberi tag ini (ditutup dengan "</hr>")
Contoh:
<html>
<body>
<hr> Tulis kalimat atau paragraf di sini </hr>
</body>
</html>

<body bgcolor="...."> : untuk membuat halaman web menjadi warna tertentu. Gantilah titik-titik di antara tanda kutip("") dengan nama warna yang diinginkan Dalam Bahasa Inggris atau Hexa Code :)
Klik disini untuk melihat contoh warna
Contoh:
<html>
<body bgcolor="yellow">
Tulis kalimat atau paragraf di sini
</body>
</html>

(Halaman situs web akan berubah menjadi warna kuning)
<b>, <i>, <u> : untuk huruf tebal, miring, dan garis bawah pada kata atau kalimat yang diberi tag ini (ditutup dengan "</b>, </i>, </u>").
Contoh:
<html>
<body>
<b> Kalimat dengan huruf tebal </b> <i> Kalimat dengan huruf miring </i> <u> Kalimat dengan garis bawah </u>
</body>
</html>

0 comments:

Posting Komentar

Ngeblog Sejak © Mei 2013

Powered by : Blogger