Basic Info

Pengenalan dasar HTML

Basic of HTML

• Mengatur jarak / enter menggunakan : < b r > atau < b r / >
seperti
ini
contohnya

seperti <br/> ini <br/> contohnya <br/>

• mengarahkan menggunakan : center,left,right
Tengah Kiri
Kanan
<center>Tengah</center> <left>Kiri</left> <right>Kanan</right>

• < d i v > = Untuk mengatur seluruh style misalnya "font style, font size, font colour, dll
texttexttexttexttetxt


<div style="text-shadow: 0px 0px 2px black; font-family: garamond; letter-spacing: 2px; color: black; padding-left: 20px; padding-right: 10px; text- align: center; font-size: 1.2em;"> texttexttexttexttetxt </div>

• Mengatur Besar image menggunakan width/height
- hanye perlu mengatur width dan height saja

<img src="paste image url disini"alt="beri nama tentang image disini" title="beri nama tentang image disini" width="50" height="100"/>

• Mengatur/menambahkan scroll bar
- edit width dan height untuk memperbesar/memperkecil box scroll
<div style="position:absolute; overflow:auto; width: 100px; height: 100px"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div>

Alignment

Mengatur Alignment pada gambar /tulisan

Alignment

• Mengatur Alignment menggunakan table :
- cellpading untuk mengatur sisi"
- cellspacing untuk mengatur jarak spasi

text disebelah kiri.

text sebelah kanan

<center><table width="85" cellpadding="5" cellspacing="5"> <tr> <td valign=top> <font color="BLACK" size="3" face="Bell MT"> text disebelah kiri.<br><br></font></td> <td align=center><img src="paste image url disini" width=100 ></td> <td valign=bottom><font color="BLACK" size="3" face="Bell MT">text sebelah kanan</font></td></tr> </table></center>


Text sebelah kiri

text text text text text text text text text text text text text text text text< /td>

<center><table width="400" cellpadding="10"> <tr><td valign=middle><font color="BLACK" size="2" face="Bell MT"> text text text text text text text text text text text text text text text text< /td> <td align=center> <img src="paste image url disini" width=100> </td></tr></table></center>

Variasi

<center><table width=65%> <tr><td align=center valign=top><img src="paste image url disinig" width="90" height="120"> <br><br><br> <img src="paste image url disini" width="90" height="120"></td> <td align=center valign=middle> <img src="paste image url disini" width="90" height="120"></td> </tr></table></center>

• Mengatur Alignment tanpa table
- top = mengatur jarak atas
- left = mengatur jarak kanan
- untuk mengganti posisi hanya tinggal mengganti ukuran "505px/320px" menjadi lebih besar/kecil

<div style="width: 500px; position: absolute; top: 505px; left: 320px;"> textetxttetxtexttext </div>