Belajar Paragraf HTML

TUTORIAL HTML

Paragraf ditampilkan dengan menggunakan tag <p>, karena tag <p> memang digunakan untuk menampilkan teks dengan format paragraf, <p> = paragraph. contoh paragraf HTML:

<h1>Judul Konten</h1>

<p>

Paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama.

</p>

<p>

Paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua.

</p>

Align Paragraf

Untuk membuat teks dalam paragraf menjadi rata kanan-kiri, kita harus menyertakan atribut align="justify" pada tag <p> (paragraf) tersebut. Berikut contohnya:

<h1>Judul Konten</h1>

<p align="justify">Paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama.</p>

<p align="justify">Paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua.</p>

Kamu juga bisa mengatur teks agar menjadi rata tengah, kiri, atau kanan dengan mengatur atribut align menjadi "center", "left", atau "right".

Info: Attribut align pada tag <p> telah ditiadakan pada HTML versi 5, fungsi align ini akan digantikan dengan mengatur atribut style CSS (text-align).

Membuat teks paragraf menjorok ke kanan

Untuk membuat teks seperti paragraf pada tulisan-tulisan pada umumnya, maka dapat ditambahkan dengan atribut style CSS, berikut contohnya:

<h1>Judul Konten</h1>

<p align="justify" style="text-indent: 30px">

Paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama.

</p>

<p align="justify" style="text-indent: 30px">

Paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua.

</p>



<<Sebelumnya (Heading HTML)
Selanjutnya>> (Format Text HTML)

Tutorial HTML Halaman 5

Artikel Terkait: