Belajar HTML
HTML, CSS BOOTSRAP

Belajar HTML bagian 7 : Membuat Paragraf di HTML

Belajar HTML bagian 7 : Membuat Paragraf di HTML

Sebawa.com – Postingan sebelumnya membahas mengenai struktur dasar HTML. Dan pada tulisan kali ini akan dilanjutkan penggunaan tag paragraf atau mengenai cara pembuatan paragraf pada HTML.

Untuk lebih memahaminya, maka akan lebih baik jika mempraktikannya secara langsung dengan menggunakan struktur HTML yang sebelumnya sudah dipelajari.


Buka text editor anda dan buat beberapa paragraf, contohnya seperti :

Dan simpan di direktori anda dengan extensi .html

Untuk melihat hasilnya, maka anda dapat membuka file tersebut pada browser anda. Seperti :

Seperti pada gambar bahwa tidak terjadi pemisahan atau baris, melainkan teks hanya berada dalam 1 baris yang sama. Yang perlu diketahui pula, dalam HTML bahwa penggunaan spasi tidak akan menimbulkan perubahan apapun. Jika anda mencoba melakukan perubahan seperti :

Maka hasilnya akan tampak seperti berikut :

Untuk membuat kedua paragraf tersebut terpisah baris, maka dalam kode yang dibuat pun harus diberi tag yang bernama tag paragraf.

Penggunaan Tag Paragraf

Tag khusus untuk membuat paragraf dalam HTML ditulis dengan huruf p. Dalam penggunaannya perhatikan ini :

Maka hasil yang tampak adalah seperti berikut ini :

Dalam gambar tersebut, nampak bahwa paragraf tersebut sudah dalam baris yang seharusnya.



Penggunaan Tag Break

Selain penggunaan tag paragraf, tag break pun dapat difungsikan sebagai pemisah paragraf. Tag tersebut ditulis br yang merupakan singkatan dari break.

Berikut ini adalah contoh penggunaan tag break :

Hasil yang  tampak dari penggunaan tag break adalah :

Hasil dari penggunaan tag paragraf dengan tag break cukupah berbeda, namun untuk memisahkan sebuah paragraf, maka yang harus digunakan adalah tag paragraf. Sedangkan hanya untuk memisahkan teks, maka yang dipergunakan adalah tag break.



Penggunaan Tag Emphasis dan Strong Emphasis

Fungsi dari tag ini sebenarnya adalah untuk memiringkan dan menebalkan teks. Tag emphasis atau em digunakan untuk memiringkan garis dan tag strong emphasis yang ditulis strong digunakan untuk menebalkan teks. Berikut ini adalah contoh penggunaan tag tersebut :

Sehingga hasil yang muncul adalah sebagai berikut :




Article written by dianti rahayu

i am free

Tinggalkan Balasan

This is a demo store for testing purposes — no orders shall be fulfilled. Dismiss

%d blogger menyukai ini: