اچ‌تی‌ام‌ال/بندها

ویکی‎کتاب، کتابخانهٔ آزاد
پرش به ناوبری پرش به جستجو
مقدمه بندها قلم پیوند تصاویر رسانه‌ها
فریم جدول‌بندی یادداشت‌ها تقسیم‌بندی (div) فهرست‌بندی رویدادها
سربرگ (هدر) پابرگ (فوتر) پیوند ناوبری سبک‌ها فهرست تگ‌ها ‎‏سرمتن‌ها
‎‏عنصرها

برای ساختن یک بند در اچ‌تی‌‌ام‌ال، می‌توان از برچسب ‏‎<p>‎‏ استفاده نمود، هر آنچه بین این برچسب قرار گیرد، یک بند شمرده می‌شود:

<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="utf-8">
<title>بندها در اچ‌تی‌ام‌ال</title>
</head>
<body dir="rtl">
<p>این یک بند است، هرآنچه پس‌از این بیاید، در خط بعدی جای می‌گیرد</p>
</body>
</html>
Crystal Clear app ktip.svg ‎نکته:‏

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

فاصله‌ها و فضاهای اضافی[ویرایش]

یکی‌از ویژگی‌های اچ‌تی‌ام‌ال این است که هیچ‌گاه مشخص نیست چگونه عنصرهای خود را نمایش دهد! درواقع اچ‌تی‌ام‌ال براساس نوع مرورگر، واکنش‌های ویژه‌ای نشان می‌دهد؛ در نتیجه، نه‌تنها شما، بلکه هیچ فرد دیگری نخواهد توانست خروجی یکسانی در همۀ مرورگرها بسازد. صفحه‌نمایش کوچک یا بزرگ، نوع مرورگر و تغییر اندازۀ پنجره، خروجی را تغییر خواهند داد.

Crystal Clear app ktip.svg ‎نکته:‏

در اچ‌تی‌ام‌ال، شما نمی‌توانید با افزودن فضاها و یا خط‌های اضافی، خروجی را تغییر دهید. مرورگرها، فضاها و خط‌های اضافی را نادیده می‌گیرند!

<p>
این بند، دارای خط‌های
فراوانی در متن مبدأ است،
ولی مرورگرها، این خط‌های
اضافه را نادیده می‌گیرند
و همه را در یک خط
نشان می‌دهند.
</p>

<p>
این بند، دارای    فاصله‌های
فراوانی است،‌     ولی مرورگرها،
این فاصله‌های     فراوان را 
نادیده می‌گیرند.
</p>

نتیجه[ویرایش]

این بند، دارای خط‌های فراوانی در متن مبدأ است، ولی مرورگرها، این خط‌های اضافه را نادیده می‌گیرند و همه را در یک خط نشان می‌دهند.

این بند، دارای فاصله‌های فراوانی است،‌ ولی مرورگرها، این فاصله‌های فراوان را نادیده می‌گیرند.

برچسب پایانی را از یاد نبرید![ویرایش]

بیشتر مرورگرها، بندها را به‌درستی نمایش خواهند داد، حتی اگر شما برچسب پایانی را از یاد ببرید!

البته همیشه نباید به آن متکی بود و تلاش کنید هیچ‌گاه از یادتان نرود؛ چرا که با وجود این‌که به‌درستی نمایش داده می‌شوند (البته در بیشتر مرورگرها و نه همۀ آن‌ها) ممکن است نتیجه‌های غیرمنتظره و یا خطاهی عجیب بسازد.


عنصر p دارای ویژگی‌های گوناگونی است که در این‌جا برخی از آن‌ها را می‌بینید:

ویژگی‌های برچسب p
ویژگی
توضیح
مقدار
align چیدمان خط را مشخص می‌کند center-justify-left-right
dir تراز متن ltr-rtl
lang زبان متن زبان مورد نظر را تنظیم می‌کند - برای نمونه: فارسی fa یا انگلیسی en و...
title نامی کوتاه از متن متنی کوتاه است که هنگامی که ماوس بر روی بند می‌رود در یک بالنک نمایش داده می‌شود
style سبک متن مقدار آن را می‌توانید در جدول سبک‌ها مشاهده کنید.

استفاده از هیچ‌کدام از ویژگی‌ها نیاز نیست و در بیشتر موارد ویژگی‌های پیش‌فرض مناسب است مگر آنکه بخواهیم آن را تغییر دهیم. هم‌چنین عنصر p از همهٔ ویژگی‌های شناخته‌شدهٔ اچ‌تی‌ام‌ال پشتیبانی می‌کند.