یک پاراگراف همیشه از ابتدای یک خط جدید شروع می شود و معمولاً به صورت یک بلوک متنی ادامه پیدا می‌کند.
تگ پاراگراف در html
تگ <p> در اسناد HTML برای تعریف یک بلوک پاراگراف استفاده می‌شود.
همان طور که گفته شد پاراگراف‌ها همیشه از یک خط جدید شروع می شوند و مرورگرها به طور خودکار یک فضای خالی (حاشیه) قبل (بالا) و بعد (پایین) پاراگراف اضافه می کنند تا بین عناصر دیگر مثل سرفصل‌ها و سایر پاراگراف‌ها یک فاصله و نظم ایجاد شود.
نحوه نمایش در HTML
نحوه نمایش در صفحات HTML از قبل مشخص نیست. در واقع شما نمی توانید مطمئن باشید که کدهای شما در یک سند HTML در مرورگر چگونه نمایش داده می شود.
صفحه نمایش های بزرگ یا کوچک و پنجره های مرورگرها با تغییر اندازه صفحه سند html همیشه نتایج متفاوتی ایجاد می کنند.
در اسناد HTML، نمی‌توانید نحوه نمایش کلمات را با افزودن فاصله‌های بیشتر یا افزودن خطوط خالی اضافی بین کلمات و جملات چیدمان کنید چون در کد HTML فاصله‌ّای اضافه و خطوط فاصله بین خط‌ها به صورت خودکار حذف شده و چیدمانی که در صفحه کد خود می‌بینید تغییر می‌کند.
هنگامی که کدهای شما در مرورگرها کامپایل شده و در صفحه مرورگر نمایش داده می شود، به طور خودکار هر فاصله و خط اضافی را حذف می کند. به مثال زیر توجه کنید:
خط افقی در HTML
تگ <hr> یک شکست موضوعی را در یک صفحه HTML تعریف می کند و اغلب به عنوان یک قانون افقی نمایش داده می شود.
عنصر <hr> برای جداسازی محتوا (یا تعریف تغییر) در یک صفحه HTML استفاده می شود:
-
</>
مثال برای درک بهتر آموزش اسناد HTML:
<h1>یک نمونه سرفصل نوع ۱</h1>
<p>این یک متن پاراگراف است.</p>
<hr>
<h2>یک نمونه دیگر سرفصل نوع ۲</h2>
<p>این یک متن پاراگراف دیگر است.</p>
<hr>
<h3>یک نمونه دیگر سرفصل نوع ۳</h3>
<p>این یک متن پاراگراف دیگر است.</p>
کد HTML را آزمایش کنید
تنها کافی است روی گزینه "کد HTML را آزمایش کنید " کلیک کنید تا ویرایشگر متنی ما همان لحظه باز شود و شما کدهایی را که یاد گرفتید در پنجره سمت چپ وارد کنید و با زدن گزینه "مشاهده نتیجه"، نتیجه کد خود را به صورت زنده مشاهده نمایید!
تگ <hr> یک تگ خالی است، به این معنی که تگ پایانی ندارد. ولی شما می‌توانید برای تغییر شکل ظاهری این خط جدا کننده افقی با استفاده از ویژگی style ظاهر و سبک نمایش آ» را تغییر دهید.
شکستن خط در HTML
تگ <br> در HTML باعث شکستن خط و آغاز ادامه متن از ابتدای خط بعد می‌شود.
اگر می‌خواهید بدون بستن و باز کردن تگ پاراگراف و درون آن در پاسان یک جمله، ادامه متن را از ابتدای خط بعد آغاز کنید از تگ <br> استفاده نمایید و متن را ادامه دهید. با این کار خط شکسته شده و (یک خط جدید) ایجاد می‌شود:
تگ <br> یک تگ خالی است، به این معنی که تگ پایانی ندارد.
مشکل ثبت نوشتار شعر در HTML
همان طور که می‌دانید برای نوشتن سبک‌های خاصی از متن مثل سبک شعر نویسی نیاز به چیدمان و فاصله‌گذاری‌های دلخواه است. در این مثال با این که در کد html به شکل دلخواه نوشته شده ولی همان طور که قبلا اشاره شد مرورگر همه را در یک خط و کنار هم می‌چسباند:
راه حل ثبت نوشتار شعر در HTML با تگ <pre>
تگ <pre> HTML متنی با چیدمان و قالب از پیش تعیین شده را تعریف می کند.
متن داخل عنصر <pre> با فونت با عرض ثابت (معمولاً Courier) نمایش داده می‌شود، و هم فاصله‌ها و هم خطوط شکسته را حفظ می‌کند: