Belajar HTML : Paragraph HTML – Bagian VII

Diposting pada
Belajar HTML : Paragraph HTML - Bagian VII

Jika sebelumnya kita belajar mengenai Heading HTML, kali ini kita akan belajar mengenai Paragraph HTML.

Paragraph HTML

Pada postingan sebelumnya, mungkin kalian sudah melihat tag <p> yang mendefinisikan sebuah paragraph, jadi apapun konten yang ada didalam tag <p>…</p> akan disebut sebagai paragraph.
Dan perlu kalian ingat, disaat menuliskan paragraph, browser secara otomatis akan memberikan spasi (Margin) sebelum dan sesudah paragraph.
<p>Paragraph Pertama</p>
<p>Paragraph Kedua </p>

Tampilan Paragraph

Tampilan paragraph pada HTML, tidak dapat kalian pastikan sendiri. 

Sebesar atau sekecil apapun layar perangkat yang kamu gunakan akan membuat hasil yang berbeda. 
Dan disaat kalian menuliskan paragraph HTML menggunakan spasi dan baris, maka browser akan secara otomatis menghapus spasi dan baris tersebut. Sebagai contoh :
<!DOCTYPE html>
<html>
<head>
<title>Paragraph</title>
<body>
<p> Ini adalah Paragraph
yang yang memiliki 4 baris
didalam tag paragraph,
namun browser tetap menghasilkan satu baris.</p>
<p> Ini adalah paragraph
Yang memiliki banyak                 spasi
didalam             tag              paragraph
namun browser tetap menampilkan satu baris.</p>
</body>
</html>

See the Pen Paragraph HTML by Rahman (@rahmannur19) on CodePen.

Penting !Jangan pernah lupa dengan istilah Start Tag <p> dan End Tag </p>, agar tidak mendapat hasil yang tidak diinginkan.

Membuat Line Break pada TML

Untuk membuat line break pada HTML, kalian dapat menggunakan tag <br> yaitu Empty Tag.
Atau untuk menghindari masalah lainnya, kalian juga dapat menggunakan tag <br/> untuk menghindari masalah validasi.
<!DOCTYPE html>
<html>
  <head>
    <title>Paragraph - Line Break</title>
  </head>
  <body>
     <p>Ini merupakan Paragraph <br> Menggunakan Tag Line Break</p>
  </body>
</html>

See the Pen Paragraph – Line Break by Rahman (@rahmannur19) on CodePen.

Jadi disaat kalian ingin membuat Baris baru didalam sebuah paragraph, kalian dapat menggunakan tag <br> atau <br/> yaitu Empty Tag.

Elemen <pre> pada HTML

Elemen <pre> merupakan sebuah Preformatted Text atau sebuah teks yang telah diformat sebelumnya.
Setiap teks yang ada didalam elemen <pre> akan ditampilkan dengan menggunakan Font yang berbeda, dan pada umumnya font tersebut adalah Courier.
Dan setiap teks yang ada didalam elemen <pre> apabila diberi Baris baru tanpa menggunakan Empty Tag, akan tetap menampilkan Baris Baru. Sebagai Contoh :

See the Pen Elemen <pre> by Rahman (@rahmannur19) on CodePen.

Sekian pembahasan mengenai Paragraph HTML.

Sumber : W3Schools.com

Tinggalkan Balasan

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