در جلسه قبل از دوره آموزشی HTML، درمورد هدینگ ها توضیحاتی دادیم و حال می خواهیم مباحث پاراگراف ها را در این جلسه آغاز کنیم.

پاراگراف های HTML

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

مثال:

نکته: طبق گفته های قبلی، مرورگر ها به صورت اتوماتیک، یک فضای خالی قبل و بعد از پاراگراف ها ایجاد می کنند.

نمایش HTML

درواقع ما نمی توانیم از این مطمئن باشیم که HTML ما به چه صورت نمایش داده می شود.

کوچک یا بزرگ بودن صفحه نمایش، تغییرات اندازه ویندوز و… نیز می تواند در نمایش نتایج مؤثر باشند.

با HTML، ما نمی توانیم خروجی نمایش را با افزودن فاصله خالی (Space) یا خطوط اضافی تغییر دهیم.

مرورگر به صورت خودکار تمامی فضا های خالی و خطوط اضافی را در HTML حذف می کند.

مثال:

حذف خطوط اضافی در HTML

همانطور که در مثال بالا مشاهده می کنید، ما در کد های HTML خطوط و فاصله های بسیاری را ایجاد کرده ایم ولی همانطور که در تصویر خروجی مشاهده می کنید، مرروگر تمامی آن ها را حذف کرده است.

تگ پایانی را فراموش نکنید

اکثر مرورگر ها، کد های HTML را به درستی نشان می دهند حتی اگر تگ های پایانی را قرار ندهیم.

مثال:

نمایش درست HTML

در مثال بالا، ما تگ پایان <p> را قرار نداده ایم اما همانطور که در تصویر بالا مشاهده می کنید، مرورگر آن ها را به درستی نمایش داده است.

اما شما حتماً باید تگ های پایانی را قرار دهید، زیرا نباید به این مسئله اکتفا کنید .

نکته: جا انداختن تگ های پایانی ممکن است در خروجی، ارور ها و مشکلات غیرمنتظره‌ای را همراه داشته باشد.

رفتن به خط بعد در HTML

در HTML، تگ <br> یک Line Break یا همان عنصر رفتن به خط بعدی را تفسیر می کند.

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

مثال:

تگ <br>

مشکل شعر ها در HTML

زمانی که ما بخواهیم بیت های شعر را در HTML بنویسیم، با مشکلی مانند مشکل زیر مواجه می شویم.

مشکل قرار گیری شعر ها در HTML

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

تگ <pre> در HTML

تگ <pre> در HTML درواقع متن های از پیش فرمت شده یا همان پیش فرض را توصیف می کند.

متن های داخل تگ <pre> در قالب عرضی مناسب قرار می گیرد و همچنین خطوط شکسته و فاصله ها نیز حفظ می شود.

مثال:

تگ <pre> در HTML

بررسی تگ های این جلسه

تگ <p>: این تگ یک پاراگراف را در HTML توصیف می کند.

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

تگ <pre>: متن های از پیش فرمت شده (پیش فرض) را توصیف می کند.

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