پاراگراف در html (HTML Paragraphs)

پاراگراف در html (HTML Paragraphs)

زمان مطالعه

3 دقیقه

تعداد بازدید

83

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها


برچسب ها :

نکات html

اشتراک گذاری این مطلب
بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم

پاراگراف در html (HTML Paragraphs)

پاراگراف در html (HTML Paragraphs)

زمان مطالعه

3 دقیقه

تعداد بازدید

83

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها


برچسب ها :

نکات html

اشتراک گذاری این مطلب

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

پاراگراف در 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.

 

خط افقی در متن (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

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

بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم

پرسش و پاسخ
0
دوره پیشنهادی
دوره پیشنهادی