Belajar HTML Untuk Pemula Part 7: Membuat Paragraf di HTML

Belajar HTML Untuk Pemula Part 6: Membuat Paragraf di HTML

Belajar HTML Untuk Pemula Part 7: Membuat Paragraf di HTML - Sebelum belajar cara membuat paragraf di HTML, ada baiknya kamu memahami materi sebelumnya yang berjudul Kode Dasar HTML Dan Mengenal Element HTML agar lebih mudah memahami cara penulisan kodenya.

Pengertian Paragraf di HTML

Paragraf di dalam HTML merupakan sebuah tag untuk membuat suatu element penulisan pada halaman website.

Dalam penggunaannya, paragraf digunakan untuk membuat suatu tulisan atau biasa disebut dengan artikel.

Kita bisa membuat paragraf dengan tag <p> dan diakhiri dengan tag </p>. Tag paragraf sendiri bisa dikombinasikan dengan beberapa tag lainnya untuk membuat suatu paragraf yang menarik.


Membuat Paragraf Di HTML

Berikut adalah contoh kode membuat paragraf di HTML:


<!DOCTYPE html>
<html>
<head>
 <title>Membuat Paragraf Di HTML</title>
</head>
<body>
<p>Aku lagi bikin paragraf pertama nih</p>
<p>Kalo ini Aku lagi bikin paragraf kedua dong</p>
</body>
</html>


Hasilnya:

Membuat Paragraf Di HTML

Membuat Paragraf Di HTML Dengan Link Break

Paragraf yang ingin kamu buat tergantung keinginan kamu, kamu bisa menambahkan beberapa tag lainnya. Seperti tag <br> yang dikenal dengan line break, baris baru atau enter.

Berikut adalah contoh kode membuat paragraf dengan Line Break di HTML:


<!DOCTYPE html>
<html>
<head>
 <title>Membuat Paragraf Di HTML</title>
</head>
<body>
<h2>Membuat Paragraf Dengan Tag b tanpa tag p</h2>

Kamu bisa membuat paragraf tanpa tag p dengan menambahkan tag b<br>
sehingga akan tercipta sebuah paragraf. Tetapi bila tidak menggunakan tag p ataupun tag b, maka kalimatnya akan bersatu

<h2>Membuat Paragraf tanpa tag p dan b</h2>
Jika kamu membuat paragraf tanpa tag p dan b,
kalimatnya akan menyatu meskipun kamu sudah membuat baris baru dengan ENTER. Hasilnya akan seperti ini

<h2>Membuat Paragraf dengan tag p dan tag b</h2>
<p>Ini adalah<br>contoh paragraf<br>dengan menggabungkan dua tag</p>
</body>
</html>


Hasilnya:

Membuat Paragraf Dengan Line Break


Perhatikan kodingannya ya, diatas adalah contoh penerapan paragraf dengan tambahan tag <br> dan penerapan tanpa tag <p> dan <br> agar lebih banyak yang bisa dicontohkan.

Membuat Paragraf Di HTML Dengan Italic dan Bold

Ketika membuat sebuah paragraf di HTML, kita bisa membuat paragrafnya berubah menjadi garis miring dan hurufnya tebal loh. Caranya dengan menggunakan tag <i> dan <b>.

Berikut adalah contoh kode membuat paragraf dengan Italic dan Bold di HTML:


<!DOCTYPE html>
<html>
<head>
 <title>Membuat Paragraf Di HTML</title>
</head>
<body>
<h2>Membuat Paragraf Dengan italic dan bold</h2>

<p>Aku mau membuat paragraf garis <i>miring</i> nih dan huruf <b>tebal</b></p>
</body>
</html>


Hasilnya:

Membuat Paragraf Italic dan Bold

Posisi Paragraf Di HTML

Di HTML, selain membuat paragraf kamu juga bisa mengatur posisi paragraf tersebut. Ada 4 posisi paragraf yang bisa kamu pilih, yaitu posisi rata kiri, rata kanan, rata tengah dan rata kanan kiri.

Berikut adalah contoh kode membuat paragraf dengan posisi yang berbeda:



<html>
<head>
 <title>Membuat Paragraf Di HTML</title>
</head>
<body>
 <p align="left">#1 Contoh Membuat Paragraf Rata Kiri </p>
 <p align="right">#2 Contoh Membuat Paragraf Rata Kanan</p>
 <p align="center">#3 Contoh Membuat Paragraf Rata Tengah</p>
 <p align="justivy">#4 Contoh Membuat Paragraf Rata Kanan Kiri</p>
</body>
</html>


Hasilnya:

Membuat Paragraf Berbeda Posisi
Kesimpulannya adalah ketika ingin membuat paragraf di HTML, selalu gunakan tag <p> dan </p> agar paragraf tersusun dengan baik di halaman website. Penggunaan tag <br>, <i> dan <b> hanyalah tambahan saja pada contoh pembuatan paragraf di HTML ini. Kamu bisa menggunakan tag dan element lain dalam membuat paragraf di HTML.

Tidak ada komentar untuk "Belajar HTML Untuk Pemula Part 7: Membuat Paragraf di HTML"

Berlangganan via Email