Materi 2 - HTML Lanjutan

HTML Lanjutan

Euis Marlina, S.Kom

Email : euismarlina@gmail.comhttp://euismarlina.edublogs.orgHP : 08179424319

Tabel

Kode program tabel standar<table width="80%" border="1" cellspacing="10“ cellpadding="10">

<tr> <!--deklarasi baris -->

<td><div align="center">No</div></td> <!--deklarasi kolom -->

</tr>

</table>

Tag HTML untuk menambahkan komentar : <!-- …..-->

Cellpading : Besarnya jarak antara teks pada cell dengan garis/border.

Cellspacing : Besarnya jarak spasi antara cell. Width : Lebar tabel yang dinyatakan dalam persen atau

pixel.

Contoh

Kode Program

<table width="80%" border="1" cellspacing="10“ cellpadding="10">

<tr> <td><div align="center">No</div></td> <td><div align="center">NIM</div></td> <td><div align="center">Nama</div></td> <td><div align="center">Alamat</div></td> </tr> <tr> <td><div align="center">1</div></td> <td><div align="center">30551113001</div></td> <td>Doni</td> <td>Sleman</td> </tr></table>

Tag HTML untuk Teks

<p>..</p> : untuk paragrap baru <pre>..</pre> : menetapkan teks yang formatnya

sudah dibuat terlebih dahulu Contoh :

<p>Teks pada pragrap</p><pre>Teks dengan format Pre* * ** * * * * * * * ** * * * * *</pre>

List Ordered List(Daftar terurut, untuk mengatur teks dengan

urutan berdasarkan nomor) Contoh :

<ol><li>Majalah TI</li><li>Buku TI</li>

</ol>

Unordered List(Daftar tidak terurut, yang menggunakan bullet sebagai simbol urutannya)

Contoh :<ul>

<li>Majalah TI</li><li>Buku TI</li>

</ul>

Catatan :

Untuk tag-tag HTML lainnya bisa dipelajari langsung ketika kita menggunakan Macromedia Dreamweaver.