Belajar HTML #3

Pada bab ini kita akan belajar membuat paragaf, heading, format text dan bentuknya.
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 bawah ini.










a. <p> artinya pindah paragraf atau pindah dua baris
b. <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 bawah ini.












"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 bawah ini.











a. <style> dan </style> adalah bentuk, ukuran dan warna text.
b. <b> dan </b> adalah text yang ditebalkan.
c. <i> dan </i> adalah text yang dimiringkan.
d. <i> dan </i> adalah text yang digaris bawahi.

Bagaimana Mudah sekali khan?

Previous
Next Post »

POSTING ABIE YANG BERHUBUNGAN >>