Kamis, 12 November 2009

Pemformatan tampilan HTML

Semua bentuk pemformatan bisa kita lakukan, apakah itu huruf (mengatur besar/kecil, bentuknya, ukurannya, dll). Selain itu kita juga bisa mengatur tata letak gambar, table dan masih banyak lagi hal-hal yang bisa kita lakukan agar situs kita terlihat cantik, bagus dan keren...


Disini saya contohkan codingnya dan teman-teman tinggal copas ke halaman editor yang baru lalu save dengan ekstensi ".html".
Ingat letakkan coding ini diantara


<html><body>...</body></html>


Ukuran Huruf


 <font size="1">Font Size 1</font><br>
<font size="2">Font Size 2</font><br>
<font size="3">Font Size 3</font><br>
<font size="4">Font Size 4</font><br>
<font size="5">Font Size 5</font><br>
<font size="6">Font Size 6</font><br>
<font size="7">Font Size 7</font><br>
<font size="-2">Font Size -2</font><br>
<font size="-1">Font Size -1</font><br>
<font size="0">Font Size 0</font><br>
<font size="+1">Font Size +1</font><br>
<font size="+2">Font Size +2</font><br>
<font size="+3">Font Size +3</font><br>
<font size="+4">Font Size +4</font><br>

Pewanaan Huruf


 <font color="#FF0000">Merah</font><br>
<font color="#00FF00">Hijau</font><br>
<font color="#0000FF">Biru</font><br>
<font color="red">Merah</font><br>
<font color="green">Hijau</font><br>
<font color="blue">Biru</font><br>

Format List



<ol type="l">
<li>Data 1</li>
<li>Data 2</li>
</ol>
<ol type="i">
<li>Data 1</li>
<li>Data 2</li>
</ol>
<ol type="A">
<li>Data 1</li>
<li>Data 2</li>
</ol>
<ol type="a">
<li>Data 1</li>
<li>Data 2</li>
</ol>

Menyisipkan Gambar



<p>Sebuah gambar<img src="masukan gambar" align="bottom" width="100" height="50"></p>

Set Table



<table border="1" width="500">
<tr>
<td>Header kiri</td>
<td align="center" width="50%">Header tengah</td>
<td align="right">Header kanan</td>
</tr>
<tr>
<td valign="top" rowspan="2">Menu kiri</td>
<td align="center" colspan="2" height="200">Bagian isi</td>
</tr>
<tr>
<td align="center">Footer tengah</td>
<td alugn="right">Footer kanan</td>
</tr>
</table>

Set Frame



<frameset cols="33%", "43%", "23%" frameborder="1">
<frameset rows="*,200">
<frame src="ukuran_font.html" name="satu" scrolling="no" frameborder="0">
<frame src="jenis_font.html"name="dua" scrolling="yes" noresize>
</frameset>
<frameset src="warna_font.html" name="tiga" frameborder="0">
<frameset src="table2.html" name="empat" frameborder="1">
<noframes>
Ada 4 halaman :
<ol>
<li><a href="ukuran_font.html">Halaman 1</a></li>
<li><a href="jenis_font.html">Halaman 2</a></li>
<li><a href="warna_font.html">Halaman 3</a></li>
<li><a href="table2.html">Halaman 4</a></li>
</ol>
</noframse>
</frameset>

0 komentar:

Posting Komentar

Pasang Iklan

OPENSOURCE AREA © 2008. Design by :Yanku Templates Sponsored by: Tutorial87 Commentcute