۶- پاراگراف‌های اچ‌تی‌ام‌ال (HTML Paragraphs)

۱۷ خرداد ۱۴۰۴
0 دیدگاه

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

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

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

یک پاراگراف همیشه در یک خط جدید شروع می‌شود، و مرورگرها به‌طور خودکار مقداری فضای خالی (یک مارجین) قبل و بعد از یک پاراگراف اضافه می‌کنند.

مثال:

				
					<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
				
			

نمایش HTML

شما نمی‌توانید مطمئن باشید که HTML چگونه نمایش داده خواهد شد.

صفحه‌نمایش‌های بزرگ یا کوچک، و پنجره‌های تغییراندازه‌داده‌شده، نتایج متفاوتی ایجاد خواهند کرد.

در HTML، شما نمی‌توانید با اضافه کردن فاصله‌های اضافی یا خطوط اضافی در کد HTML خود، نمایش را تغییر دهید.

مرورگر هرگونه فاصله و خط اضافی را هنگامی که صفحه نمایش داده می‌شود، به‌طور خودکار حذف خواهد کرد:

				
					<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
				
			

خروجی هر دو مورد بالا به این صورت خواهد بود:

This paragraph contains a lot of lines in the source code, but the browser ignores it.

This paragraph contains a lot of spaces in the source code, but the browser ignores it.

خطوط افقی HTML

تگ <hr> یک جداسازی موضوعی در یک صفحه HTML تعریف می‌کند و اغلب به صورت یک خط افقی نمایش داده می‌شود.

عنصر <hr> برای جدا کردن محتوا (یا تعریف یک تغییر) در یک صفحه HTML استفاده می‌شود:

				
					<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
				
			

خروجی کد بالا به این صورت خواهد بود:

This is heading 1

This is some text.


This is heading 2

This is some other text.


تگ <hr> یک تگ خالی است، به این معنی که تگ پایانی ندارد.

 

شکست خط‌های HTML

عنصر <br> در HTML یک شکست خط (line break) را تعریف می‌کند.

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

				
					<p>This is<br>a paragraph<br>with line breaks.</p>

				
			

0 دیدگاه