تگ <hr> کدی ساده برای ایجاد خطوط افقیِ تمام عرض در زبان html است. کافی است شما این کد را در هر جای صفحه‌تان که قصد ایجاد یک خط افقی دارید بگذارید تا نتیجه برای‌تان نمایان شود.
اما گاهی اوقات قصد دارید که ویژگی های آن را همچون رنگ‌بندی یا عرض آن یا ارتفاع آن را متناسب با نیاز خودتان تغییر دهید؛ برای این منظور اگرچه کدهای css دسترسی زیادی را به شما برای این منظور می‌دهند؛ اما اگر نخواهید از css کمک بگیرید و یا بخواهید به منظور سبکی بیشتر، صرفا از کدهای ساده کمک بگیرید. کافی است از کدهای زیر در روند تغییرات خود استفاده کنید. (البته توجه کنید که کدهای زیر برای html 5 به صورت کامل قابل استفاده نیست)
نحو:
<Hr color= "color_name | hex_number | rgb_number">
مقادیر ویژگی:
- color_name: رنگ خط را را با استفاده از نام رنگ تعیین می کند. به عنوان مثال “red”.
- hex_number: رنگ خط را با استفاده از کد هگز رنگ تنظیم می کند. به عنوان مثال “#۰۰۰۰ff”.
- rgb_number: رنگ خط را با استفاده از کد rgb تنظیم می کند. به عنوان مثال: “RGB(0، ۱۵۳، ۰)”.
مثال:
<!DOCTYPE html>
<html>
<head>
<title>
HTML hr color Attribute
</title>
</head>
<body style="text-align:center;">
<h1>ایوسی (من برتر)</h1>
<h2>ویژگی رنگ Hr</h2>
<hr width="500px;" color="red"
size="10">
<p>ivsi.ir</p>
<hr width="70%"
size="20" color="blue"
noshade>
</body>
</html>
خروجی:
بخوانید: نحوه ایجاد پاورقی در HTML