Tag Paragraf Pada HTML - Belajar HTML Dasar 7, Setelah anda berhasil membuat heading dan memformat text, selanjutnya kita akan membahas tentang cara membuat paragraf, mengatur paragraf dan hal-hal lain yang berhubungan dengan paragraf, namun pastikan anda telah mempelajari tentang cara membuat, menyimpan file html dan juga jangan lupa baca tentang tag dan atribut
Tag Paragraf <p>
Untuk membuat paragraf di html kita akan menggunakan tag <p> dan ditutup dengan </p>, untuk penggunaannya silahkan liat contoh dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>belajar membuat paragraf</title>
</head>
<body>
<p> ini adalah contoh penulisan menggunakan tag paragraf dan ini adalah paragraf pertama saya </p>
<p> ini adalah contoh penulisan menggunakan tag paragraf dan ini adalah paragraf pertama saya </p>
</body>
</html>
Atribut Tag Paragraf
Jika anda sudah bisa membuat paragraf anda juga bisa mengatur paragraf anda dengan menggunakan atribut align (perataan) dengan atribut 4 pilihan atribut value mulai dari right (kanan), left (kiri), center (tengah), justify (kiri kanan). Anda bisa menggunakan salah satunya untuk mengatur paragraf anda, namun secara default paragraf akan rata kiri meskipun tidak menggunakan atribut align. Berikut contoh penggunaan atribut dan atribut value ini sebagai berikut :
<!DOCTYPE html>
<html>
<head>
<title>belajar membuat paragraf</title>
</head>
<body>
<p align="left"> Ini adalah paragraf dengan perataan kiri </p>
<p align="right"> Ini adalah paragraf dengan perataan kanan</p>
<p align="center"> Ini adalah paragraf dengan perataan tengah</p>
<p align="justify"> Ini adalah paragraf dengan perataan kiri kanan </p>
</body>
</html>
Tag Horizontal Rules <hr>
Tag <hr> merupakan single tag yang digunakan untuk mendefinisikan jeda tematik di halaman HTML, dan paling sering ditampilkan sebagai garis horizontal di dalam sebuah halaman html. Contoh penggunaan tag <hr> adalah sebagai berikut :
<!DOCTYPE html>
<html>
<head>
<title>belajar membuat horizontal rules</title>
</head>
<body>
<h1> INI ADALAH JUDUL WEB </h1>
<hr>
<p> Ini adalah paragraf yang digunakan untuk menulis di dalam web </p>
</body>
</html>
Tag Line Break <br>
Tag <br> adalah tag yang digunakan untuk memisahkan tulisan atau bisa disebut sebagai enter dalam html seperti yang telah saya jelaskan pada materi sebelumnya. Tag <br> merupakan single tag yang tidak membutuhkan penutup. Contoh penggunaan tag <br> yaitu :
<!DOCTYPE html>
<html>
<head>
<title>belajar membuat break lines</title>
</head>
<body>
ini adalah tulisan
tanpa br
<br/>
ini adalah tulisan <br/>
dengan br
</body>
</html>
Tag Pre Formatted Text <pre>
Tag <pre> digunakan untuk mendifinisikan teks yang telah diformat sebelumnya atau dalam bahasa lainnya pre berfungsi untuk menampilkan teks sesuai dengan yang anda ketikkan dalam text editor tanpa harus menggunakan break lines untuk mengaturnya, namun jika menggunakan tag pre font yang ditampilkan pada text anda secara default berubah menjadi font courier. Biasanya tag pre digunakan untuk membuat puisi, contoh penggunaan tag <pre> adalah sebagai berikut :
<!DOCTYPE html>
<html>
<head>
<title>belajar menggunakan pre formatted text</title>
</head>
<body>
<pre>
Rumahku
Rumahku dari unggun timbun sajak
Kaca jernih dari luar segala nampak
Kulari dari gedong lebar halaman
Aku tersesat tak dapat jalan
Kemah kudirikan ketika senja kala
Di pagi terbang entah ke mana
Rumahku dari unggun timbun sajak
Di sini aku berbini dan beranak
Rasanya lama lagi
Tapi datangnya datang
Aku tidak lagi meraih petang
Biar berleleran kata manis madu
Jika menagih yang satu
</pre>
</body>
</html>
Setelah mempraktekkan contoh-contoh paragraf dan segala atributnya diatas, silahkan gunakan tag yang cocok pada tempatnya sesuai dengan kebutuhan dan model web html yang ingin anda buat. Ingat segala tag yang kita pelajari hari ini harus di tulis di antar tag <body> hingga </body>
Demikian sesi berbagi ilmu tentang tag paragraf pada web. Jika ada hal yang tidak dimengerti silahkan bertanya di kolom komentar, dan kita sharing sampai sama-sama mengerti. Jangan lupa baca artikel lain tentang Belajar HTML lainnya
Posting Komentar