آموزش تگ hr در Html

تگ hr از آن دسته تگ هایی است که جزو عناصر تهی به شمار می رود و برای ایجاد خط بین دو مبحث جدا در صفحات Html از آن استفاده می شود.

توجه داشته باشید که این تگ در Html5 برای جداکردن دو موضوع و در Html4 برای کشیدن یک خط استفاده شده است.

از نکات دیگری که باید گفته شود اینست که چون در html5 تمام خصوصیت های تگ hr قابل پشتیبانی نیست بنابراین باید از CSS برای ایجاد این خصایص کمک گرفته شود.

در زیر قطعه کدی مشاهده می کنید که در آن از تگ hr برای ایجاد فاصله بین دو پاراگراف تگ p ایجاد شده است:

<!DOCTYPE html>
<html>
<body>

<h2>تیتر اول</h2>
<p>پاراگراف اول.</p>

<hr>

<h2>تیتر دوم</h2>
<p>پاراگراف دوم.</p>

</body>
</html>

خروجی کد بالا به شکل زیر می باشد:

تیتر اول

پاراگراف اول.

تیتر دوم

پاراگراف دوم.

خصوصیت های تگ hr در Html:

خصوصیت	مقدار	توضیحات
aling	left center right justify	این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه سرتیر و عنوان بندی را تغییر دهید. این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه ترازبندی عنوان را تغییر دهید.
noshade	noshade	این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت تگ hr بدون سایه و تنها با یک رنگ به نمایش در می آید.
size	pixels	این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید.
width	pixels %	این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید.

بخوانید! آموزش تگ output در Html

تگ hr تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی می کند.

پشتیبانی مرور گرها از تگ hr در Html:

تمامی مرور گر ها را پشتیبانی می کند.

آموزش تگ hr در Html

تیتر اول

تیتر دوم

خصوصیت های تگ hr در Html:

پشتیبانی مرور گرها از تگ hr در Html:

یک پاسخ بگذارید بیخیال پاسخ دادن