در این جلسه از آموزش به بررسی تگ های br و hr می پردازیم . در ادامه همراه ما باشید تا با این دو تگ کاربردی در HTML به صورت کامل آشنا شوید و بتوانید از آن در برنامه نویسی خود استفاده بهینه کنید.
تگ br چیست؟
از تگ br برای شکستن متن در پاراگراف استفاده میکنیم. به مثال زیر توجه کنید.
<body> <p> با اموزش های html ما ، html را به صورت کامل و حرفه ای بیاموزید.</br> با ما همراه باشید. </p> </body>
حالا نتیجه را در تصویر پایین مشاهده کنید. شما هم می توانید در سند html خود این تگ را امتحان کنید تا بیشتر در خاطراتان بماند. اگر نمی دانید چگونه سند html خود را ایجاد کنید و یا با تگ های پاراگراف آشنایی ندارید. مقاله هایی که در پایین آورده ایم را مطالعه کنید.
بیشتر بخوانید و در HTML حرفه ای شوید :
بهتر است در نوشتن شعر و نوشتن آدرس بهتر است از این تگ برای شکستن خطوط استفادکنیم و از تگ p استفاده نکنیم. .در کل تگ br را در مکان هایی که به شکستن متن در پاراگراف لازم داشته باشیم ، استفاده می کنیم.
این تگ را به صورت تنها و بهتر است به صورت تگ پایانی استفاده می کنیم یعنی به صورت تگ باز و بسته استفاده نمی شود. یعنی ترکيب < br > … < /br > غلط است . اين تگ بايد به وسيله يک علامت / در درون تگ ابتدايی بسته شود .
نکته: برای داشتن کدهایی تمیز و خوانا که نشان دهنده حرفه ای بودن شماست از تگ br برای فاصله انداختن بین دو پاراگراف استفاده نکنید، به جای آن از صفت margin در css استفاده کنید. برای جدا کردن سطر ها در یک پاراگراف از تگ br استفاده کنید .
نحوه ی استفاده درست از تگ br
از تگ br میتوانید به صورت <br> هم استفاده کنید ولی بهتر است به صورت <br/> استفاده کنید. زیرا هم در HTML و هم XHTML پشتیبانی می شود.
تگ br در HTML بسته نمی شود، مانند: <br>. اما تگ br باید در XHTML باید به درستی بسته شود ، مانند: <br/>.
این تگ در همه مرورگرها از جمله Chrome ، Firefox ، Opera ، Safari ، Edge پشتیبانی می شود.
تگ hr چیست؟
تگ hr مخفف کلمه ی ” Horizontal Rule ” است. از این تگ برای شکستن متن در پاراگراف و همچنین ایجاد یک خط افقی در بالای آن می شود. به مثال زیر توجه کنید.
<p> با اموزش های html ما ، html را به صورت کامل و حرفه ای بیاموزید.<hr/> با ما همراه باشید. </p>
حالا نتیجه را در تصویر پایین مشاهده کنید.
کاربرد تگ hr
برای تفکیک موضوعات از هم دیگر ( برای خوانایی بهتر و بیشتر ) و یا جداسازی بخش مختلف سایتمان از این تگ استفاده می کنیم.
این تگ در همه مرورگرها از جمله Chrome ، Firefox ، Opera ، Safari ، Edge پشتیبانی می شود.
نحوه ی استفاده درست از تگ hr
این تگ را به صورت تنها و بهتر است به صورت تگ پایانی استفاده کنیم یعنی به صورت تگ باز و بسته استفاده نمی شود. یعنی ترکيب < hr > … < /hr > غلط است . اين تگ بايد به وسيله يک علامت / در درون تگ ابتدايی بسته شود .
از تگ hr میتوانید به صورت <hr> هم استفاده کنید ولی بهتر است به صورت </hr> استفاده کنید.
نکته : این تگ دارای صفتهای مختلفی است که هیچ کدام از این صفتها در HTML5 پشتیبانی نمیشوند در HTML5 به جای استفاده از این Attributes ، برای استایلدهی و تغییر رنگ و ظاهر تگ hr از CSS استفاده کنید.
بیشتر بخوانید و در HTML حرفه ای شوید :
اگر سوالی دارید ما اینجا هستیم تا به سوالات شما عزیزان پاسخ دهیم ، همراهتان هستیم ، مجموعه متاوبز.