• آموزش html
  • تهران کد

پاراگراف ها در HTML

سپتامبر 21, 2017adminskآموزش html3 دیدگاه

پاراگراف ها به وسیله تگ <p> تعریف می شوند.

<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>


نکته: مرورگرها به طور خودکار یک خط خالی را قبل و بعد از پاراگراف اضافه می کند.

تگ پایان را فراموش نکنید

اغلب مرورگرها حتی اگر تگ پایان را هم نگذاریم صفحه را به درستی نمایش می دهند.

<html>
<body>

<p>This is a paragraph.
<p>This is a paragraph.
<p>This is a paragraph.

<p>Don't forget to close your HTML tags!</p>

</body>
</html>

مثال بالا در بیشتر مرورگرها عمل می کند، اما به آن اطمینانی نیست. فراموش کردن تگ پایان می تواند نتایج غیر منتظره یا خطاهایی را ایجاد کند.

تذکر: نسخه های آینده HTML به شما اجازه نمی دهد که تگ پایان را فراموش کنید.

رفتن به خط جدید در HTML

از تگ </ br> برای رفتن به خط جدید بدون اینکه پاراگراف جدیدی را شروع کنیم استفاده می شود.

<html>
<body>

<p>This is<br />a para<br />graph with line breaks</p>

</body>
</html>


خروجی کد بالا:

ایجاد سطر جدید درhtml

عنصر </ br> یک عنصر تهی در HTML است. این عنصر دارای تگ پایان نیست.

<br> یا </ br>

در XHTML و XML عناصر بدون تگ پایان(تگ بسته) مجاز نمی باشند.

اگر چه <br>در تمام مرورگرها کار می کند، اما نوشتن </ br> در برنامه های XHTML و XML بهتر عمل می کند.

 خروجی HTML – نکات مفید

شما نمی توانید مطمئن شوید که کدهای HTML چگونه نمایش داده خواهد شد. صفحات نمایش بزرگ یا کوچک و تغییر اندازه پنجره ها نتایج متفاوتی را به همراه دارد.

هنگام نوشتن کدهای HTML، نباید انتظار داشته باشید که فاصله ها یا خط های اضافه در کدهای HTML در خروجی مرورگر نیز فاصله یا خط اضافه دیده شوند.

یک مرورگر فاصله ها و خط های اضافی را هنگام نمایش صفحه بر می دارد. هر تعداد خط به عنوان یک خط و هر تعداد فاصله به عنوان یک فاصله حساب می شوند.

توجه داشته باشید که در تگ p برای رفتن به سطر بعد حتما باید از تگ <br> استفاده نمایید و بازدن اینتر در کد html این اتفاق نیفتاده و باعث میشود متن پشت سر هم نمایش داده شود. همچنین دکمه space در کد فقط یک بار لحاظ میگردد پس چه یک بار چه ۱۰۰ بار بین دو واژه دکمه space را بزنید فقط یک فاصله space لحاظ می‌گردد. برای درک بهتر به قطعه کد زیر و خروجی آن خوب دقت نمایید!

<html>
<body>

<p>
    سطر ۱


   سطر     ۲


  سطر             ۳

   
سطر۴
</p>

</body>
</html>

خروجی کد بالا:

آموزش پاراگراف درhtml

تگ <pre> و رفع این مشکل

در صورتی که قصد دارید فاصله ها و سطر های بین کلمات دقیقا همانند قطعه کد به نمایش درآیند از تگ pre استفاده می‌نماییم در مثال بالا بجای تگ p از تگ pre استفاده می نماییم:

<html>
<body>

<pre>
    سطر ۱


   سطر     ۲


  سطر             ۳

   
سطر۴
</pre>

</body>
</html>

خروجی کد بالا:

تگ pre در html

 

3 دیدگاه. ثبت دیدگاه

کاربر
دسامبر 22, 2017 12:04 ق.ظ

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

پاسخ
adminsk
دسامبر 30, 2017 9:56 ب.ظ

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

پاسخ
دانلود فیلم های 2018
سپتامبر 15, 2018 4:23 ب.ظ

سلام.ممنون .خیلی خوب بود.از دست اندرکاران وبسایت به این
خوبی سپاسگزارم

پاسخ

دیدگاهتان را بنویسید لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بخش بندی آموزش HTML

  • آموزش html مقدمه
  • شروع کار با HTML در رایانه شخصی
  • مفاهیم پایه‌ای HTML
  • المان های HTML
  • صفت یا اتریبیوت ها در HTML
  • تگ های عنوان در HTML
  • پاراگراف ها در HTML
  • استایل دهی مستقیم به تگ ها
  • فرمت دهی به متن در HTML
  • نقل قول و عناصر استنادی در HTML
  • رنگ ها در html
  • css در HTML
  • لینک ها در HTML
  • عکس ها در HTML
  • جدول ها در HTML
  • لیست ها در html
  • المان های block و inline
  • تگ iframe در html
  • تگ script در HTML
  • تگ head در html
  • صفحه چینی در html
  • HTML واکنشگرا
  • کاراکتر های رزرو شده
  • فرم ها در HTML
  • سایر تگ ها در فرم
  • input type های مختلف در فرم
  • اتریبیوت های فرم
  • ویدیو در HTML
  • پخش صدا در html