پاراگراف (p)
«پاراگراف (Paragraph)» یک بخش متن منسجم است. در HTML با تگ «p» می سازیم. مرورگر قبل و بعدش یک فاصله عمودی می گذارد. پس متن ها مرتب تر دیده می شوند.
تگ p چیست؟
تگ «p» یک پاراگراف را تعریف می کند. هر پاراگراف پیام مستقل دارد. بنابراین متن خواناتر می شود.
نمونه ساده پاراگراف
<p>This is some text in a paragraph.<\/p>
چیدمان و استایل پاراگراف
می توانیم با «CSS (شیوه نامه سبک)» ظاهر پاراگراف را تغییر دهیم. مثلا ترازبندی یا رنگ.
تراز کردن متن با CSS
<p style="text-align:right">This is some text in a paragraph.<\/p>
استایل دهی کامل با CSS داخلی
<html>
<head>
<style>
p {
color: navy;
text-indent: 30px;
text-transform: uppercase;
}
<\/style>
<\/head>
<body>
<p>Lorem ipsum dolor sit amet...<\/p>
<\/body>
<\/html>
رفتار خط ها داخل پاراگراف
شکستن خط در کد، همیشه در صفحه شکسته نمی شود. مرورگر فاصله های متوالی را ساده می کند.
نمونه خطوط متعدد در منبع
<p>
This paragraph<br>
contains a lot of lines<br>
in the source code,<br>
but the browser <br>
ignores it.
<\/p>
نمونه شعر با شکستن خط
<p>
My Bonnie lies over the ocean.<br>
My Bonnie lies over the sea.<br>
My Bonnie lies over the ocean.<br>
Oh, bring back my Bonnie to me.<br>
<\/p>
راهنمای سریع قدم به قدم
- هر ایده را در یک تگ <p> بنویس.
- برای تراز یا رنگ، از CSS کمک بگیر.
- برای شکستن خط، از <br> استفاده کن.
- پاراگراف های مرتبط را پشت سرهم قرار بده.
نکته: تگ «p» به صورت پیش فرض «block» است و قبل/بعدش فاصله دارد.
جمع بندی سریع
- «پاراگراف (p)» بخش متن منسجم است.
- مرورگر قبل/بعد «p» فاصله می گذارد.
- شکستن خط در کد، همیشه در صفحه نیست.
- برای شکست خط از «br» کمک بگیر.
- استایل دهی پاراگراف با CSS انجام می شود.