Belajar HTML Part 7: Cara Membuat Paragraf
Halo Kawan-kawan
Setelah memahami Pengertian dan Penggunaan Tag, Elemen, dan Atribut pada HTML, kali ini Kita akan belajar cara membuat Paragraf dengan menggunakan kode HTML.
Ayo, mari kita membuat kode html baru dengan menggunakan struktur tag, element dan atribut, kemudian ketikan kode sebagai berikut:
Contoh penggunaan tag paragraf:
<!DOCTYPE html>
<html>
<head>
<title>Judul dari Website</title>
</head>
<body>
Isi dari Website
Paragraf 1
Paragraf 2
</body>
</html>
SAVE dengan nama “Belajar HTML”, lalu jalankan di web browser
Bagaimana hasilnya ?,
Tulisannya menyambung dan tidak membentuk paragraph baru seperti yang kita mau.
Disinilah pentingnya kita menambahkan beberapa tag baru untuk membuat paragraph baru yaitu tag <p>.
Tag Paragraf (<p>)
Untuk membuat paragraph HTML menyediakan tag khusus yaitu tag <p>. Mari Kita coba tambahkan tag <p> pada kode diatas.
Contoh penggunaan tag paragraf:
<!DOCTYPE html>
<html>
<head>
<title>Judul dari Website</title>
</head>
<body>
<p>Isi dari Website</p>
<p>Paragraf 1</p>
<p>Paragraf 2</p>
</body>
</html>
SAVE, lalu jalankan di web browser
Bagaimana hasilnya, sudah membentuk paragraph baru bukan?,
Tag Break (<br />)
Fungsi tag <p> kurang lebih seperti penjelasan diatas, namun selain tag <p> kita juga dapat menggunakan tag lain yaitu tag <br>.
Namun, ada yang menjadi pembeda cara penulisan tag <p> dan tag <br />, kurang lebih dapat dilihat pada kode berikut:
Contoh penggunaan tag paragraf:
<!DOCTYPE html>
<html>
<head>
<title>Judul dari Website</title>
</head>
<body>
Isi dari Website<br />
Paragraf 1<br />
Paragraf 2
</body>
</html>
SAVE, lalu jalankan di web browser
Bagaimana hasilnya?, ya, hasilnya kurang lebih sama dengan penggunaan tag <p>.
Setelah kita memahami tentang cara membuat paragraph dalam tutorial kita kali ini, maka selanjutnya kita siap belajar tentang Cara Membuat Heading.