Cara Membuat Paragraf di Html dengan Mudah

Pada artikel kali ini saya akan menjelaskan mengenai Cara Membuat Paragraf di Html, sebelumnya apasih paragraf itu?

Paragraf adalah suatu kesatuan yang terdiri dari beberapa kalimat yang saling berkaitan antara satu kalimat dengan kalimat lainnya dan berisi suatu gagasan, paragraf berfungsi sebagai penanda dimulainya sebuah topik baru.

Daftar Isi

Cara Membuat Paragraf di Html

Saat menulis paragraf pada Html, kita bisa menggunakan tag <p> dan diakhiri dengan tag </p>

Misalnya seperti berikut:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit Sint reprehenderit.</p> 
<p>fuga vero qui vel, officiis facilis sequi possimus impedit rerum, ea nulla labore! Illum, necessitatibus enim impedit sed officiis neque.</p>

 

Atribut Align pada Paragraf

Selain itu pada saat kita menulis html, kita juga dapat menambahkan beberapa atribut didalamnya, misalnya atribut align.

Align berfungsi untuk mengatur perataan paragraf, kita bisa menggunakannya untuk menampilkan paragraf rata kanan, kiri, tengah, atau rata kiri dan kanan, format penulisannya adalah sebagi berikut:

<p align="nilai">Paragraf</p>

Align memiliki 4 nilai yaitu center, right, left, dan Justify

Nilai Fungsi
Center Untuk mengatur paragraf rata tengah
Right Untuk mengatur paragraf rata kanan
Left Untuk mengatur paragraf rata kiri
Justify Untuk mengatur paragraf rata kiri & kanan

Berikut adalah contoh penggunaan atribut align pada tag </p> di Html:

 

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Contoh Penggunaan atribut Align Paragraf</title> 
    </head>
    <body> 
        <p align="right">Paragraf rata kanan</p> 
        <p align="left">Paragraf rata kiri</p>
        <p align="center">Paragraf rata tengah</p> 
        <p align="justify">Paragraf rata kanan dan kiri</p> 
    </body> 
</html>

Tag <br/> Pada Paragraf

Tag <br/> memiliki fungsi untuk berpindah baris atau ganti baris pada paragraf (sama sepeti tombol enter pada keyboard)

Berikut adalah contoh penggunaan tag <br/> pada paragraf:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint reprehenderit fuga vero qui vel, officiis facilis sequi possimus impedit rerum 
<br> ea nulla labore! Illum, necessitatibus enim impedit sed officiis neque.</p>

Tag <pre> (Preformatted Text)

Tag <pre> adalah suatu elemen Html yang berfungsi untuk menampilkan suatu text dengan apa adanya, sehingga text yang ditampilkan di browser nantinya, akan sama persis dengan text yang ada dalam elemen <pre>

Berikut adalah contoh penggunaan Tag <pre> :

<pre>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint reprehenderit fuga vero qui vel, officiis facilis sequi possimus impedit rerum <br> ea nulla labore! Illum, necessitatibus enim impedit sed officiis neque.</pre>
<!DOCTYPE html>
<html> 
    <head> 
        <title>Contoh Penggunaan Tag Pre</title> 
    </head> 
<body> 
    <pre>Text tampil dengan apa adanya apa adanya</pre> 
</body> 
</html>

Jadi itulah cara membuat paragraf di Html dengan mudah, Anda dapat melanjutkan ke tutorial selanjutnya tentang Cara Membuat Heading Html untuk belajar lebih lanjut mengenai Html.

Share your love
Arataside
Arataside

Hi semua, saya adalah admin di arataside.com

Articles: 29

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *