تگ br و تگ nobr در HTML

تگ br و تگ nobr
معرفی تگ br و تگ nobr

تگ br چیست ؟ کاربرد تگ br در html چیست ؟ چگونه در یک خط شکستگی ایجاد کنیم ؟ از تگ nobr در html به چه منظوری استفاده میشود؟  اگر به دنبال یافتن پاسخ این سوالات هستید این مقاله آموزشی را از دست ندهید .

در جلسه گذشته به معرفی تگ p   پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با تگ br و تگ nobr در HTML از سری تگ‌های قالب بندی متن آشنا نماییم.

تگ br چیست ؟

با استفاده از تگ br در HTML می‌توانیم در خط شکستگی ایجاد کرده و به سطر بعدی برویم، تگ br از جمله عناصر تهی به شمار می‌آید و به تگ پایانی نیاز ندارد. شما می‌توانید تگ br را به شکل <br> به کار ببرید.
به مثال زیر توجه کنید :

<p>
    Training br tag <br> and <br> nobr tag
</p>

نکات تکمیلی در مورد تگ br :

تگ br توسط تمامی مرورگرها پشتیبانی می‌شود .

تگ nobr چیست ؟

تگ nobr در مقابل تگ br قرار دارد و محتوایی که درون این تگ قرار می‌گیرد به هیچ عنوان شکسته نمی‌شود مگر اینکه تگ br درون این تگ قرار بگیرد . این تگ بر خلاف تگ br دارای تگ پایانی هم می‌باشد و به صورت <nobr></nobr> به کار می‌رود .
به مثال زیر توجه کنید :

<p>
    <nobr>Training br tag and nobr tag<nobr>
</p>

نکات تکمیلی در مورد تگ nobr :

استفاده از تگ nobr در طراحی سایت ممکن است باعث ایجاد اسکرول افقی در پنجره مرورگر شود پس سعی کنید که از این تگ با احتیاط استفاده نمایید.

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

برای ایجاد سطر جدید در یک متن از چه تگی استفاده می‌کنیم؟ یک کد نمونه برایمان با متن زیر ارسال کنید. توجه داشته باشید که خط دوم می‌بایست در یک سطر جدید نمایش داده شود، همچنین خط اول به صورت Bold نمایش داده شود.

من مقالات HTML میزفا را دنبال میکنم.

این مقالات گام اول یادگیری طراحی وب سایت است.

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

خب به پایان این جلسه آموزش اچ تی ام ال رسیدیم در جلسه آینده به معرفی مابقی تگ های قالب بندی متن در HTML می‌پردازیم. درصورتی که سوالی داشتید حتما در قسمت نظرات مطرح کنید.

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

18 نظر

18 پاسخ

  1. سلام
    پاسخ سوال:
    برای شکستن و ایجاد سطر جدید از تگ br استفاده می کنیم
    اسکرین کد رو هم فرستادم
    یه سوال: وقتی از تگ nobr استفاده می کنیم و همزمان از صفت dir با مقدار rtl استفاده می کنیم به کل متن طولانی از صفحه خارج میشه و هیچ اسکرولی هم نیست که بشه ادامه متن رو دید ، این وضعیت برا همه هست یا من تو نوشتن کد ها اشتباه می کنم؟!
    و یه سوال دیگه: برای به هم نریختن متن تو نوشته هایی که هم فارسی و هم انگلیسی داره راه حلی هست؟!

    1. سلام امیر، الان دیگه کلا nobr استفاده نمیشه و منقضی شده. بنابراین بهتره اصلا بهش فکر نکنیم. درمورد سوالت ولی باید بگم مشکل از خود تگ هست که rtl رو پشتیبانی نمیکنه گویا.
      سوال دوم هم بهتره دایرکشن راست به چپ بدی بهش دیگه خودت تو کامنتت گفتی به نظرم کاملا بلدی.

  2. برای ایجاد سطر جدید در یک متن از تگ br استفاده می‌کنیم. عکس تمرین رو هم برای شما فرستادم.
    تشکر از اموزش خوبتان

  3. برای ایجاد سطر جدید در یک متن از تگ br استفاده می‌کنیم.

    1. سلام علی اکبر، ممنون درست نوشتی و جایزه‌ات را به زودی می‌گیری.

    1. سلام محمد عزیز، درست نوشتی، هدیه‌ات را در میزفا آکادمی دریافت می‌کنی.

  4. پاسخ سوال :
    از تگ br
    نمونه

    من مقالات HTML میزفا را دنبال میکنم. این مقالات گام اول یادگیری طراحی وب سایت است.

    1. سلام محمد عزیز، باتوجه به سیستم تبدیل متون به HTML در کامنت های میزفا، خواهشمندم کد هات روبه صورت عکس برامون بفرستی.

    1. مهدی بهش توجه نکن. چون تگ nobr هم غیر استاندارد هست و هم خیلی وقته منسوخ شده و استفاده ازش پیشنهاد نمیشه.

  5. سلام وقتتون بخیر
    طبق گفته شما تگ nobar یک گاراگراف را نمیشکنه مگر اینکه درونش تگ bar باشه من این کد نوشتم ولی خط شکسته نشد.

  6. سلام خسته نباشید
    تگ br از جمله عناصر تهی به شمار می‌آید یعنی چی؟

    1. سلام ، تگ br فقط عناصر شما را به خط بعدی می‌بره و هیچ خاصیت خاصی رو لازم نیست قبول کنه.

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

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=