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.