Skip to content Skip to sidebar Skip to footer

Belajar HTML Part 2: Membuat Paragraf Di HTML

Membuat paragraf di HTML
Pada artikel ini, kita akan belajar membuat Paragraf  di HTML, implementasi dasarnya melalui contoh-contohnya. Tag <p> dalam HTML mendefinisikan sebuah paragraf. Ini memiliki tag pembuka dan penutup. Jadi apa pun yang disebutkan diantara <p></p> diperuntuk kan untuk paragraf.

Sebagian besar browser membaca baris sebagai paragraf bahkan jika kita tidak menggunakan tag penutup yaitu </p>, tetapi tanpa tag penutup dapat meningkatkan hasil yang tidak diharapkan. Jadi, ini adalah konvensi yang baik, dan kita harus menggunakan tag penutup seperti <p>konten pragraf</p>

Contoh 1: Dalam contoh ini, kita menggunakan tag <p> yang digunakan untuk paragraf dalam HTML.

 <!DOCTYPE html>

<html>

<body>

    <h2>Selamat Datang Di Blog GalaxyXploiter</h2>

    <!-- Use of <p> tag -->

     

<p>blog yang menyiadakan tutorial bermanfaat</p>

</body>

</html> 

Contoh 2 :
Contoh ini menjelaskan tag HTML <p>.
 <!DOCTYPE html>

<html>

<body>

     

<p>A Computer Science portal for geeks.</p>

<p>galaxyxploiter menyediakan artikel yang ditulis dengan detail dan mudah dipahami</p>

</body>

</html> 
Poin Utama: Saat anda melihat halaman web, anda akan melihat bahwa ada beberapa spasi yang ditambahkan sebelum dan sesudah paragraf. HTML melakukan ini secara default. Mari kita lihat beberapa properti dari tag paragraf: 

  1. Seperti yang telah disebutkan, tag<p>secara otomatis menambahkan spasi sebelum dan sesudah paragraf apa pun, yang pada dasarnya adalah margin yang ditambahkan oleh browser.
  2. Jika pengguna menambahkan beberapa spasi, browser menguranginya menjadi satu spasi.
  3. Jika pengguna menambahkan beberapa baris, browser menguranginya menjadi satu baris.
  4. Secara default,menampilkan elemen Paragraf yang diatur ke "blok" yang dapat Anda ubah menggunakan CSS. Ini berarti jika Anda menambahkan paragraf lain ke halaman web, paragraf berikutnya akan dimasukkan ke baris berikutnya di halaman web.

Berikut ini contoh yang menjelaskan tag HTML <p> yang memiliki banyak baris.

 <!DOCTYPE html>

<html>

<body>

    

<p>

        Paragraf ini memiliki beberapa baris.

        Tapi HTML menguranginya menjadi satu baris,

        menghilangkan carriage return yang telah kita gunakan.

    </p>

     

<p>

        Paragraf ini memiliki beberapa baris.

        Tapi HTML menguranginya menjadi satu baris,

        menghilangkan carriage return yang telah kita gunakan.

    </p>

 

</body>

</html> 

Ada cara untuk memberi tahu HTML di mana browser perlu mengubah baris atau jarak dengan menggunakan tag <br> . Tag ini tidak memiliki tag penutup. Jadi, hanya satu tag pembuka yang akan mengubah baris.
Berikut contoh tag <br> di dalam tag <p> untuk menambahkan jeda baris atau jarak.

 <!DOCTYPE html>

<html>

<body>

<p>

        Paragraf ini memiliki banyak

  <br>baris. Tapi HTML menguranginya 

<br>ke satu baris, menghilangkan 

<br>carriage return yang digunakan.

    </p>

</body>

</html> 

Atribut Align : 
Tag <p> secara khusus mendukung atribut alignment dan memungkinkan kita untuk menyelaraskan paragraf kita dalam perataan kiri, kanan, atau tengah. Contohnya seperti ini:

 <!DOCTYPE html>

<html>

<body>

    <p align="center">Welcome Galaxyxploiter</p>

    <p align="left">pragraf </p>

    <p align="right">pragraf</p>

</body>

</html> 

Kita telah melihat bagaimana tag paragraf mengabaikan semua perubahan baris dan spasi tambahan dalam sebuah paragraf, tetapi ada cara untuk mempertahankannya dengan menggunakan tag <pre> . Ini juga berisi tag pembuka dan penutup. Ini menampilkan teks dalam tinggi dan lebar tetap dan mempertahankan garis dan spasi tambahan yang kita gunakan. Berikut contohnya:

 <!DOCTYPE html>

<html>

<body>

  <pre>

    Contoh Paragraf

    </pre>

 

  <pre>

    Paragraf 

    </pre>

</body>

</html> 

Bagaimana apakah anda semua sudah paham? Saya harap begitu. 

Thanks for reading Belajar HTML Part 2: Membuat Paragraf Di HTML. Please share...!

Post a Comment for "Belajar HTML Part 2: Membuat Paragraf Di HTML"