mohammad javad asadi

0 %
محمدجواداسدی
توسعه دهنده وب
  • محل سکونت:
    کرمان
  • شهر:
    کرمان
html
CSS
java script
(PWA)Progressive Web App
WORDPRESS
react
react-native
PHP
  • photoshop
  • xd

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

۱۱ خرداد ۱۴۰۰

یک پاراگراف ( HTML Paragraphs ) همیشه از یک خط جدید شروع می شود و معمولاً یک متن است .

 

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

عنصر <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>

 

 

 

 

 

 

 

 

 

 

 

 “خودتان امتحان کنید”

 

قوانین افقی 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>

 

 

 

 

 

 “خودتان امتحان کنید”

 

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

خطوط HTML

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

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

مثال :

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

 

 

 “خودتان امتحان کنید”

 

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

 

 

 

 

 

 

 

 “خودتان امتحان کنید”

راه حل – عنصر <pre> در HTML

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

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

مثال :

۱
۲
۳
۴
۵
۶
۷
۸
۹
<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>

 

 

 

 

 

 

 

 

تمامی مراحل آموزشی این دوره در آدرس HTML قرار دارد.

منتظر نظرات و پیشنهادات زیبای شما هستم .

 

ارسال شده در HTML, برنامه نویسان, طراحی وب, مطالب آموزشی, وببرچسپ ها:
یک دیدگاه بنویسید
© تمامی حفوق برای محمدجواداسدی میباشد
ایمیل: asadij313@gmail.com
تلفن تماس :09387370966
logo-samandehi