• Sen. Sep 26th, 2022

    Sih4nk

    Dari Kita Untuk Kita

    #6 Belajar HTML Paragraf

    Byh4nk

    Sep 7, 2022 , ,

    Belajar HTML Paragraf pada materi kali ini adalah tentang mengenai Paragraf. Paragraf adalah kumpulan kalimat yang berisi gagasan dan kesatuan pikiran yang mengungkapkan ide pokok. Sebelum melanjutkan pembahasan Paragraf, terlebih dahulu kita sudah memahami apa itu element, apa itu tag, apa itu atrribut ( #3 Belajar HTML : Mengenal Tag, Element, Atribut HTML ).

    Pada HTML pembuatan paragraf menggunakan tag <p>, paragraf disini merupakan suatu tag untuk membuat suatu elemen dalam penulisan HTML. Dalam paragraf itu sendiri terdapat 3 element/tag lain yang bisa dikombinasikan langsung dengan tag paragraf <p>. element tag tersebut yaitu :

    1. paragraf rata kiri menggunakan align left

    2. paragraf rata kanan menggunakan align right

    3. paragraf rata tengah menggunakan align center

    4. paragraf rata kiri kanan menggunaan align justify

    penulisan paragraf <p>

    HTML mengunakan tag kusus untuk membuat paragraf yaitu <p>. perhatikan contoh berikut :

    Hasil

    Belajar HTML : Paragraf HTML

    Pada contoh di atas adalah penulisan paragraf yang kurang tepat, di karenakan paragraf pertama dan kedua tidak di pisahkan melainkan disatukan. Dalam HTML sendiri “enter” dan “spasi” di abaikan, makanya paragraf pertama dan kedua saat di tampilkan menjadi satu paragraf.

    Untuk contoh yang tepat perhatikan contoh di bawah ini :

    Hasil

    Belajar HTML : Paragraf HTML

    Pada contoh terlihat paragraf pertama dan paragraf kedua di pisahkan. Untuk memisahkan antara paragraf satu dan dua ini menggunakan <p>

    Jenis Paragraf HTML

    paragraf rata kiri

    paragraf rata kanan

    paragraf rata tengah

    paragraf rata kiri kanan

    Contoh Lengkap

    Hasil

    Tag “<br>” dalam membuat Paragraf

    Tag <br> sebenarnya bukanlah tag untuk membuat paragraf. Tapi tag ini, biasanya digunakan untuk membantu tag <p>. Tag <br> atau dikenal dengan tag ‘break’ yang mana berfungsi untuk memisahkan text satu dengan text yang lainnya. Tag <br> bisa juga sebagai ‘enter’ didalam pengetikan dokumen.

    Contoh kita akan menampilkan pituah bisa saja kita buat seperti ini didalam tag <p>

    Hasil

    Belajar HTML : Paragraf HTML

    Meskipun pada kode HTML kita sudah menulis tiap bait pituah dalam baris yang baru. Tapi ia akan tetap ditampilkan dalam satu baris.

    Di sinilah saatnya kita harus menggunakan tag <br>. Maka, kode di atas. Bisa kita perbaiki menjadi seperti ini:

    Hasilnya

    Belajar HTML : Paragraf HTML

    Oh iya, tag <br> adalah tag yang tidak memiliki pasangan penutup. Cara menutupnya, tambahkan saja garis miring seperti ini <br/>.

    Tag <br> boleh ditutup, boleh juga tidak. Namun, sebaiknya ditutup agar valid menurut validator W3C.

    Tag <hr> untuk Membuat Garis

    Sama seperti tag <br>, tag <hr> juga bukanlah tag untuk membuat paragraf.

    Tag <hr> merupakan tag yang digunakan untuk membuat garis lurus secara horizontal (horizontal rule). Biasanya digunakan untuk memisahkan beberapa konten atau paragraf.

    contoh

    Hasilnya

    Belajar HTML : Paragraf HTML

    Tag ‘<pre>’

    Pada kasus tertentu, kita ingin menampilkan paragraf dengan format yang lebih spesifik. Contohnya seperti pantun dan puisi yang paragrafnya diulis dengan garis baru dan juga indentasi.

    Hal ini bisa dilakukan dengan bantuan tag <br>. Namun ada juga tag lain yang bisa jadi alternatif, yakni tag <pre>.

    Tag <pre> (preformatting) merupakan tag yang digunakan untuk menampilkan teks atau paragraf dalam format yang sudah kita tentukan di HTML.

    Contoh:

    Hasil

    Belajar HTML : Paragraf HTML

    Coba perhatikan!

    Paragraf yang kita buat di dalam kode HTML akan ditampilkan dengan format yang sama seperti yang kita tulis di sana.

    Biasanya tag <pre> sering digunakan untuk menampilkan source code. Karena, tag ini menggunakan font Monospace atau Courier New (di Windows).

    Materi HTML Dasar Lainnya :

    #1 Belajar HTML : Pengertian HTML
    #2 Belajar HTML : Text Editor
    #3 Belajar HTML Mengenal Tag, Element, Atribut HTML
    #4 Belajar HTML Heading
    #5 Belajar HTML Format Text
    #6 Belajar HTML Paragraf
    #7 Belajar HTML Tabel
    #8 Belajar HTML Hyperlink
    #9 Belajar HTML List
    #10 Belajar HTML Form
    #11 Belajar HTML Atribut Form
    #12 Belajar HTML Symbol
    #13 Belajar HTML Gambar
    #14 Belajar HTML Tag Iframe

    Related Post

    #14 Belajar HTML Tag Iframe
    #13 Belajar HTML Gambar
    #12 Belajar HTML Symbol

    Tinggalkan Balasan

    Alamat email Anda tidak akan dipublikasikan.