Responsive Advertisement

Cara Membuat Paragraf HTML

judul

Pada Pembahasan sebelumnya, kita sudah mengetahui secara singkat tentang Struktur Awal HTML sekaligus Tag dan Atribut Dalam HTML. Kali ini kita akan membahas tentang pembuatan paragraf pada HTML.

Pertama kali membuat Paragraf dalam HTML adalah kalian membutuhkan Text Editor yang kalian sukai. Jika sudah ada, maka pembuatan paragraf bisa kalian ketik ke dalamnya. Paragraf didefinisikan seperti ini <p> dan diakhiri </p>

Besar kecilnya layar mempengaruhi pengaturan tulisan Paragraf. Perlu diketahui lagi, bahwa menambahkan Baris Baru tidak membuat tulisan berada di baris berikutnya. Jika kalian ingin menambahkan Baris Baru, kalian bisa menambahkan <br> untuk menambahkan Baris Baru.

Contoh kodingan Paragraf sebagai berikut.

See the Pen JyBLgv by lintangzakti (@zakti13) on CodePen.


Inilah hasil pembuatan Paragraf dalam HTML. Kamu bisa lihat hasilnya, perbedaan penulisan tanpa elemen <br> tidak dapat membuat baris baru. Jika kodingan tersebut diubah seperti berikut.

See the Pen YxjLKB by lintangzakti (@zakti13) on CodePen.


Seperti yang kamu lihat, hasil kodingan jika memakai Baris Baru dengan menekan Enter pada keyboard, tidak akan membuat tulisan berada pada Baris Baru. Jika kodingan diatas di ketik sebagai berikut.

See the Pen prZVoR by lintangzakti (@zakti13) on CodePen.


Maka Baris Baru akan muncul menggunakan elemen <pre>. Elemen tersebut mendefinisikan Baris Baru jika kalian mengakhiri tulisan dengan menekan Enter pada keyboard.

Jika kalian ingin mencoba, silahkan kalian masukkan kodingan tersebut ke dalam Text Editor lalu Save As dengan format HTML dan nama yang kalian suka. Klik dua kali untuk membuka File tersebut dan lihat hasilnya.

Temukan pembahasan HTML lainnya di blog ini atau kalian ingin mempelajari Belajar Basic HTML, semoga pembahasan kali ini dapat mengajarkan kalian tentang Paragraf di dalam HTML. Semoga bermanfaat dan terima kasih.