آموزش HTML – تگ hr

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/10 | بخش : آموزش HTML

تعریف و کاربرد تگ hr در HTML

تگ hr که مخفف کلمه ی Horizontal Rule می باشد ، تگی است که با استفاده از آن می توان یک خط افقی صاف را در یک صفحه وب ایجاد نمود.

ما معمولا از این تگ برای جداسازی مطالب یا مثلا جداسازی بخش های یک وب سایت استفاده می نماییم، یا بهتر بگم با استفاده از این تگ می توان موضوعات را از همدیگر برای خوانایی بهتر (و بیشتر) جدا کرد.

  • تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود (مانند تغییر موضوع).
  • تگ <hr> برای جدا کردن محتوا (و یا تعریف یک تغییر) در یک صفحه HTML استفاده می شود.

مثال از تگ hr در HTML

<h2>HTML</h2>
<p>زبان مادر برای طراحی صفحات وب می باشد.</p>
 
<hr>
 
<h2>CSS</h2>
<p>یک زبان جذاب برای استایل دهی و آرایش صفحات وب می باشد.</p>

تمرین کنید !

 

پشتیبانی مرورگرها از تگ <hr>

Element
<hr> بله بله بله بله بله

 

جدول صفات تگ hr در HTML

نام صفت  مقدار توضیح
align left
center
right
تراز یا موقعیت قرار گیری تگ hr را مشخص می کند.
noshade noshade باعث می شه تگ hr سایه نداشته باشد.
size pixels اندازه ارتفاع تگ hr را مشخص می کند.
width pixels
%
اندازه عرض تگ hr را مشخص می کند.