 |
E-Weblog hadir lagi nih untuk menamani waktu luang para googlinger. Oh ya kali ini E-Weblog akan membahas mengenai Paragraf dan Line break pada HTML. Sudah siapkah kalian? Kalau sudah, oke mari kita ke materi. Check it out!
Untuk prakteknya ketik aja script berikut dengan notepad++ atau bisa juga dengan Adobe Dreamweaver.
- Paragraf. Tag paragraf <p> berfungsi layaknya untuk pengaturan antar paragraf dalam halaman web. Tag ini memiliki beberapa elemen, misalnya : align [left | center | right].
- Line Break. Tag line break <br> digunakan untuk memberi baris baru suatu paragraf dalam halaman web.
Paragraf
<html>
<head>
<title>Penggunaan Paragraf</title>
</head>
<body bgcolor="#0066FF" text="#FFFFFF">
<h1><center>::- Belajar Penggunaan Paragraf -::</center></h1>
<hr width="100%" size="5px" align="center">
<h3>Fungsi :</h3>
<h4>Merapikan tulisan</h4>
<p>Membuat lebih tersusun</p>
</body>
</html>
Line Break
<html>
<head>
<title>Penggunaan Line Break</title>
</head>
<body bgcolor="#0066FF" text="#FFFFFF">
<h1><center>::- Toko Komputer -::</center></h1>
<hr width="100%" size="5px" align="center">
<h3>Kategori :</h3>
<h4>Gadget, HP & Accessories</h4>
<p>Handphone<br>Smartphone<br>Tablet<br>Baterai<br>Charger</p>
<h4>Electronic & Home App</h4>
<p>Alat Kebersihan<br>Mesin Cuci<br>Freezer<br>AC<br>Peralatan Dapur</p>
</body>
</html>
Apabila sudah menulis seperti diatas, langkah selanjutnya save-as file dengan ekstensi .html, nama boleh bebas. Kemudian cek hasilnya dengan klik file tersebut dan lihat tampilan yang tampak dibrowser. Apabila seperti berikut berarti penulisan script kawan sudah benar :-)
Tampilan untuk Paragraf
Tampilan untuk Line Break
Sampai disini dulu ya sahabat E-Weblog yang setia, admin lelah nih :-D
Tetap kunjungi blog ini untuk info selanjutnya, See U next Time. :-)
Salam NetBie...
Tidak ada komentar:
Posting Komentar