جلسه ششم پاراگراف ها در HTML
6 دی 1402 1402-10-06 0:40جلسه ششم پاراگراف ها در HTML
پاراگراف ها در HTML
پاراگراف ها به وسیله تگ <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>
خروجی:
عنصر </ br> یک عنصر تهی در HTML است. این عنصر دارای تگ پایان نیست.
<br> یا </ br>
در XHTML و XML عناصر بدون تگ پایان(تگ بسته) مجاز نمی باشند.
اگر چه <br>در تمام مرورگرها کار می کند، اما نوشتن </ br> در برنامه های XHTML و XML بهتر عمل می کند.
خروجی HTML – نکات مفید
شما نمی توانید مطمئن شوید که کدهای HTML چگونه نمایش داده خواهد شد. صفحات نمایش بزرگ یا کوچک و تغییر اندازه پنجره ها نتایج متفاوتی را به همراه دارد.
هنگام نوشتن کدهای HTML، نباید انتظار داشته باشید که فاصله ها یا خط های اضافه در کدهای HTML در خروجی مرورگر نیز فاصله یا خط اضافه دیده شوند.
یک مرورگر فاصله ها و خط های اضافی را هنگام نمایش صفحه بر می دارد. هر تعداد خط به عنوان یک خط و هر تعداد فاصله به عنوان یک فاصله حساب می شوند.
(این مثال بعضی از مشکلات فرمت دهی را در HTML نشان می دهد.)
مشکل نمایش اشعار در مرورگر
<html>
<body>
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
<p>Note that your browser ignores the layout!</p>
</body>
</html>خروجی:
عنصر <pre> در HTML
با استفاده از عنصر <pre> می توانید فاصله ها و خط های اضافی داخل متن را به همان صورت در مرورگر نمایش دهید:
<!DOCTYPE html>
<html>
<body>
<p>The pre tag is needed for displaying poems:</p>
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre>
</body>
</html>خروجی:
