Cara Membuat Paragraf Dalam HTML Dasar

Sebelum kita memulai belajar untuk membuat paragraf, alangkah baiknya kalian pelajari dulu pembahasan tentang Penggunaan Tag Dalam HTML Dasar. Karena pembahasan kali ini masih memiliki hubungan yang cukup erat dengan pembahasan Tag.

Pengertian Paragraf Dalam HTML

Paragraf dalam HTML merupakan salah satu tag yang berfungsi sebagai kode yang mendefinisikan sebuah struktur paragraf dalam suatu element. Ada beberapa cara yang bisa dilakukan untuk membuat paragraf seperti menggunakan tag <p> atau tag<br>. Untuk lebih jelasnya, langsung saja kita bahas bersama.

Penulisan Paragraf Menggunakan Tag <p>

Tag yang digunakan untuk mendefinisikan paragraf dalam HTML adalah <p>. Jika tidak menggunakan tag <p> maka tulisan akan berada pada baris yang sama. Silahkan perhatikan contoh dibawah ini.

<!DOCTYPE html>
<html>
<head>
    <title>Paragraf Dalam HTML</title>
</head>
<body>
    contoh paragraf satu
    contoh paragraf dua
</body>
</html>

Penulisan Paragraf Tanpa Menggunakan Tag
Penulisan Paragraf Tanpa Menggunakan Tag

Pada gambar diatas bisa kita lihat bahwa tanpa menggunakan tag <p> kalimatnya akan tetap tergabung pada baris yang sama. Dalam penulisan kode HTML, spasi dan  enter akan diabaikan. Sehingga kita harus menggunakan tag yang tersedia untuk memberi tahu web browser tentang apa yang kita buat. Penulisan paragraf yang lebih tepat bisa kita lihat dibawah ini.

<!DOCTYPE html>
<html>
<head>
    <title>Paragraf Dalam HTML</title>
</head>
<body>
    <p>contoh paragraf satu</p>
    <p>contoh paragraf dua</p>
</body>
</html>

 Penulisan Paragraf Menggunakan Tag
Penulisan Paragraf Menggunakan Tag

Seperti yang kita lihat diatas, bahwa untuk pembuatan paragraf, kita membutuhkan sebuah tag untuk membuat paragraf sehingga kalimat yang ditampilkan menjadi lebih rapi dan mudah untuk dibaca.

Mengatur Perataan Paragraf

Sekarang kita akan membahas beberapa perataan/letak paragraf yang bisa kalian gunakan dalam HTML. Kalian hanya cukup menambahkan atribut align pada tag <p> dan tentukan value sesuai kebutuhan. Contoh penerapannya bisa kita lihat pada kode dibawah ini.

<!DOCTYPE html>
<html>
<head>
    <title>Paragraf Dalam HTML</title>
</head>
<body>
    <p align='left'>Penulisan Paragraf Rata Kiri</p>
    <p align='center'>Penulisan Paragraf Rata Tengah</p>
    <p align='right'>Penulisan Paragraf Rata Kanan</p>
    <p align='justify'>Penulisan Paragraf Rata Kiri Kanan</p>
</body>
</html>

Perataan Paragraf
Perataan Paragraf

Penulisan Paragraf Menggunakan Tag </br>

Selain menggunakan tag <p> dalam penulisan paragraf , cara lain yang bisa digunakan adalah dengan menggunakan tag </br> atau dikenal dengan break yang fungsinya untuk mengganti baris baru. Contohnya bisa dilihat dibawah ini.

<!DOCTYPE html>
<html>
<head>
    <title>Paragraf Dalam HTML</title>
</head>
<body>
    contoh paragraf satu </br>
    contoh paragraf dua
</body>
</html>
Penulisan Paragraf Menggunakan Tag
Penulisan Paragraf Menggunakan Tag

Hasil yang ditampilkan akan sama seperti saat menggunakan tag <p>, namun tag ini memiliki beberapa perbedaan. Salah satunya adalah saat menggunakan tag <p> baris yang diatur lebih leluasa dibanding dengan <br> dan perbedaan ini akan terasa saat kalian ingin menampilkan teks secara dinamis.

Kesimpulan

Paragraf dalam HTML merupakan salah satu tag yang berfungsi sebagai kode yang mendefinisikan sebuah struktur paragraf dalam suatu element. Untuk membuat paragraf di HTML kalian bisa menggunakan tag <p> atau tag<br>.

Sumber :

w3schools/html_paragraphs

Leave a Comment