Tag-tag HTML Dasar untuk Pemula
Sebuah halaman web yang valid selalu diapit oleh kode
<html>…..</html>. File-file html selalu berkahiran dengan
ekstensi *.html atau *.htm. tag-tag html selalu diawali dengan tanda
<x> dan diakhiri dengan tanda </x> dimana x adalah tag
seperti b, i, u , a dan sebagainya. Tapi ada juga tag tag yang tidak
diakhiri dengan </x> seperti <br> dan <input>
Berikut ini saya akan sajikan tag-tag html yang sering digunakan:
Setelah anda memahaminya, anda buka program NotePad++. Jika anda tidak punya, anda dapat download programnya DISINI. Setelah itu, anda ketikkan kode-kode berikut:
Contoh Hasil Output:
Hai Kawan, lihat aku sedang coding html
Aku baru belajar nih.. hehe...
Ini aku buat LINK ke Google
Berikut ini saya akan sajikan tag-tag html yang sering digunakan:
Tag
|
Keterangan
|
<html></html> | Tag untuk mengapit halaman html |
<head></head> | Tag yang berisi informasi umum mengenai halaman |
<body></body> | Setingan atribut untuk seluruh halaman |
<b></b> atau <strong></strong |
Untuk menebalkan text |
<i></i> atau <em></em> |
Untuk memiringkan huruf |
<u></u> | Untuk meggaris bawahi text |
<p></p> | Untuk membuat paragraf |
<br /> | Untuk pindah ke baris baru |
<hr /> | Untuk membuat garis horizontal |
<a href=""></a> | Untuk membuat links (dibahas selanjutnya) |
<img src="" /> | Untuk menyisipkan gambar (dibahas selanjutnya) |
Setelah anda memahaminya, anda buka program NotePad++. Jika anda tidak punya, anda dapat download programnya DISINI. Setelah itu, anda ketikkan kode-kode berikut:
<html> <head> <title>Judul Halaman Saya</title> </head> <body> <p><strong>Hai Kawan,</strong> <em>lihat aku</em> sedang coding html Aku baru <u>belajar</u> nih.. hehe... <hr /> Ini aku buat <a href="http://www.google.com/">LINK ke Google</a> </p> </body> </html>
Contoh Hasil Output:
Hai Kawan, lihat aku sedang coding html
Aku baru belajar nih.. hehe...
Ini aku buat LINK ke Google
Post a Comment