06 HTML – Tag < p > Paragraph
Tag <P> berguna untuk membuat paragraf. Jarak paragraf/teks pertama dengan paragraf/teks kedua sama dengan anda menggunakan tag <br> dua kali.
untuk penggunaan tag <p> sebaiknya hanya digunakan untuk membuat paragraf saja, jika ada element lain yang lebih tepat untuk digunakan maka gunakan Element tersebut. seperti contoh misalkan kita ingin membuat informasi Alamat, maka sebaiknya kita gunakan Tag <address> dibandingkan menggunakan <p>.
sebenarnya tidak terlihat beda pada saat penggunaan <address> atau <p> tetapi untuk lebih tepatnya sebaiknya gunakan tag <address> dibandingkan tag <p>
Kita coba beri contoh Penggunaan tag <p>
Contoh 1
See the Pen 01-HTML-Paragraph-contoh1-byFR-ACADEMY by Ferdian Rahabista (@frsystem) on CodePen.dark
terlihat pada contoh diatas, perbedaan antara tag <p> dan tag <br>, pada saat kita gunakan tag <p> maka terlihat jarak seperti 2x enter, sedangkan jika kita menggunakan tag <br> maka jarak seperti menggunakan 1x enter.
Contoh 2
See the Pen RzZvPV by Ferdian Rahabista (@frsystem) on CodePen.dark
contoh penulisan diatas contoh penggunaan tag paragraf, pada paragraf pertama diawali dengan <p> dan diakhiri dengan </p>, sama dengan paragraf ke 2, diawali dengan <p> dan diakhiri </p>
Contoh 3
See the Pen 06-HTML-Paragraph-contoh3-byFR-ACADEMY by Ferdian Rahabista (@frsystem) on CodePen.dark
Perhatikan Contoh di atas, terdapat dua paragraph yang diapit tag <article>, namun 2 paragraph tersebut memiliki perbedaan, yang satu memiliki penutup </p> dan yang satunya tidak memiliki penutup.
tetapi dua contoh paragraf tersebut semua benar dan tidak ada kesalahan. paragraf boleh tanpa menggunakan penutup </p> jika didahului dengan tag seperti<address>, <article>, <aside>, <blockquote>, <details>, <div>, <dl>, <fieldset>, <figcaption>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <main>, <menu>, <nav>, <ol>, <p>, <pre>, <section>, <table>, <ul>
Contoh 4
See the Pen RzLLQL by Ferdian Rahabista (@frsystem) on CodePen.dark
berikut ini adalah contoh Penggunaan Tag <p> , <ul> dan <li>. sebaiknya tag <ul> dan <li> tidak boleh diletakkan didalam tag <p>
Contoh 5
See the Pen 06-HTML-Paragraph-contoh5-byFR-ACADEMY by Ferdian Rahabista (@frsystem) on CodePen.dark
untuk pengaturan lain pada paragaph, kita bisa gunakan CSS, seperti contoh lihat code diatas. kita sambil mengenal perintah CSS yang nantinya akan kita bahas lebih detail pada Posting yang lain.
Daftar ISI Dasar-Dasar Pemrograman WEB
- 01 HTML – Pendahuluan
- 02 HTML – Software Pendukung
- 03 HTML – Dasar-dasar HTML
- 04 HTML – Daftar Lengkap TAG HTML
- 05 HTML – Tag < br > BreakRow
- 06 HTML – Tag < p > Paragraph
- 07 HTML – Tag Heading
- 08 HTML – Tag Iframe
- 09 HTML – Tag DIV dan SPAN
