تگ پاراگراف در html :
تگ پاراگراف در html : در این ویدیو از دوره آموزش html به بررسی پاراگراف ها در html پرداخته خواهد شد.
پاراگراف های HTML با تگ <P> تعریف می شوند.هنگامی که از پاراگراف ها استفاده می کنید مرورگرها به طور خودکار یک فضاقبل و بعدازپاراگراف به عنوان حاشیه در نظر می گیرند.
نکات :
- مرورگرها سطرهایی که درتگ پاراگراف ایجاد می کنیدرا نادیده می گیرند.
- مرورگرها فضاهای خالی را نادیده می گیرندوشما نمی توانیدفضای خالی را با تگ <P> ایجاد کنید.
- تعدادسطرهادرپاراگراف بستگی به پنجره مرورگر دارداگرپنجره مرورگر را تغییردهیدتعدادسطرها تغییرخواهدکرد.
- به نحوه نمایشهای مختلف در مرورگردقت نمایید.
تگ پایان رافراموش نکنید.
اکثرمرورگرها حتی اگر تگ پایان را نبندیدبه طور صحیح در HTML پاراگراف را نمایش خواهند داد.
مثال زیر در اکثرمرورگرها کارخواهد کرد اما برآن تکیه نکنیدوهمیشه سعی کنید تگ پایان را بنویسیدچرا که نبستن تگ پایان در بعضی مواقع باعث به وجود آمد نتایج غیر منتظره ای خواهدشد که حتی نمی توانید آن را تصور کنید.
<!DOCTYPE html> <html> <body> <p>This is a paragraph. <p>This is a paragraph. <p>This is a paragraph. <p>Don't forget to close your HTML tags!</p> </body> </html>
رفتن به خط بعددر HTML :
تگ<br> برای رفتن به سطربعدی در html مورد استفاده قرار می گیرد.
اگرشما بخواهیدبدون بازکردن یک تگ<p> جدید خط را بشکنید.باید از تگ <br> استفاده کنید. به مثال زیر دقت نمایید:
<!DOCTYPE html> <html> <body> <p>This is<br>a paragraph<br>with line breaks</p> </body> </html>
نکته :تگ <br> یک تگ تنها(single tag) است و تگ پایان ندارد.
بیشتر بخوانید : اجزای تشکیل دهنده صفحات وب – جلسه دوم (ویدیو)
:HTML در <pre> تگ
این تگ , متن را همانگونه که در ویرایشگرمتن واردکرده اید در مرورگر نمایش میدهد.درواقع برخلاف تگ پاراگراف که مرورگر توجهی به نحوه چیدمان متن در ویرایشگرنداشت این تگ همان گونه که متن رادر ویرایشگر بنویسید آن را نمایش می دهد.به مثال زیر دقت فرمایید.
<!DOCTYPE html> <html> <body>
<p>The pre tag preserves both spaces and line breaks:</p> <pre> My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me. </pre> </body> </html>
همانطور که می دانید هیچ وقت بدون تمرین نمی توانید اچ تی ام ال را یاد بگیرید. پس وقت آن رسیده تا دست به کار شوید و آنچه فرا گرفتهاید را امتحان کنید. ما برای راحتی هر چه بیشتر، ویدیویی آموزشی برای این جلسه قرار داده ایم که با کمک آن میتوانید سرعت یادگیریتان را افزایش دهید. در ضمن نگران فراموش کردن نباشید!آموزش های ویدیویی برای کل جلسات ظبط شده اند که هر وقت بخواهید می توانید به صورت رایگان از آنها استفاده کنید.