Tutorial HTML Bag 10: Tag HR (Garis Horizontal)
Tutorial HTML Bag 10: Tag HR (Garis Horizontal)| Meneruskan tutorial sebelumnya, yaitu Tutorial Bag 9 Tag Heading. Tutorial ini dibuat untuk melengkapi tutorial sebelumnya untuk suplemen mengajar saya pada mata diklat pemrograman web dasar di SMK.
Tag <HR> digunakan untuk menampilkan garis horizontal. Garis horizontal kadang dibuat untuk mempercantik tampilan sebuah halaman web. Tag <HR> memiliki atribut:
Contoh tag HR dengan atribut Width:
Contoh tag HR dengan atribut Align:
Contoh tag HR dengan atribut Noshade:
Tag <HR> digunakan untuk menampilkan garis horizontal. Garis horizontal kadang dibuat untuk mempercantik tampilan sebuah halaman web. Tag <HR> memiliki atribut:
- Size, untuk menentukan ketebalan garis.
- Width, untuk menentukan lebar garis.
- Align, untuk menentukan align
- Noshade, untuk menentukan garis agar tidak disertai bayangan
<html>
<head>
<title>Tag HR dengan atribut Size</title>
<body>
<hr size="10">
<br/>
<hr size="20">
</body>
</head>
</title>
<head>
<title>Tag HR dengan atribut Size</title>
<body>
<hr size="10">
<br/>
<hr size="20">
</body>
</head>
</title>
Contoh tag HR dengan atribut Width:
<html>
<head>
<title>Tag HR dengan atribut Width</title>
<body>
<hr width="10%">
<br/>
<hr width="20%">
</body>
</head>
</title>
<head>
<title>Tag HR dengan atribut Width</title>
<body>
<hr width="10%">
<br/>
<hr width="20%">
</body>
</head>
</title>
Contoh tag HR dengan atribut Align:
<html>
<head>
<title>Tag HR dengan atribut Align</title>
<body>
<hr align="left">
<br/>
<hr align="center">
<br/>
<hr align="right".
</body>
</head>
</title>
<head>
<title>Tag HR dengan atribut Align</title>
<body>
<hr align="left">
<br/>
<hr align="center">
<br/>
<hr align="right".
</body>
</head>
</title>
Contoh tag HR dengan atribut Noshade:
<html>
<head>
<title>Tag HR dengan atribut Noshade</title>
<body>
<hr size="10" width="5%" align="center" noshade>
<br/>
<hr size="10" width="10%" align="center" noshade>
</body>
</head>
</title>
<head>
<title>Tag HR dengan atribut Noshade</title>
<body>
<hr size="10" width="5%" align="center" noshade>
<br/>
<hr size="10" width="10%" align="center" noshade>
</body>
</head>
</title>
No comments