100% کامل شده تا

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

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو


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


عنصر <p> در HTML یک پاراگراف را تعریف می‌کند:[۱]

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

مثال

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

مثال

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

Responsive demo.svg



نمایش در اچ‌تی‌ام‌ال (HTML Display)

شما نمی‌توانید اطمینان داشته باشید 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>

مثال

<!DOCTYPE html>
<html>
<body>

<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>

<p>
The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change.
</p>

</body>
</html>

Responsive demo.svg




قوانین افقی در اچ‌تی‌ام‌ال (HTML Horizontal Rules)

برچسب <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>

مثال

<!DOCTYPE html>
<html>
<body>

<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>

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

</body>
</html>

Responsive demo.svg


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



شکست خط در اچ‌تی‌ام‌ال (HTML Line Breaks)

عنصر <br> نشان دهندهٔ یک line break (انتقال به خط جدید) است.

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

مثال

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

مثال

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

Responsive demo.svg


تگ <br> یک تک تگ است، به این معنی که هیچ تگ پایانی ندارد.



مسئله شعر (The Poem Problem)

شعر در یک خط نمایش داده خواهد شد:

مثال

<p>
  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.
</p>

مثال

<!DOCTYPE html>
<html>
<body>

<p>In HTML, spaces and new lines are ignored:</p>

<p>

  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.

</p>

</body>
</html>

Responsive demo.svg



راه حل عنصر <pre> برای شعر در اچ‌تی‌ام‌ال (The HTML <pre> Element)

عنصر <pre> در HTML متن از پیش آماده شده را تعریف می‌کند.

متن درون یک عنصر <pre> با خطی و عرض ثابت نمایش داده می‌شود (معمولاً Courier) و فاصله‌ها و line breakها را حفظ می‌کند:

مثال

<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>

مثال

<!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>

Responsive demo.svg



مرجع تگ‌های اچ‌تی‌ام‌ال (HTML Tag Reference)

مرجع تگ WikiCod شامل اطلاعاتی در مورد عناصر HTML و ویژگی‌های آنها است.

تگ تعریف
<p> یک پاراگراف را تعریف می‌کند
<hr> یک تغییر موضوعی در محتوا را معرفی می‌کند
<br> یک line break (به فارسی: خط جدید) ایجاد می‌کند
<pre> متن از پیش قالب‌بندی شده را تعریف می‌کند
برای بدست آوردن لیست کامل تگ‌های HTML موجود، به مرجع تگ‌های HTML ما مراجعه کنید.

منابع آموزشی




به‌روزرسانی شده: ۹ روز پیش