HTML Paragraphs
Apa Itu HTML Paragraphs
HTML Paragraphs adalah suatu kalimat pada barisan baru yang biasanya berupa blok teks.
Tag HTML <p> yang mendefinisikan sebuah paragraf.
Sebuah paragraf akan selalu dimulai pada baris baru, dan browser secara otomatis menambahkan margin sebelum dan sesudah paragraf.
Contoh Penerapan <p>
<p>Ini Paragraf Pertama.</p>
<p>Ini Paragraf Kedua.</p>Membuat HTML Paragraphs
Paragraf adalah kumpulan dari beberapa kalimat. Pada web, Paragraf biasanya digunakan untuk menampilkan teks atau artikel.
Paragraf pada HTML dibuat dengan tag <p>. Selain tag ini, ada juga tag pendukung lain seperti <div>, <hr>, <br>, dan <pre>.
Contoh Penerapan <p> dengan Code HTML
Fungsi utama tag <p> adalah untuk membuat paragraph.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tutorial Paragraf di HTML</title>
</head>
<body>
<p>Ini adalah sebuah paragraf yang berisi sebuah kalimat.
Saya sedang belajar HTML. Saat ini Sedang,
Belajar membuat paragraf di html.</p>
</body>
</html>Contoh Penerapan <br> dengan Code HTML
Tag <br> sebenarnya bukanlah tag untuk membuat paragraf. Tapi tag ini, biasanya digunakan untuk membantu tag <p>.
Fungsi utama tag <br> adalah untuk membuat baris baru.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tutorial Paragraf di HTML #3</title>
</head>
<body>
<p>Aku selalu riang gembira berangkat sekolah <br />
bersama nasi yang dibuatkan oleh ibuku <br />
iniliah hidup bersusah <br />
ya begitulah</p>
</body>
</html>Tag <br> boleh ditutup, boleh juga tidak. Namun, sebaiknya ditutup agar valid menurut validator W3C.
Contoh Penerapan <hr> untuk membuat garis dengan Code HTML
Tag <hr> merupakan tag yang digunakan untuk membuat garis lurus secara horizontal (horizontal rule). Biasanya digunakan untuk memisahkan beberapa konten atau paragraf.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tutorial Paragraf di HTML</title>
</head>
<body>
<p>Ini adalah sebuah paragraf yang berisi sebuah kalimat.
Saya sedang belajar HTML. Saat ini Sedang,
Belajar membuat paragraf di html.</p>
<hr />
<p>Paragraf adalah kumpulan dari beberapa kalimat yang saling
mendukung. Punya ide pokok sebagai dasar dari paragraf itu sendiri.</p>
</body>
</html>Contoh Penerapan <pre> dengan Code HTML
Tag <pre> (preformatting) merupakan tag yang digunakan untuk menampilkan teks atau paragraf dalam format yang sudah kita tentukan di HTML.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tutorial Paragraf di HTML</title>
</head>
<body>
<h1>Hujan Bulan Juni</h1>
<p>oleh Sapardi Djoko Damono</p>
<pre>
tak ada yang lebih tabah
dari hujan bulan Juni
dirahasiakannya rintik rindunya
kepada pohon berbunga itu
tak ada yang lebih bijak
dari hujan bulan Juni
dihapusnya jejak-jejak kakinya
yang ragu-ragu di jalan itu
tak ada yang lebih arif
dari hujan bulan Juni
dibiarkannya yang tak terucapkan
diserap akar pohon bunga itu
</pre>
</body>
</html>Contoh Penerapan <div> dengan Code HTML
Tag <div> berfungsi untuk membuat layout web.
<footer>
<div>© 2021 Belajar HTML by bellshade</div>
</footer>