Belajar Koding html Bagian 3: Membuat Paragraf
.png)
Paragraf adalah blok teks yang dipisahkan dari blok di sebelahnya oleh spasi vertikal dan, opsional, indentasi baris pertama. Ini adalah salah satu elemen HTML paling mendasar yang digunakan untuk mengatur konten tertulis di halaman web. Elemen paragraf ditetapkan oleh tag p dalam kode HTML, dan merupakan elemen tingkat blok, artinya dimulai pada baris baru dan membentang hingga lebar penuh yang tersedia.
Untuk
membuat paragraf dalam HTML, Anda dapat menggunakan tag <p>.
Tag ini dirancang khusus untuk menampung teks dalam bentuk paragraf. Berikut
adalah contoh sederhana penggunaannya:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Contoh
Paragraf HTML</title>
</head>
<body>
<p>Ini
adalah paragraf pertama yang berisi beberapa kalimat. Saya sedang belajar HTML
dan saat ini mempelajari cara membuat paragraf.</p>
<p>Paragraf
kedua ini juga berisi beberapa kalimat yang menjelaskan topik yang sama.</p>
</body>
</html>
 |
| Tampilan kodingan (Input) Paragraf Halaman |
 |
| Tampilan Hasil (Output) Paragraf Halaman |
Pada
contoh di atas, setiap teks yang ingin dijadikan paragraf ditempatkan di antara
tag pembuka <p> dan tag penutup </p>.
Setiap paragraf akan dimulai pada baris baru, dan browser secara otomatis
menambahkan margin sebelum dan sesudah paragraf.
Selain
tag <p>, ada juga tag pendukung lain yang
dapat digunakan untuk mengatur teks dalam HTML, seperti:
- Tag <br>: Digunakan untuk menyisipkan
baris baru tanpa memulai paragraf baru. Misalnya:
<p>Baris pertama.<br>Baris kedua.</p>
- Tag <pre>: Digunakan untuk menampilkan teks dengan format yang telah ditentukan, termasuk spasi dan baris baru. Misalnya:
<pre>Ini adalah paragraf pertama yang
berisi beberapa kalimat. Saya sedang belajar HTML dan saat ini mempelajari cara
membuat paragraf.</pre>
<br>Paragraf kedua ini juga berisi beberapa kalimat yang menjelaskan topik yang sama.</br>
 |
| Tampilan kodingan (Input) Paragraf baru |
 |
| Tampilan Hasil (Output) Paragraf baru |
0 Response to "Belajar Koding html Bagian 3: Membuat Paragraf"
Post a Comment