Belajar Pemrograman Bersama Portal Coding

Belajar berbagai pemrograman secara gratis dan praktis agar cepat mahir.

Mulai Belajar

Membuat Paragraf didalam HTML

Tanggal Upload : 2020-03-13 17:46:27

Diupload Oleh : Erji Ridho Lubis


# html # html dan css

membuat paragraf didalam html

 

Membuat Paragraf didalam HTML

Pada pembahasan sebelumnya kita telah mengetahui bagaimana cara membuat heading, dan membuat link dalam dokumen html. Nah pada artikel kali ini kita akan membahas mengenai bagaimana membuat paragraf didalam html.

Silahkan disimak.

Di artikel sebelumnya kita telah mengetahui tag-tag html dan fungsinya, nah tag untuk membuat paragraf adalah tag <p></p> . 

Didalam tag ini kita bisa menuliskan paragraf atau konten yang panjang dengan rapi.

Untuk struktur penulisannya dapat dilihat dibawah ini.

 


  <html>
    <head>
      <title>Belajar membuat paragraf didalam HTML</title>
    </head>
    <body>
      <h1>Judul Paragraf</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </body>
  </html>

 

Dari sintaks diatas, jika dijalankan maka akan membentuk sebuah judul dan paragraf.

 

Bagaimana jika lebih dari 1 paragraf ?

Mudah saja, kita tinggal menambahkan tag <p></p> lagi pada baris baru. Seperti berikut ini.

 


  <html>
    <head>
      <title>Belajar membuat paragraf didalam HTML</title>
    </head>
    <body>
      <h1>Judul Paragraf</h1>
      <p>Paragraf pertama. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
      <p>Paragraf Kedua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </body>
  </html>

 

Dari sintaks diatas, jika dijalankan maka akan membentuk sebuah judul dan juga membentuk 2 buah paragraf.

Penting : Selalu gunakan tag pengakhir dalam sebuah tag html.

 

Pemecah paragraf

Pada sintaks sebelumnya, jika kita ingin membuat paragraf baru kita harus membuat tag <p></p> pada baris baru setelah tag sebelumnya diakhiri.

Lalu bagaimana jika kita hanya ingin menggunakan satu tag <p></p> saja? Mudah, kita tinggal menggunakan tag <br> didalam teks yang ingin kita buat paragraf baru pada paragraf tersebut.

Tag <p></p> ini berfungsi untuk membuat jeda pada sebuah paragraf.

 

Berikut caranya :

 


  <html>
  <head>
  <title>Belajar membuat paragraf didalam HTML</title>
  </head>
  <body>
  <h1>Judul Paragraf</h1>
  <p>
    Paragraf pertama. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    <br>
    Paragraf Kedua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </p>
  </body>
  </html>

 

Dan hasilnya akan membentuk 2 buah paragraf.

 

Selanjutnya :

=> Membuat kutipan paragraf didalam HTMl.

Advertisement



Tentang Portal Coding

Tentang Portal Coding

Portal Coding adalah situs web yang membahas mengenai berbagai macam bahasa pemrograman baik versi web, desktop maupun mobile secara lengkap.

Portal Coding On Youtube

Ayo subscribe channel Portal Coding di Youtube. Dichannel ini kami menyediakan berbagai tutorial dalam bentuk video. Agar kita lebih mudah belajar pemrograman. Klik disini untuk subscribe.

Subscribe