HTML 7 : Membuat Garis Horizontal

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 :


<!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>
</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