برای ايجاد يک پاراگراف جديد در صفحه به کار می رود . هر متنی که در بين تگ باز و بسته < p > قرار بگيرد ، محتويات آن پاراگراف را تشکيل می دهد . با ايجاد يک پاراگراف جديد ، نوشته به ابتدای خط بعدی انتقال می يابد .
| خواص مهم | ||
| نام خاصيت | نوع خاصيت | شرح |
| align |
left right center justify |
تراز بندی افقی نوشته را در پاراگراف تعيين می کند ، که می تولند يکی از حالت های زير را داشته باشد : -left : نوشته را از سمت چپ تراز می کند . -right : نوشته را از سمت راست تراز می کند . -center : نوشته در وسط صفحه يا خانه جدول تراز می شود . -justify : نوشته به اندازه ای که کل عرض صفحه يا خانه جدول را پر کند ، کش می آيد . |
| Example | |
| کد | خروجی |
|
< p > This is a sample paragraph < /p > < p > This is another paragraph < /p > |
This is a sample paragraph This is another paragraph |
اين تگ معمولا برای ايجاد تيترها و عنوان ها مورد استفاده قرار می گيرد . متنی که قرار است به عنوان تيتر نمايش داده شود ، بین تگ باز و بسته قرار می گيرد .
< h1 > بزرگترين سایز نوشته را ارائه داده و با بزرگتر شدن عدد بعد از h ، سايز نوشته آن کاهش می يابد و < h6 > کوچکترين سايز نوشته را ارائه می دهد .
| خواص مهم | ||
| نام خاصيت | نوع خاصيت | شرح |
| align |
left right center justify |
تراز بندی افقی نوشته را برای متن عنوان تعيين می کند که می تولند يکی از حالت های زير را داشته باشد : -left : نوشته را از سمت چپ تراز می کند . -right : نوشته را از سمت راست تراز می کند . -center : نوشته در وسط صفحه يا خانه جدول تراز می شود . -justify : نوشته به اندازه ای که کل عرض صفحه يا خانه جدول را پر کند ، کش می آيد . |
| Example | |
| کد | خروجی |
|
< h1 > This is header 1 < /h1 > < h2 > This is header 2 < /h2 > < h3 > This is header 3 < /h3 > < h4 > This is header 4< < /h4 > < h5 > This is header 5 < /h5 > < h6 > This is header 6 < /h6 > |
This is header 1This is header 2This is header 3This is header 4This is header 5This is header 6 |
به کاربردن اين تگ باعث ايجاد يک خط جديد و انتقال نوشته به اول سطر پايينی می شود . همچنين به وسيله آن می توان يک خط خالی ايجاد کرد .
نکته : تگ < br > دارای تگ پايانی نيست و ترکيب < br > ... < /br > غلط است . اين تگ بايد به وسيله يک علامت / در درون تگ ابتدايی بسته شود .
| Example | |
| کد | خروجی |
| < p > My name is : < br / > Mehrdad < /p > |
My name is : Mehradad |
به کاربردن اين تگ باعث ايجاد يک خط افقی درون صفحه می شود ، که پهنای آن همواره کمی کمتر از عنصر در برگيرنده آن (مثل خانه جدول يا صفحه) است . به طور مثال در بالای تيتر تگ < hr > ، يک خط افقی قرار داده ايم .
نکته : اين تگ نيز همانند تگ < br > دارای تگ پايانی نيست و بايد در تگ ابتدايي بسته شود .
| Example | |
| کد | خروجی |
| This is a line < hr / > ok! |
This is a line ok! |
باعث توپر شدن متنی که درون تگ باز و بسته قرار بگيرد می شود .
| Example | |
| کد | خروجی |
| < b > This is Bold Text < /b > | This is Bold Text |
باعث می شود تا متنی که بين تگ باز و بسته قرار بگيرد ، به صورت خط زير دار نمايش داده شود .
| Example | |
| کد | خروجی |
| < u > This is underline Text < /u > | This is underline Text |
باعث می شود تا متن درون آن به صورت کج (italic) نماِش داده شود .
| Example | |
| کد | خروجی |
|
< i > This is italic Text < /i > < em > This is italic Text < /em > |
This is italic Text This is italic Text |
اين تگ باعث نمايش بزرگتر محتويات درون آن نسبت به متن خطوط همجوار می شود .
| Example | |
| کد | خروجی |
| My name is < big > Mehrdad < /big > | My name is Mehrdad |
اين تگ باعث کوچکتر نمايش دادن محتويات درون آن نسبت به متن خطوط همجوار در صفحه می شود .
>
| Example | |
| کد | خروجی |
| My name is < small > Mehrdad < /small > | My name is Mehrdad |
اين تگ باعث نمايش توپر و بزرگتر محتويات درون خود نسبت به متن خطوط همجوار آن می شود .
| Example | |
| کد | خروجی |
| My name is < strong > Mehrdad < /strong > | My name is Mehrdad |
اين تگ باعث نمايش محتويات درون خود به صورت کج و متمايز نسبت به متن خطوط همجوار آن می شود .
| Example | |
| کد | خروجی |
| My name is < cite > Mehradad < /cite > | My name is Mehrdad |
از اين تگ معمولا برای نمايش آدرس ها در صفحه های وب استفاده می شود . خصوصيت مهم تگ address اين است که متن درون خود را به صورت کج (italic) نمايش داده و باعث ايجاد يک خط جديد در ابتدا و انتهای آدرس می شود .
| Example | |
| کد | خروجی |
|
< address > Washington DC New York 214 Ave. < /address > |
Wshington DC New York 214 Ave. |
چنانچه در محيط کد نويسی صفحات وب ، بين متن های نوشته شده با کليد space فاصله ايجاد کرده یا با کليد Enter به خط بعدی برويد ، مرورگر اين مسئله را ناديده گرفته ، تمام فاصله ها را از بين برده و حداکثر به اندازه يک کاراکتر فاصله ايجاد می کند . برای جلوگيری از اين مسئله ، از تگ
استفاده می کنيم . اين تگ باعث نمايش متن درون خود با همان شکل و ساختاری که در محيط کد نويسی صفحه وارد شده است ، می شود.
همانطور که قبلا ذکر شد ، برای ايجاد فاصله بين حروف از کاراکتر ;nbsp& و رفتن به خط بعدی از تگ < br/ > استفاده می کنيم .
| Example | |
| کد | خروجی |
|
< pre > This is a pre formatted paragraph it does not have any space or linebrake < / pre > |
this is a pre
formatted paragraph
it does not have any
space or linebrake
|
|
< p > this is a usual paragraph IE doesn't pay attention to line brakes and spaces it shows it like this < /p > |
this is a usual paragraph IE doesn't pay attention to line brakes and spaces it shows it like this |
منبع: دنیای فناوری با حساس کامپیوتر
