Tag p br dan hr

19.26    1 comment

Tag p br dan hr -

sahabat   <<< heksil>>>  , kembali lagi meneruskan belajar html dasar buat para pemula
kali ini saya akan membahas tentang Tag <p> <br> dan <hr> yang akan sering di gunakan dalam membuat webuah web

tag <p> digunakan untuk menandai sebuah paragraf dari dokument html yang kita buat. tag <p> memiliki atribut Align yang berguna untuk menentukan apakah paragraf tersebut akan ditampilkan rata kiri, kanan, tengah atau justfy. pilihannya adalah left, right, center, dan justify.


tag <br> adalah salah satu jenis tag yang tidak perlu di tuliskan berpasangan. tag <br> digunakan untuk memisahklan teks menjadi baris baru.

tag <hr> juga tidak perlu di tuliskan berpasangan. tag <hr> digunakan untuk menampilkan sebuah garis lurus horizontal pada web yang kita buat. tag <hr> memiliki atribut size dan width untuk mengatur tinggi dan lebar garis horizontal yang di tampilkan.

contoh penggunaan tagnya adalah di bawah ini

<html>
<head>
<title> latihan tag p, br, dan hr </title>


<body>


ini adalah paragraf pertama, yang terdiri atas beberapa baris, yaitu 
<br>baris satu. <br> baris dua. <br> dan baris tiga.<br>


dan di bawah ini adalah contoh horizontal
<hr>


</body>
</html>

copas kode di atas ke notepad kemudia save dengan format .html
maka hasilnya akan seperti gambar berikut

kemudian bagai mana cara menggunakan tag <p> size, centel dll ?
perhatikan contoh berikutnya 

<html>
<head>
<title> latihan tag p, br, dan hr </title>

<body>

<p>
ini adalah paragraf pertama, yang terdiri atas beberapa baris, yaitu 
<br>baris satu. <br> baris dua. <br> dan baris tiga.<br> </p>

<p align=center> ini adalah paragraf yang memakai align center  </p>

dan di bawah ini adalah contoh horizontal dengan size 10
<hr size=10>

</body>
</html>

copas kode di atas ke notepad kemudia save dengan format .html
lihat hasilnya apakah berbeda dengan yang pertama sebelum menggunakan tag p ?
inilah gambarnya

sekian pembahasan tentang tag <p> <br> dan <hr>
terus kunjungi heksil.blogspot.com untuk pembahasan selanjutnya
ok gan terimakasih atas kunjungannya :)







1 komentar:

Langganan: Posting Komentar (Atom)
Related Posts Plugin for WordPress, Blogger...