آموزش پاراگراف در html (Paragraphs) تگ p

آموزش پاراگراف در html (Paragraphs) تگ p

پاراگراف از یک خط جدید شروع می شود عموما متن است اما می تواند شامل تصویر، لینک و.... نیز باشد. پارگراف با تگ p در html شناخته می شود

زمان مطالعه: 3 دقیقه
بازدید: 543
پرسش و پاسخ: 0

پاراگراف یا تگ p در html

برای ایجاد یک پاراگراف در html می توانید از تگ p استفاده کنید به صورت عادی ابزاری مثل ckeditor تگ p رو به صورت پیش فرض در نظر گرفته اند برای متن تایپی شما.

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

<p>پاراگراف اول</p>
<p>پاراگراف بعدی</p>

نمایش پاراگراف یا تگ p در 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>

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

خروجی به شکل ذیل خواهد بود

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.

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.

بیشتر بدانیم : استایل یا ظاهر در html (Styles)

خط افقی در متن (hr)

تگ hr یک خط افقی در متن شما ایجاد میکنه که میتونید بعضی از متنهارو با این روش از هم جدا کنید. تگ hr نیازی به بسته شدن ندارد و به صورت <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>

خروجی میشه شکل زیر

تگ hr یا خط افقی در html

br (شکستن خط) در html

تگ br خط مورد نظر را می شکند مثل \n\r در زبان های برنامه نویسی

br کمک میکنه یک خط رو بشکنید اما به صورت اصولی در متدهای جدید طراحی ui جالب نیست از این تگ استفاده کنید این تگ هم نیازی به بسته شدن نداره

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

خروجی 

This is
a paragraph
with line breaks.

تک pre برای قالبندی متن

تگ <pre> متن از پیش قالب بندی شده را تعریف می کند. متن درون تگ <pre> با یک قلم با عرض ثابت نمایش داده می شود، و هم فضاها و هم شکاف های خط را حفظ می کند:

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

خروجی و تفاوت نمایش تگ pre یا تگ p

تگ pre در html

بیشتر بدانیم: آموزش کامپوزر (composer)

بهزاد میرزازاده
مسیر درست با پرسش های درست ساخته می شود

مشاهده تمام مطالب نویسنده