Kamis, 18 Juli 2013

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:

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

Jumat, 14 September 2012

Hypertext Markup Language (HTML)

Hypertext Markup Language atau biasa disingkat HTML adalah merupakan bahasa utama yang digunakan untuk menulis halaman website. Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.

Dasar-dasar HTML

tag <>
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag biasa.
Tag container adalah tag yang berisi text yang akan ditampilkan setelah tag ditutup. Contoh: <p> text yang ditampilkan </p>.

Tag biasa, contoh <BR> (break). <br > tidak perlu ditutup oleh tag </br>, tapi jika sintak yang digunakan tag container, contoh: <h1>, harus ditutup dengan </h1>.
Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya: <td> </td>
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: <body bgcolor=”red”> </body>. atau <input type=”text”>.

Akan dilanjutkan di artikel Tag-tag Dasar HTML.