Tutorial HTML yang ke 7 kali ini membahas tentang bagaimana cara membuat garis horizontal dengan HTML . membuat garis di web mungkin diperlukan untuk membuat tampilan lebih menarik dan terkesan professional sehingga membuat pengunjung nyaman. Cara membuat garis horizontal sangat mudah yaitu dengan menambahkan tag <hr> didokumen HTML yang anda buat. Berikut cara penggunaannya :
Hasil
Sekian tutorial Membuat Garis Horizontal semoga bermanfaat.
<!DOCTYPE html>
<html>
<head>
<title> Agus Blog </title>
</head>
<body>
<p> Paragraph 1 </p>
<hr>
<p> Paragraph 2 </p>
<hr size="20px">
<p> Paragraph 3 </p>
<hr size="20px" color="green">
<p> Paragraph 4 </p>
<hr width="30%" color="green">
</body>
<p> Paragraph 1 </p>
<hr>
<p> Paragraph 2 </p>
<hr size="20px">
<p> Paragraph 3 </p>
<hr size="20px" color="green">
<p> Paragraph 4 </p>
<hr width="30%" color="green">
</body>
</html>
Hasil

<hr>
Tag diatas berfungsi untuk membuat garis horizontal.
<hr size="20px">
Statement size berfungsi untuk mengatur ketebalan garis.
<hr color="green">
Statement color berfungsi untuk memberi warna pada garis.
<hr width="30%" color="green">
Statement width berfungsi untuk mengatur panjang garis.Sekian tutorial Membuat Garis Horizontal semoga bermanfaat.
Komentar
Posting Komentar