Pengenalan HTML Website

Kali ini kita masuk pada pengenalan kode html yang biasa dipakai pada website, jika di kumpulkan kode html sangatlah melimpah, tetapi kita lebih sering membutuhkan kode html yang akan ku sebutkan berikut ini:

Link - kita biasa menemukan link pada sebuah website, tapi apa anda tau kode apa yang di tulis untuk membuat sebuah link. Kodenya seperti ini:

<a href="http://caramembuatwebsites1.blogspot.com/2012/07/pengenalan-html-website.html">Pengenalan HTML</a>

maka hasilnya menjadi seperti contoh berikut:
Pengenalan HTML

Garis Hoizontal - ini sangat mudah anda cukup menulis kode html

<hr>

hasilnya seperti ini

---

Tulisan tebal - anda bisa membuat ini dengan kode tag bold dan kode penutupnya yang mengapit sebuah tulisan yang anda inginkan, berikut ini kode html-nya

<b>Tulisan Tebal</b>

hasilnya seperti ini
Tulisan Tebal

Tulisan miring - sama halnya dengan tulisan tebal tapi kode html nya yang berbeda, dia menggunakan seperti ini.

<i>Tulisan Miring</i>

maka hasilnya seperti ini
Tulisan Miring


Tulisan bergaris bawah- Kode html yang dipakai menggunakan huruf "u" yang berarti underline dalam bahasa inggris

<u>Tulisan Bergaris Bawah</u>

hasilnya seperti ini
Tulisan Bergaris Bawah

Anda juga bisa mencampur semua kode html kedalam satu perintah dengan cara seperti berikut

<b><i><u>Ini tulisan tebal dan miring lalu di beri garis bawah</u></i></b>

maka hasilnya seperti ini
Ini tulisan tebal dan miring lalu di beri garis bawah

Membuat list - kali ini anda memerlukan dua kode yaitu ul dan li, silahkan lihat cara pemakaiannya

<ul>
<li>List pertama</li>
<li>List kedua</li>
<li>List ketiga</li>
</ul>

maka akan menghasilkan seperti ini

• List pertama
• List kedua
• List ketiga

Tulisan berjalan - anda bisa menggunakan marque utnuk membuatnya, berikut ini contohnya

<MARQUEE BEHAVIOR="scroll" DIRECTION ="left">Tulisan Berjalan</MARQUEE>

Tulisan Berjalan

Membuat tablel - anda bisa membuat tabel dengan garis yang terlihat dan tidak, cukup dengan mengedit bordernya menjadi 0 (nol), berikut contohnya

<table border="1" bordercolor="#000000" style="background-color:#FFFFFF" width="100%" cellpadding="5" cellspacing="0">
    <tr>
        <td>Contoh tabel 1</td>
        <td>Contoh tabel 2</td>
        <td>Contoh tabel 3</td>
    </tr>
    <tr>
        <td>Contoh tabel 4</td>
        <td>Contoh tabel 5</td>
        <td>Contoh tabel 6</td>
    </tr>
</table>

hasilnya seperti ini

Contoh tabel 1	Contoh tabel 2	Contoh tabel 3
Contoh tabel 4	Contoh tabel 5	Contoh tabel 6

Kira-kira apa lagi ya? nanti di update deh kalo keingetan lagi.