آموزش تگ hr در HTML

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

آموزش تگ hr در HTML

Free-Learn

تگ HR در HTML

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

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

Free-Learn

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

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

مثال شماره ۱ : استفاده از تگ HR در حالت پیش فرض بدون هیچ استایل خاصی

امتحان کنید

مثال شماره ۲ : سفارشی سازی تگ hr با استفاده از دستورات CSS (طرح ۱)

امتحان کنید

مثال شماره ۳ : سفارشی سازی تگ hr با استفاده از دستورات CSS (طرح ۲)

امتحان کنید

مثال شماره ۴ : سفارشی سازی تگ hr با استفاده از دستورات CSS (طرح ۳)

امتحان کنید

مثال شماره ۵ : سفارشی سازی تگ hr با استفاده از دستورات CSS (طرح ۴)

امتحان کنید

مثال شماره ۶ : سفارشی سازی تگ hr با استفاده از دستورات CSS (طرح ۵)

امتحان کنید

مثال شماره ۷ : سفارشی سازی تگ hr با استفاده از دستورات CSS (طرح ۶)

امتحان کنید

مثال شماره ۸ : سفارشی سازی تگ hr با استفاده از دستورات CSS (طرح ۷)

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ hr در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

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

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

(علامتیعنی در HTML5 پشتیبانی نمی شود.)

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

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ hr از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

تمامی صفات تگ hr در HTML5 منسوخ شده و پشتیبانی نمی شود، لذا باید از CSS بجای این صفات استفاده نمایید.

تگ hr در HTML یک تگ تنهاست (یعنی تگ پایانی ندارد) ولی در XHTML این تگ باید بصورت زیر بسته شود:


Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ hr را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn