آموزش تگ br در HTML

23 شهریور 1401
ارسال شده توسط
آموزش html css

آموزش تگ br در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ br در HTML به صورت کامل آشنا بشید.

تگ br در HTML

تگ br برگفته شده از عبارت Break است. معنی این عبارت هم شکستن است و منظور از این عبارت شکستن خط و رفتن به خط بعدی است. کاربرد این تگ هم بدین شکل است که ما با استفاده از آن میتوانیم سطر را شکسته و به سطر جدید برویم و محتوای خود را در این سطر ادامه دهیم. بصورت کلی میتوانیم کار این تگ را همانند کلید Enter که بر روی کیبورد قرار دارد در نظر بگیریم.

سه تا مثال برای تگ br در HTML

در ادامه دوره آموزشی HTML CSS پروژه محور به دو تا از مثال های کاربردی آموزش تگ br در HTML میپردازیم که شما عزیزان بیشتر با این تگ آشنا شوید.

مثال اول : استفاده از تگ br برای رفتن به سطر بعدی

<body>
<p>
   سایت <br>
   آموزشی <br>
   وردپرس پوش
</p>
</body>

مثال دوم : استفاده از تگ br برای فاصله گذاری بین تگ ها

<body>
   <p>Salam Khobi? Man Sadegh Hastam.</p>
   <p>Salam Khobi? Man Sadegh Hastam.</p>
<br><br><br>
   <p>Salam Khobi? Man Sadegh Hastam.</p>
   <p>Salam Khobi? Man Sadegh Hastam.</p>
</body>

آخرین مثال : استفاده از کد های CSS اختصاصی برای ایجاد فاصله بین تگ ها بجای استفاده از تگ br

<body>
   <p>Salam Khobi? Man Sadegh Hastam.</p>
   <p style="margin-bottom:50px;">Salam Khobi? Man Sadegh Hastam.</p>
   <p>Salam Khobi? Man Sadegh Hastam.</p>
   <p>Salam Khobi? Man Sadegh Hastam.</p>
</body>

راستی اگر دنبال آموزش html css پروژه محور در تبریز هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

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

در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ br در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
پشتیبانی مرورگرها از تگ br + وردپرس پوش

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

تگ br قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.

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

  • در HTML5 تگ br یک تگ تنها است یعنی مانند تگ <p> </p> هیچ تگی برای بسته شدن ندارد.
  • برای اینکه با کدهای CSS بخواهیم کار مد نظر br را انجام دهیم باید از مارجین (margin) استفاده کنیم.

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

اغلب مرورگرها تگ br را به شکل کد های CSS همچون دستورات زیر نمایش میدهند. شما عزیزان نیز میتوانید بدون هیچ گونه تغییری از این کد ها استفاده کنید.

.class{
   margin-top: 50px;
   margin-bottom:50px;
}
برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید