Belajar Membuat Paragraf Dengan HTML

Belajar Membuat Paragraf Dengan HTML

Sebelum lanjut untuk belajar membuat paragraf <p> pada HTML, wajib bagi kalian untuk sudah memahami apa itu Tag, Element dan Atribut di HTML. Jika kalian sudah mempelajarinya, kita lanjutkan dengan mengenal elemen paragraf.

Membuat Paragraf pada HTML

Apa itu paragraf ? Paragraf adalah penggabungan dari beberapa kalimat. Pada dunia website, paragraf sering digunakan untuk membuat artikel pada web.

Paragraf di HTML dibuat menggunakan tag <p>. Tag <p> merupakan suatu tag untuk membuat elemen dalam penulisan paragraf.

Contoh:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Belajar Membuat Paragraf dengan HTML</title>
    </head>
    <body>
        <p>Saya sedang belajar membuat paragraf dengan HTML di Mohsai. Saya sangat suka belajar HTML di website ini.</p>
        <p>Paragraf merupakan kumpulan dari beberapa kalimat, yang terdiri dari gagasan utama dan gagasan pendukung.</p>
    </body>
</html>

Hasilnya:

Penggunaan Atribut pada Paragraf

Elemen paragraf bisa menggunakan global attributes, tapi yang sering digunakan adalah atribut seperti align, id, class, dll. 

Catatan, Jangan gunakan atribut align pada tag <p>. Karena atribut align sudah jadul atau usang dan tidak digunakan lagi. Meskipun masih bisa digunakan akan tetapi lebih baik gunakan css sebagai gantinya.

Akan tetapi disini saya akan tetap memberikan contoh untuk pembelajaran saja.

Contoh:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Belajar Menggunakan Atribut pada Paragraf</title>
    </head>
    <body>
        <p align="center">Ini adalah contoh paragraf menggunakan atribut dengan posisi rata tengah</p>
        <p align="right">Ini adalah contoh paragraf ke dua dengan posisi text rata kanan.</p>
        <p align="left">Ini adalah contoh paragraf ke tiga dengan posisi text rata kiri.</p>
    </body>
</html>

Hasilnya:

Yang di atas merupakan contoh paragraf menggunakan atribut align, Berikut ini contoh perataan text menggunakan CSS.

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Belajar Membuat Paragraf dengan CSS</title>
    </head>
    <body>
        <p style="text-align: center">Ini adalah contoh paragraf menggunakan atribut dengan posisi rata tengah</p>
        <p style="text-align: right">Ini adalah contoh paragraf ke dua dengan posisi text rata kanan.</p>
        <p style="text-align: left">Ini adalah contoh paragraf ke tiga dengan posisi text rata kiri.</p>
    </body>
</html>

Hasilnya:

Membuat Paragraf dengan bantuan Tag <br>

Tag <br> adalah tag yang digunakan untuk menyisipkan satu baris baru. Penggunaan tag ini cukup sering, terutama untuk menulis alamat. Tag <br> adalah tag kosong yang artinya tidak memiliki tag akhir.

Misalkan kita ingin menampilkan alamat, bisa saja kita buat seperti ini di dengan tag <p>.

Contoh:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Membuat Paragraf dengan br </title>
    </head>
    <body>
        <p>Jalan: Jl Tebet Raya 88, Dki Jakarta Kota: Dki Jakarta Kode Pos  12820</p>
    </body>
</html>

Hasilnya:

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

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

<!DOCTYPE html>

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Membuat Paragraf dengan br </title>
    </head>
    <body>
        <p>Jalan:  Jl Tebet Raya 88, Dki Jakarta <br> Kota:   Dki Jakarta <br> Kode Pos  12820</p>
    </body>
</html>

Hasilnya:

Semoga artikel tentang Tutorial membuat judul dengan HTML Heading. Jika kalian masih ada yang kurang paham atau ada hal yang ingin ditanyakan, jangan sungkan untuk bertanya di kolom komentar

Kalian juga bisa membagikan artikel ini, agar bermanfaat untuk orang banyak

Tutorial Selanjutnya, akan membahas tentang: 

Leave a Reply

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