Anda di halaman 1dari 8

HTML Lanjutan 

Euis Marlina, S.Kom

Email : euismarlina@gmail.com
http://euismarlina.edublogs.org
HP : 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.

Anda mungkin juga menyukai