طراحی وب

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

پاراگراف های html  و شیوه نوشتن پاراگراف

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

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

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

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

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

مثال :

 

This is a paragraph.



This is another paragraph.

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

نمایش HTML

شما نمی توانید مطمئن باشید که HTML چطور نمایش داده خواهد شد.

صفحه های بزرگ یا کوچک، و  تغییر اندازه  پنجره ها نتایج مختلفی را ایجاد خواهد کرد.

با HTML، شما نمی توانید خروجی را با افزودن فضاهای اضافی یا خطوط اضافی در کد HTML خود تغییر دهید.

مرورگر فضاهای اضافی و خطوط اضافی را هنگامی که صفحه نمایش داده می شود حذف می کند:

 

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.


 

 تگ پایانی را فراموش نکنید

برخی از مرورگرها کد های  html را به درستی نمایش می دهند حتی اگر فراموش کرده باشید که تگ پایانی را بگذارید:
مثال


This is a paragraph.


This is another paragraph. 

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

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


شکستن خط  یا  line break

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

This is
a paragraph
with line breaks.

 
تگ <br>  یک تگ خالی است. این به این معنی است که نیازی به تگ پایانی ندارد.

مشکل نوشتن شعر

شعر در یک خط نوشته می شود:
مثال :
 

  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

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

بیشتر بخوانید:

برچسب ها

دیدگاهتان را بنویسید

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

بستن