Cara Membuat Paragraf pada HTML



Pada tutorial kali ini kita akan belajar mengenai tag paragraf. Tag paragraf adalah suatu tag yang dugunakan untuk membuat sebuah paragraf dalam dokumen HTML. Cara penulisannya adalah dengan menggunakan huruf p, yaitu <p> dibaca tag p. Sekarang kita akan mecoba untuk membuat paragraf dalam document html. Untuk membuatnya sobat harus memiliki text editor seperti Notepad, dan tuliskan code berikut.


<!DOCTYPE html>
<html>
<head>
<title>Cara Membuat Paragraf | Ngoding Tutorial</title>
</head>
<body>
<p>Ini adalah contoh paragraf pada HTML</p>
</body>
</html>


tampilan dari script di atas.
<!DOCTYPE html>
<html>
<head>
<title>Cara Membuat Paragraf | Ngoding Tutorial</title>
</head>
<body>
<p>Ini adalah contoh paragraf pada HTML</p>
<p>Ini adalah contoh paragraf kedua pada HTML</p>
</body>
</html>


tampilan dengan dua paragraf


Menggunakan tag Break <br> dan tag Horizontal <hr>

<!DOCTYPE html>
<html>
<head>
<title>Cara Membuat Paragraf | Ngoding Tutorial</title>
</head>
<body>
<p>Ini adalah contoh paragraf pada HTML</p>
<br>
<p>Ini adalah contoh paragraf kedua pada HTML</p>
<hr>
</body>
</html>
tampilan saat menggunakan tag <br> dan <hr>



Lalu save dengan extensi file .html contoh Paragraf.html, dan jalankan dengan browser kesayangan kalian maka yang akan tampil adalah.

Dengan itu kita telah membuat satu paragraph pada document html, dan jika kalian ingin membuat paragraf selanjutnya kalian hanya tinggal membuatnya lagi seperti.

Maka hasilnya kita akan memiliki dua buah Paragraf.
Oh iya, kalau kita membuat paragraph HTML akan otomatis membuat spasi sebelum dan sesudah Paragraf.

Tag Break dan tag Horizontal adalah tag yang tidak memiliki tag penutup. Tag break di gunakan untuk membuat baris baru sedangkan tag horizontal digunakan untuk membuat garis horizontal atau garis lurus. Sekarang kita akan mencoba menuliskan tag break dan horizontal di dalam document HTML kita yang tadi.

Kemudian save dan jalankan, maka hasilnya seperti gambar berikut.
Spasi antar paragraf akan bertambah dikarenakan tag <br>, dan akan ada garis horizontal di bawah paragraf kedua dikarenakan tag <hr>.
Mungkin cukup untuk tutorial Cara Membuat Paragraf pada HTML, dan semoga tutorial ini bermanfaat bagi kalian semua.
Terimakasih J

Subscribe to receive free email updates:

0 Response to "Cara Membuat Paragraf pada HTML"

Post a Comment

Berkomentarlah sewajarnya, dan jangan cantumkan link aktif di dalam komentar atau konten dewasa.!