›

Belajar HTML : Macam - Macam Paragraf yang ada pada Html

Sunday, November 10, 2019 Add Comment Edit



Untuk artikel kali ini saya akan memberikan informasi mengenai Belajar HTML paragraph . tag  - tag paragraph ini sangat penting apabila kalian ingin memasukan  paragraph pada website kalian, langsung saja kita ke pembahasannya

Menggunakan tag <p>
Tag <p> merukan element paragraph, kurang lebih contohnya ada di bawah :


<!DOCTYPE HTML>




<html>




<head>
</head>
<body>
<p>ini adalah sebuah paragraph </p>
<p>ini adalah sebuah paragraph </p>
<p>ini adalah sebuah paragraph </p>
<p>ini adalah sebuah paragraph </p>
</body>




</html>
Berikut adalah hal – hal yang harus anda perhatikan ketika saat membuat paragraph pada website
  • Kita tidak bisa memastikan bagaimana paragraph akan di tampilkan
  • Layar besar atau kecil dan ukuran jendela akan menciptakan hasil yang berbeda
  • Dengan HTML, kita tidak dapat mengubah output dengan menambahkan spasi, karena browser akan menghapus spasi tambahan, kecuali kita menggunakan tag &nbsp



<!DOCTYPE html>




<html>




<body>




<p>




ini adalah    sebuah
paragraph




ini        bukan sebuah paragraph




</p>




<p>




belajar html




html     itu sangat
mudah sekali di pelajari




</p>




</body>




</html>



Jangan Lupa Tag Penutup
Sebagian browser mungkin akan menampilkan paragraph dengan benar




<!DOCTYPE html>



<html>



<body>



<p>ini adalah paragraph



<p>ini adalah paragraph



<p>



<p>Jangan lupa tag penutup!</p>



</body>



</html>


Itu merupakan sebuah contoh apabila kita tidak menggunakan tag penutup.

Pemecah baris paragraph / Line breaks paragraph
Tag untuk membuat baris baru pada sebuah paragraph adalah <br>, gunakan <br> apabila kalian ingin membuat paragraph kebawah, kurang lebih seperti di bawah ini


<!DOCTYPE HTML>




<html>

<body>

<p>ini adalah<br>paragraph<br>menggunakan tag garis
bawah<br></p>

</body>

</html>



Tag <br> adalah tag yang kosong, yang berarti tidak perlu menggunakan tag penutup.

Masalah ketika kita membuat puisi
Contoh ketika kita akan membuat sebuah puisi dengan menggunakan tag <P>, kurang lebih seperti di bawah ini :


<!DOCTYPE HTML>

<html>

<body>




<p> di tag p ini spasi dan garis baru akan di abaikan
:

<p>

sayang kau adalah cintaku
saying kau adalah rinduku
sayang kau adalah alasanku
sayang kembalilah kepadaku
<P>
</body>
</html>




Menggunakan tag html <pre>
Tag <pre> ini akan mempertahankan bagaimana bentuk sebuah kalimat, apakah itu banyak spasinya atau garis baru yang merupakan solusi apabila kita membuat puisi dan ingin di tampilkan di halaman website, contohnya kurang lebih seperti di bawah ini :


<!DOCTYPE HTML>
<html>
<body>




<p> di tag p ini spasi dan garis baru akan di abaikan
:

<pre>
sayang kau adalah cintaku
saying kau adalah rinduku
sayang kau adalah alasanku
sayang kembalilah kepadaku
<pre>
</body>
</html>


Secara ringkas :
Tag <p> mendefiniskan sebuah paragraph
tag <br> membuat sebuah paragraph baru
tag <pre> menetapkan bagimana posisi paragraph
Kurang lebih seperti itu mengenai belajar html paragraph, semoga bermanfaat bagi kita semua. Aamiin


Referensi : w3school

0 Response to "Belajar HTML : Macam - Macam Paragraf yang ada pada Html"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

/*SYNTAX HIGHLIGHTER*/