Skip to HeaderSkip to PostSkip to Footer

HTML Paragraphs

Daftar Isi

    HTML Paragraphs - Berikut ini adalah rangkuman tentang tag/ elemen HTML paragraphs (<p>).

    Apa itu HTML Paragraphs?

    HTML Paragraphs adalah tag atau elemen HTML yang berfungsi untuk membuat konten di dalam tag tersebut menjadi paragraf. Tag ini biasanya digunakan untuk konten berupa teks/ tulisan.

    Kode HTML Paragraph adalah <p>...konten tulisan...</p>.

    Teks yang menggunakan tag HTML Paragraph akan langsung dimulai pada baris baru dan secara otomatis memiliki margin atas dan bawah tanpa perlu penyesuaian CSS Styling.

    Konten di dalam tag HTML Paragraph juga akan membuat kelebihan spasi (extra spaces) dan baris baru hilang secara otomatis.

    Tips: Jangan masukkan elemen container seperti blockquote (<blockquote>), HTML Headings, atau lainnya di dalam elemen paragraph <p> agar tidak merusak sematic dari elemen Paragraf.

    Default Stylesheet

    HTML Element Default Stylesheet
    <p></p>
    • Display: block
    • Margin-top: 1em
    • Margin-right: 0
    • Margin-left: 0
    • Margin-bottom: 1em

    Atribut dan Fungsi

    Atribut Fungsi Value Contoh
    class Berisikan class selector untuk CSS Styling. class-selector <p class='paragraph1'>Konten Artikel</p>
    id Berisikan kode unik id selector untuk CSS Styling dan element targeting. class-selector <p id='paragraph1'>Konten Artikel</p>
    style Berisikan code styling CSS untuk gambar. CSS Value <p style='text-align:center'>Konten Artikel</p>

    Contoh Penerapan

    <p>Ini Teks Paragraph 1</p>
    <p>Ini Teks Paragraph 2</p>
    <p>Ini Teks Paragraph 3</p>

    Hasil

    Ini Teks Paragraph 1

    Ini Teks Paragraph 2

    Ini Teks Paragraph 3

    Note: Hasil yang tampil di bagian hasil sudah terpengaruh oleh CSS Styling, sehingga tidak tampil sebagaimana default.

    Catatan

    • Meski berbentuk paragraph, indensasi dari text tetap harus diatur secara manual dengan metode CSS Styling menggunakan property text-indent.
    • Alternatif lain untuk elemen HTML Paragraph adalah HTML Preformatted Text (<pre>).

    Penutup

    Itulah sedikit rangkuman tentang HTML Paragraph yang bisa saya bagikan. Jika ada yang kurang, kurang jelas, atau salah silahkan beritahukan atau tanyakan saja melalui kolom komentar di bawah. Semoga bermanfaat dan sampai jumpa di tulisan saya lainnya.

    Elemen Paragraph sangat bermanfaat untuk membuat teks tampil lebih rapih dan tidak memuat banyak DOM yang memperberat loading.Ninura

    Komentar

    Posting Komentar

    Harap berikan komentar yang relevan dengan topik tulisan.
    Jangan menyertakan link yang tidak berhubungan dengan konten tulisan. Apabila komentar mengandung link (apalagi yang tidak relevan), maka komentar akan dihapus.
    Budayakan sopan santun, hindari penggunaan bahasa yang provokatif, SARA, pornografi.
    Kritik dan saran yang membangun untuk konten ataupun untuk blog sangat berarti bagi Ninura.