پاراگراف‌ها
عنصر <p> در HTML یک پاراگراف را تعریف می‌کند:[۱]
مثال
1 <p>This is a paragraph.</p>
2 <p>This is another paragraph.</p>
توجه: مرورگرها بطور خودکار کمی فاصله سفید (حاشیه) قبل و بعد از پاراگراف اضافه می‌کنند.
نمایش HTML
شما نمی‌توانید اطمینان داشته باشید HTML چگونه نمایش داده خواهد شد.
صفحه نمایش‌های کوچک یا بزرگ، و پنجره‌های تغییر سایز یافته نتایج متفاوتی ایجاد می‌کنند.
با HTML شما نمی‌توانید خروجی را با اضافه کردن فضاهای اضافی یا خطوط اضافی در کد HTML خود تغییر دهید.
مرورگر هنگام نمایش صفحه هر فاصله و خطوط اضافی را حذف می‌کند:
مثال
1 <p>
2 This paragraph
3 contains a lot of lines
4 in the source code,
5 but the browser
6 ignores it.
7 </p>
8
9 <p>
10 This paragraph
11 contains a lot of spaces
12 in the source code,
13 but the browser
14 ignores it.
15 </p>
تگ پایانی را فراموش نکنید
اکثر مرورگرها HTML را به درستی نمایش می‌دهند حتی اگر تگ پایانی فراموش شود:
مثال
1 <p>This is a paragraph.
2 <p>This is another paragraph.
مثال بالا در اکثر مرورگرها اجرا می‌شود، اما به آن تکیه نکنید.
Line Breakها (به فارسی: شکست خط) در HTML
عنصر <br> نشان دهندهٔ یک line break (انتقال به خط جدید) است.
اگر یک line break (یک خط جدید) بدون شروع یک پاراگراف می‌خواهید از <br> استفاده کنید.
مثال
<p>This is<br>a paragraph<br>with line breaks.</p>
تگ <br> یک تگ خالی است، که یعنی تگ پایانی ندارد.
مسئله Poem (به فارسی: شعر)
Poem در یک خط نمایش داده خواهد شد:
مثال
1 <p>
2 My Bonnie lies over the ocean.
3
4 My Bonnie lies over the sea.
5
6 My Bonnie lies over the ocean.
7
8 Oh, bring back my Bonnie to me.
9 </p>
عنصر <pre> در HTML
عنصر <pre> در HTML متن از پیش آماده شده را تعریف می‌کند.
متن درون یک عنصر <pre> با خطی با عرض ثابت نمایش داده می‌شود (معمولاًCourier) و فاصله‌ها و line breakها را حفظ می‌کند:
مثال
1 <pre>
2 My Bonnie lies over the ocean.
3
4 My Bonnie lies over the sea.
5
6 My Bonnie lies over the ocean.
7
8 Oh, bring back my Bonnie to me.
9 </pre>
تمرین های HTML
مرجع تگ های HTML
مرجع تگ WikiCod شامل اطلاعاتی در مورد عناصر HTML و ویژگی‌های آنها است.
| تگ | تعریف |
|---|---|
| <p> | یک پاراگراف را تعریف می‌کند |
| <br> | یک line break (خط جدید) ایجاد می‌کند |
| <pre> | متن از پیش قالب‌بندی شده را تعریف می‌کند |
منابع آموزشی