Home / اموزش html / اموزش اچ تی ام ال ۷:پاراگراف ها

اموزش اچ تی ام ال ۷:پاراگراف ها

اموزش اچ تی ام ال 7:پاراگراف ها

اموزش اچ تی ام ال ۷:پاراگراف ها

سلام

شما در این مقاله اموزش اچ تی ام ال ۷:پاراگراف ها را میخوانید

با هفتمین جلسه از اموزش اچ تی ام ال در خدمت شما عزیزان هستیم و در این جلسه قصد داریم برچسب پاراگراف را به شما اموزش دهیم و این برچسب را مورد بررسی قرار دهیم پس باما همراه باشید و تا ادامه مقاله لبخند هم فراموش نکنید 🙂

پاراگراف در اچ تی ام ال با برچسب <p> تعریف میشود.


<p>پاراگراف من</p>
<p>پاراگراف من</p>

نکته:مرورگر به طور خودکار به قبل و بعد از پاراگراف یک فاصله اضافه میکند

نمایش اچ تی ام ال

شما نمیتوانید به طور دقیق بفهمید که پاراگراف ها در اچ تی ام ال چگونه نمایش داده میشوند.

صفحه نمایش های بزرگ یا کوچک باعث تغییر نتیجه میشوند.مرورگر ها هر فضای اضافی را در بین پاراگراف ها حذف میکنند.


<p>
پاراگراف من
پاراگرافی جهت تست
زبان کد نویسی اچ تی ام ال
نمایش در مرورگر
متن پاراگراف
</p>

<p>
پاراگراف من
پاراگرافی جهت تست
زبان کد نویسی اچ تی ام ال
نمایش در مرورگر
متن پاراگراف
</p>

<p>
این پاراگراف من است
</p>

برچسب پایان را فراموش نکنید

جهت پایان دادن به یک پاراگراف میتوانید از برچسب پایانی </p> استفاده کنید.البته بیشتر مرورگر ها از اینکه برچسب پایانی نگذارید ایرادی نمیگیرند ولی بهتر است که شما استاندارد ها را رعایت کنید و برچسب پایانی را قرار دهید.


<p>این پاراگراف من است.
<p>این پاراگراف من است.

نمونه کد بالا در بیشتر مرورگر ها کار مکیند.

توجه:حذف برچسب پایانی میتواند خطا تولید کند و همچنین نتیجه غیر منتظره ای در پی داشته باشد.

شکستن پاراگراف

اگر میخواهید که با یک پاراگراف بعضی از قسمت ها را در خط بعدی منتقل کنید میتوانید از دستور <br> استفاده کنید با کمک این دستور پاراگراف شکسته میشود.


<p>این<br>پاراگراف<br>شکست</p>

نکته:برچسب <br> برچسب پایانی ندارد

نوشتن با قالب بندی بدون مشکل

به کد زیر با دقت نگاه کنید و در کد مشاهده مکنید که متن ها زیر هم هستند ولی در نمایش مرورگر این چنین نیست و پشت سر هم نمایش داده میشوند


<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>استفاده کنید.


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

امیدوار هستیم که این قسمت برای شما مفید بوده باشه

بخوانید  اموزش اچ تی ام ال 1 : مقدمه

لبخند هم فراموش نکنید 😉

موفق و پیروز باشید

درباره محمد جواد فرکاریان

علاقه مند به سیستم مدیریت محتوای وردپرس هستم و اموزش ها ی در رابطه با سیستم مدیریت محتوای وردپرس را با شما عزیزان به اشتراک میگذارم . لبخند را هیچ وقت فراموش نکنید ;-)

نگاهی به این مطلب بندازید

education-html

اموزش اچ تی ام ال ۶:سربرگ ها

سلام با جلسه ششم اچ تی ام ال در خدمت شما عزیزان هستیم و قصد …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

عضویت در خبرنامه اسکارپ
ایمیل خود را وارد کنید تا اخر هفته ها مطالب محبوب و خبر های ما را در ایمیل خود دریافت کنید
ایمیل شما نزد ما محفوظ میباشد