Sunday , September 24 2017
Home / HTML 5 / Cara Membuat Paragraf Di HTML 5

Cara Membuat Paragraf Di HTML 5

Cara Membuat Paragraf Di HTML 5

Lebakcyber.net – Oke pada kesempatan kali ini kita akan mencoba untuk mempelajari bagaimana cara membuat paragraf di HTML 5. Untuk membuat paragraf di HTML 5 kita bisa menggunakan tag<p> ataupun tag<br>.
.
Dalam tag paragraf sendiri bisa kita kombinasikan dengan 4 element atau tag lainnya. Ke 4 tag tersebut adalah :

  1. Align left untuk membuat paragraf menjadi rata kiri
  2. Align right untuk membuat paragraf menjadi rata kanan
  3. Align center untuk membuat paragraf menjadi rata tengah
  4. Align justify untuk membuat paragraf menjadi rata kiri dan kanan

HTML membutuhkan tag<p> atau paragraf untuk membuat paragraf baru dari suatu isi atau konten yang ada di tulis di HTML. Perhatikan contoh berikut ini :

<!DOCTYPE html>
<html>
<head>
	<title>lebakcyber.net Cara Membuat Paragraf Di HTML 5</title>
</head>

<body>
ini adalah contoh paragraf pertama
ini adalah contoh paragraf kedua
</body>

</html>

Cara Membuat Paragraf Di HTML 5

Dapat kita lihat pada contoh diatas, jika kita tidak menggunakan tag<p> atau paragraf, walaupun teks pada editor ditulis dengan konsep memiliki paragraf baru, namun pada saat ditampilkan di browser HTML akan tetap menganggapnya sebagai satu kesatuan teks, hal itu terjadi karena kita tidak menggunakan tag<p>.

Sekarang kita coba contoh dibawah ini, dimana kita masukan tag<p> pada kedua teks tersebut, contohnya seperti berikut ini :

<!DOCTYPE html>
<html>
<head>
	<title>lebakcyber.net Cara Membuat Paragraf Di HTML 5</title>
</head>

<body>

<p>ini adalah contoh paragraf pertama</p>
<p>ini adalah contoh paragraf kedua</p>

</body>

</html>

Cara Membuat Paragraf Di HTML 5

Setelah ditambahkan tag<p> atau paragraf maka teks yang ditampilkan oleh HTML di browser berhasil menampilkan paragraf pertama dan kedua dengan sempurna.

Sekarang kita akan mencoba menambahkan elemen tambahan pada tag<p> atau tag paragraf tersebut agar teks yang dihasilkan menjadi rata kiri, rata kanan, rata tengah dan juga rata kiri dan kanan. Contohnya seperti berikut ini :

<!DOCTYPE html>
<html>
<head>
	<title>lebakcyber.net Cara Membuat Paragraf Di HTML 5</title>
</head>

<body>
<p align="left">Lebak Cyber Rata Kiri</p>
<p align="right">Lebak Cyber Rata Kanan</p>
<p align="center">Lebak Cyber Rata Tengah</p>
<p align="justivy">Lebak Cyber Rata Kiri dan Kanan</p>
</body>

</html>

Cara Membuat Paragraf Di HTML 5

Itulah contoh tag<p> atau paragraf di HTML yang digabungkan dengan tag align left, center, right dan justivy. Hasilnya bisa kalian lihat pada gambar diatas.

Membuat Paragraf Dengan Tag <br>

Cara lain yang bisa kalian gunakan untuk membuat paragraf adalah tag<br> atau break. Contohnya seperti berikut ini :

<!DOCTYPE html>
<html>
<head>
	<title>lebakcyber.net Cara Membuat Paragraf Di HTML 5</title>
</head>

<body>
lebak cyber paragraf 1<br>
lebak cyber paragraf 2<br>
lebak cyber paragraf 3<br>
</body>

</html>

Cara Membuat Paragraf Di HTML 5

Jadi selain menggunakan tag<p> atau paragraf, kalian juga bisa menggunakan tag<br> atau break jika ingin membuat paragraf atau baris baru di HTML.

Saya rasa cukup sampai sini pembahasan kita mengenai cara membuat paragraf di HTML 5. Jangan lupa untuk selalu berkunjung ke lebakcyber.net untuk mendapatkan tutorial mengenai belajar HTML lainnya ya.

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Leave a Reply

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