Cara Membuat Garis Horizontal
Cara Membuat Garis Horizontal ~ Hello guys, bertemu kembali dengan ane di blog ini untuk memberikan sedikit ilmu yang mungkin saja bermanfaat bagi kalian semua :) Dikesempatan kali ini ane akan memberikan tutorial singkat HTML, yaitu membuat garis horizontal. Untuk materi ini tidak banyak yang akan ane jelaskan, dikarenakan fungsi dan materi dari garis horizontal pada HTML sangatlah singkat, dan juga sangat mudah untuk dipahami.<br /> <br /> Apasih fungsi Garis Horizontal ini ? Fungsi garis horizontal pada HTML adalah untuk memisahkan suatu badan post atau sebagai atribut post untuk memisahkan tampilan atau halaman suatu topik pada HTML. Penggunaan tag untuk membuat garis horizontal di HTML sangatlah simpel, seperti dibawah ini :<br /> <br /> <span style=" font-size:="" large="" /> <hr />
ket : "/>" adalah tanda bahwa tanda bahwa suatu tag bersifat single tag, atau tidak memerlukan tag penutup lagi. Dengan kata lain tag <hr> adalah sebuah single tag.
Tag <hr> memiliki atribut seperti dibawah ini :
- Align : Untuk menentukan posisi garis (dengan nilai left,center, dan right)
- Size : Untuk menentukan ukuran garis (dengan nilai pixels)
- Width : Untuk menentukan lebar garis (dengan nilai pixels, dan %)
- Color : Untuk memberikan warna pada haris
<html>
<head>
<title>Membuat Garis Horizontal</title>
<h1 align="center">FK BLOG</h1>
<hr />
</head>
<body>
<p align="center">Judul dan garis horizontal berada didalam tag "head"</p>
</body>
</html>
<head>
<title>Membuat Garis Horizontal</title>
<h1 align="center">FK BLOG</h1>
<hr />
</head>
<body>
<p align="center">Judul dan garis horizontal berada didalam tag "head"</p>
</body>
</html>
Contoh cara membuat garis horizontal dengan tambahan atribut :
<html>
<head>
<title>Membuat Garis Horizontal</title>
<h1 align="center">FK BLOG</h1>
</head>
<body>
<hr align="center" color="red" width="50%" />
<hr align="left" size="4" width="50%" />
<hr align="right" size="2" width="50%" />
</body>
</html>
<head>
<title>Membuat Garis Horizontal</title>
<h1 align="center">FK BLOG</h1>
</head>
<body>
<hr align="center" color="red" width="50%" />
<hr align="left" size="4" width="50%" />
<hr align="right" size="2" width="50%" />
</body>
</html>
Ket :
- Atribut Align berguna untuk memindahkan rata posisi
- Atribut Color berguna untuk memberi warna pada garis
- Atribut Width berguna untuk mengatur lebar dari garis, 50% berarti setengah lebar halaman
- Atribut Size berguna untuk menentukan besar garis
Tutorial HTML Sebelumnya : Belajar HTML Part 7# Cara Membuat Heading Tag
Sign up here with your email
1 comments:
Write commentsmantapp, bisa ane coba nih, ditunggu tutorial selanjutnya :-bd
ReplyConversionConversion EmoticonEmoticon