Bagaimana penulisan paragraf yang benar pada html?

Ketika akan membuat website yang kaya akan tulisan, pasti akan lebih menarik jika tulisan atau konten tersebut dibagi menjadi beberapa paragraf. Karena hal itu akan lebih mudah dibaca oleh para pengunjung website Anda. Kalau Anda membuat website dengan CMS  seperti WordPress sih itu sudah ada tampilan GUI nya sehingga Anda tinggal menekan tombol tertentu untuk membuat paragraf.

Table of Contents

Cara Membuat Paragraf Pada HTML

Nah, berbeda ceritanya jika Anda membuat website dengan coding (pemrograman), Anda harus mengetikkan tag tertentu supaya Anda bisa membuat paragraf. Bagi Anda yang belum tahu apa itu tag, element maupun atribut, Anda bisa baca panduan di bawah ini :

Baca : Mengenal Apa itu Tag, Element, Atribut Beserta Contohnya Pada HTML

Di sini ada 2 cara dalam membuat paragraf dalam HTML, yaitu dengan menggunakan tag P (

) dan menggunakan tag BR (
). Keduanya akan dijelaskan di bawah.

Membuat Paragraf dengan <p>

Tag P (

) itu adalah singkatan dari paragraph. Jadi, pada dasarnya tag ini memang dirancang khusus bagi para pembuat website untuk membuat paragraf. Dengan kata lain,

itu berfungsi untuk membuat paragraf. Contoh penggunaannya adalah sebagai berikut :

[sourcecode language=”plain”]

Ini adalah paragraf pertama

Ini adalah paragraf kedua

Ini adalah paragraf ketiga

Hasilnya adalah sebagai berikut :

Walaupun tag p tidak ditulis di baris baru, tetap saja hasilnya akan berada di baris baru, karena hakikat paragraf adalah selalu dimulai pada baris baru. Jika Anda menuliskan tag p pada baris baru, maka jarak antara paragraf satu dengan yang lainnya juga semakin jauh.

Sekarang kita akan menggunakan tag p yang telah diberi atribut, baca artikel di bawah ini jika Anda belum tahu apa itu element dan atribut.

Baca : Mengenal Apa itu Tag, Element, Atribut Beserta Contohnya Pada HTML

Membuat Paragraf dengan <p> yang Telah Diberi Atribut

Jika di atas kita sudah membahas cara membuat paragraf dengan tag p yang masih murni, sekarang kita akan mencoba menggunakan tag p yang diberi atribut supaya bisa bervariasi. Lihat contoh di bawah ini :

[sourcecode language=”plain”]

Ini adalah paragraf rata kiri (default). Sekilas hampir sama dengan paragraf rata kiri kanan (justify), tetapi itu berbeda loh. Kalau kontennya pendek mungkin terlihat sama, tetapi kalau kontennya panjang akan terlihat bedanya.

Ini adalah paragraf rata tengah.

Ini adalah paragraf rata kanan.

Ini adalah paragraf rata kanan kiri (justify). Sekilas hampir sama dengan paragraf rata kiri, tetapi itu berbeda loh. Kalau kontennya pendek mungkin terlihat sama, tetapi kalau kontennya panjang akan terlihat bedanya.

Kita lihat hasilnya :

Berbeda kan ? Paragrafnya ada yang berada di kiri, tengah, maupun kanan. Sebenarnya itu bisa diatur dengan CSS, Anda bisa belajar CSS dengan klik gambar di bawah ini :

Pada contoh di atas kita menggunakan atribut align. Nah, value yang ada pada atribut align adalah :

• left = Teks rata kiri
• right = Teks rata kanan
• center = Teks rata tengah
• justify = Teks rata kiri kanan

Sudah jelas kan saat menggunakan tag p. Sekarang saatnya kita menggunakan tag br.

Membuat Paragraf dengan </br>

Tag br pada dasarnya memiliki arti break atau yang fungsinya untuk ganti baris. Jadi ketika menggunakan
itu sama saja kita membuat baris baru. Contoh kode programnya :

[sourcecode language=”plain”][/sourcecode]

Maka hasilnya adalah sebagai berikut :

Hasilnya sama saja ketika kita menggunakan tag p untuk membuat suatu paragraf pada HTML. Demikianlah tutorial cara membuat paragraf pada HTML menggunakan tag P dan tag BR. Apabila ada yang belum paham bisa ditanykan di kolom komentar.

(paragraf) merupakan elemen HTML yang digunakan untuk menandai sekumpulan teks sebagai suatu paragraf. Sebuah paragraf dibuat untuk menyusun dan menata halaman sehingga menjadi lebih terstruktur dengan baik. Elemen paragraf dapat memuat kumpulan elemen lainnya, baik itu berupa elemen div, img (gambar), ol ul (daftar list), table dan lainnya. Di dalam elemen ini juga dapat berisi elemen paragraf lainnya yang menjadi sub dari elemen paragraf utama.

Untuk elemen

yang berdiri sendiri (stand alone) tanpa elemen induk yang menaungi elemen ini, elemen ini dibuka dengan

dan ditutup dengan

bersifat opsional, yang artinya boleh disertakan atau juga tidak disertakan.

Secara teknik penyertaan tag penutup pada elemen

adalah hal yang bersifat opsional, namun sebaiknya teknik ini dihindari. Hal ini untuk memastikan bahwa dokumen HTML yang disusun benar-benar valid dan sah sesuai dengan kaidah pengkodean pada halaman HTML.

Berikut ini adalah contoh penggunaan elemen

:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

Latihan Menggunakan Elemen tag HTML P (paragraf)



   
Belajar Menggunakan Elemen Tag HTML P

   
Contoh paragraf dengan tag penutup :



Ini adalah paragraf yang pertama.
Ini adalah paragraf yang kedua.
Ini adalah paragraf yang ketiga.
   
Contoh paragraf tanpa tag penutup :

   
Ini adalah paragraf yang pertama.
Ini adalah paragraf yang kedua.
Ini adalah paragraf yang ketiga.
   

 
 

Jika script tersebut dijalan maka hasilnya akan terlihat seperti gambar di bawah ini :

Atribut Align Pada Paragraf :

Atribut align digunakan untuk mengatur perataan teks pada halaman HTML. Nilai atribut align="left", akan menghasilkan paragraf dengan perataan teks di sebelah kiri. Nilai atribut align="right" akan menghasilkan paragraf dengan perataan teks di sebelah kanan. Dan nilai atribut align="center", akan menghasilkan paragraf dengan perataan teks di tengah.

Bagaimana cara membuat paragraf pada HTML?

Apa itu paragraf pada HTML?

Apa perintah HTML untuk membuat text atau tulisan miring?

Bagaimana cara penulisan tag?