Thursday 3 May 2012

format html

1. Membuat Paragraf
Silahkan ketik di notepad seperti dibawah ini:
<html>
<head><title>Menambah Text dan Formatnya</title></head>
<body>
Ini baris pertama<p>
Dan ini baris ke tiga<br>
Kalau ini baris ke empat<br>
</body>
</html>

Hasilnya silahkan di lihat disini.


  • <p> artinya pindah paragraf atau pindah dua baris
  • <br> artinya pindah baris
    2. Membuat Heading
    Silahkan ketik diantara <body> dan </body> seperti dibawah ini: <h1>Heading Pertama</h1>
    <h2>Heading Kedua</h2>
    <h3>Heading Ketiga</h3>
    <h4>Heading Keempat</h4>
    <h5>Heading Kelima</h5>
    <h6>Heading Keenam</h6>

    Hasilnya silahkan di lihat disini.
  • Terlihat bahwa besarnya tulisan tiap heading berbeda-beda.
    3. Format Text dan Bentuknya
    Silahkan ketik diantara <body> dan </body> seperti dibawah ini: <style type="text/css">
    body {font-family:"Arial";font-size:"12pt";color:blue}
    </style>
    <body>
    Ini <b><i><u>halaman</u></i></b> web saya
    </body>

    Hasilnya silahkan di lihat disini.
  • <style> dan </style> adalah bentuk, ukuran dan warna text.
  • <b> dan </b> adalah text yang ditebalkan.
  • <i> dan </i> adalah text yang dimiringkan.
  • <i> dan </i> adalah text yang digaris bawahi.
  •  
  • terima kasih ..
  • No comments: