Belajar HTML Part 5 Cara Membuat Paragraf di HTML

Bertemu lagi dengan warung belajar melanjutkan pembahasan mengenai HTML, jika di tutorial sebelumnya kita sudah membahas mengenai struktur dasar di HTML, di part 5 membahas mengenai cara membuat paragraf dan beberapa tag yang berhubungan dengan text.

Seperti yang anda ketahui peran paragraf cukup penting terhadap informasi yang ditampilkan di dalam website yang anda buat.

 


Video Tutorial Belajar HTML – Cara Membuat Paragraf di HTML

 

 

Sebenarnya kita bisa saja membuat artikel tanpa menggunakan tag paragraf, tetapi ada baiknya kita menggunakan tag paragraf yang telah ada di HTML, agar browser mendeteksi paragraf yang anda buat.

Nah untuk lebih mengetahui bagaimana peranan dari tag paragraf ini, silahkan ketikkan skrip dibawah didalam text editor anda.

semisal nih anda membuat 2 paragraf dengan skrip di atas, dan ditampilkan di dalam browser hasilnya adalah sebagai berikut :

paragraf tanpa tag paragraf html

seperti hasil diatas terlihat jika anda membuat lebih dari satu paragraf tanpa menggunakan tag paragraf, yang terjadi adalah kedua paragraf akan tetap dalam satu garis, karena itu ada baiknya anda menggunakan tag paragraf yang sudah di sediakan oleh html, untuk membuat 1 paragraf ataupun lebih.

dengan menggunakan skrip diatas jika anda buka di browser maka masing masing paragraf akan berada di garis berbeda.

tag-paragraf99

Keterangan :

  • Jadi ada baiknya jika memang membuat lebih dari satu paragraf menggunakan tag <p> dan di tutup dengan </p>

 

 

Tag <br> untuk ganti Baris

Setelah kita belajar tag paragraf, selanjutnya adalah tag <br/> biasanya digunakan untuk ganti baris, atau disebut break, seperti yang telah dijelaskan sebelumnya bahwa html tidak membaca spasi ataupun enter, karena itu untuk membuat text berganti baris silahkan gunakan tag <br/>

tag ini bersifat void element yang artinya tidak membutuhkan tag penutup.

maka yang terjadi ketika skrip di load di browser.

tag-br-html

Keterangan :

  • Terdapat beberapa pergantian baris pada text yang ditampilkan di browser, anda bisa menuliskan tag ini dengan beberapa option yaitu dengan tag <br> ataupun tag <br/>

 

 

Mengenal Tag <hr/>

tag ini digunakan untuk membuat sebuah garis di dalam HTML, sama seperti tag <br/> tag <hr/> ini juga bersifat void element atau tidak membutuhkan tag penutup.

maka hasilnya ketika diakses melalui browser adalah :

tag-hr-html

Keterangan :

  • maka akan terbuat 3 garis seperti ini diantara kedua paragraf, anda bisa menuliskan tag ini dengan <hr> ataupun <hr/>

 

Nah sekian dulu pembahasan mengenai html di seri tutorial ke 5 ini, kita sudah belajar mengenai bagaimana cara membuat paragraf, serta bagaimana cara berganti garis dan memberikan garis dalam paragraf di html.

[stextbox id=”info”] Anda serius ingin menguasai HTML ?

Warung Belajar telah membuat DVD Tutorial “Tutorial HTML – White Box“. DVD Tutorial ini membahas HTML dengan lebih lengkap dan detail. Penjelasan lebih lanjut bisa ke: Tutorial HTML – White Box[/stextbox]

4 thoughts on “Belajar HTML Part 5 Cara Membuat Paragraf di HTML

  • February 27, 2020 at 11:53 am
    Permalink

    Terimakasih banyak atas blog ini awalnya saya kurang mengerti dengan ada blog ini sangat mudah saya memahaminya untuk pemula saya yang baru belajar.semoga masih ada lagi blog yang lainnya.perkenalkan nama saya kamelia kunjungi website kampus saya https://www.atmaluhur.ac.id/

    Reply
    • February 27, 2020 at 1:34 pm
      Permalink

      Ya sama sama terima kasih sudah belajar di warungbelajar

      Reply
  • February 27, 2020 at 1:12 pm
    Permalink

    Halo kak, terima kasih sudah membuat bloh ini, ini sangat membantu saya yang baru belajar. Semangat bekarya kak. Perkenalkan nama saya Tamara Oktavia website kampus saya https://www.atmaluhur.ac.id/

    Reply
    • February 27, 2020 at 1:33 pm
      Permalink

      Sama sama, terima kasih telah belajar di warungbelajar

      Reply

Leave a Reply to Aris Samsudin Cancel reply

Your email address will not be published. Required fields are marked *