پاراگراف های html

پاراگراف های html

آموزش html  درس هفتم

پاراگراف های html
پاراگراف های html

پاراگراف های  html

پاراگراف های html  به آسانی برای اهداف مشخص تنظیم می شوند.

عنصر <p> پاراگراف را تعریف می کند.

مثال :

<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 را به درستی نمایش می دهند حتی اگر فراموش کرده باشید که تگ پایانی را بگذارید:
مثال
<p>This is a paragraph.
 <p>This is another paragraph.

مثال فوق در اکثر مرورگرها کار خواهد کرد، اما بر آن تکیه نکنید.

توجه: ننوشتن  تگ پایانی می تواند نتایج غیر منتظره یا خطاهایی را  تولید کند.

حتما بخوانید:  HTML Styles


شکستن خط  یا  line break

عنصر<br> در html   شکست خط را تعریف می کند.   اگر  می خواهید شکست خط (یک خط جدید)  را بدون شروع یک پاراگراف جدید داشته باشید از <br>  استفاده کنید:
<p>This is<br>a paragraph<br>with line breaks.</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>  در  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>
امتیاز کاربران به این مطلب
۱ نفر - میانگین: ۵
تلگرام

دیدگاه‌تان را ثبت کنید:

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

5 × یک =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی