پاراگراف ها در html – تگ p

بازدید: 529 بازدید
pragraph

برای ایجاد یک پاراگراف در HTML از تگ <p> استفاده میکنیم و پاراگرافمان را تعریف میکنیم.

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

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

با عرض سلام خدمت کاربران عزیز وبسایت پرنیان طرح

در این مقاله به آموزش پاراگراف ها در زبان html خواهیم پرداخت.

پاراگراف ها
پاراگراف ها

کاربرد پاراگراف ها در HTML:

در زبان HTML برای ایجاد هر پاراگراف از تگ <p> استفاده میکنیم.

تگ شروع <p> را مینویسیم متن مورد نظرمان را وارد میکنیم و با بستن تگ پایانی <p/> پاراگراف را ایجاد مینماییم.

توجه داشته باشید که زدن دکمه espace به تعداد دفعات زیاد تاثیری در فاصله ی بین متن ندارد و فقط یک بار فاصله لحاظ میشود.

معرفی تگ br:

تگ <br> یک تگ تنهاست و تگ پایانی ندارد.

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

با زدن دکمه ی enter نمیتوانیم به خط بعدی برویم برای رفتن به خط بعدی باید از این المان <br> استفاده نماییم.

معرفی تگ hr:

هنگامی که میخواهیم یک خط افقی در زبان html بکشیم از تگ hr استفاده مینماییم.

با تگ <hr> میتوان خط افقی در صفحه ایجاد کرد این تگ نیز به صورت تکی به کار میرود و تگ پایانی ندارد.

[html]

<head>

<title>

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

</title>

<“meta charset=”utf-8>

</head>

<body>

<p style = ” direction: rtl   ;” >

این یک پاراگراف است.

<br>

با المان br به خط بعدی میرویم.

<hr>

با المان hr یک خط افقی ایجاد میکنیم.

</p>

<p>

این یک پاراگراف دیگر است.

در این پاراگراف    تعداد  زیادی            فاصله

و جای خالی    بین متن            گذاشته شده است.

ولی مرورگر  هنگام نمایش         این پاراگراف         متن ها را

به هم              میچسباند و فضاهای خالی

را در نظر نمیگیرد     تنها یک فاصله بین کلمات   را در نظر میگیرد.

</p>

</body>

[/html]

المان meta که درون تگ head نوشته شده است برای این است که به مرورگر بفهمانیم مطلب ما به زبان فارسی نوشته شده است.

نکته: باید توجه داشته باشید که حتما از تگ پایانی استفاده کنید زیرا ممکن است مرورگر به مشکل بخورد و خطا ایجاد شود.

کاربرد تگ pre:

<pre>اگر بخواهیم نوشته هایمان را همان گونه که مینویسیم نمایش داده شود از این تگ استفاده میکنیم , این تگ فاصله ها را همانند کدی که میزنیم نشان میدهد.

راست چین کردن:

برای راست چین کردن نوشته ها از خصوصیت rtl استفاده میکنیم.

در پاراگراف اول با style دادن به تگ p توانستیم direction (جهت) نوشته را rtl (راست به چپ) قرار بدهیم.

منبع : www.w3schools.com

دسته بندی آموزش html
اشتراک گذاری
مقالات مرتبط

دیدگاهتان را بنویسید

سبد خرید

هیچ محصولی در سبد خرید نیست.