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

Komentar

Popular post