با عرض سلام خدمت کاربران عزیز وبسایت پرنیان طرح
در این مقاله به آموزش پاراگراف ها در زبان 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