آموزش و کتاب الکترونیکی

آموزش HTML به زبان ساده – قسمت پنجم – مقدماتی

آموزش HTML به زبان ساده - قسمت پنجم - مقدماتی آموزش و کتاب الکترونیکی
نوشته توسط مهدی بلوریان

به نام خدا

 

با عرض سلام و وقت بخیر خدمت بازدیدکنندگان وان پی سی 

در این قسمت از آموزش اچ تی ام ال میرسیم به بخش پارگراف ها در اچ تی ام ال ، که امید وارم مورد پسندتون قرار بگیره !

 

پاراگراف ها :

 

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

 

 

 

پاراگراف ها در HTML :

 

در اچ تی ام ال پاراگراف ها با تگ <p> شناخته و تعریف می شوند

 

مثال:

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

 

 

نمایش تگ <p> در 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> جدید میتوان استفاده کرد
مثال :
<p> این یک متن برای </ br> برای آزمایش است </p>
   تگ پایانی ندارد </ br> عنصر
<br> یا <br /> ؟
در XHTML و XML عناصر را نباید بدون تگ پایانی استفاده کرد اما با اینکه تگ <br> در تمامی مرورگر ها کار میکند اما برای استاندارد بودن صحیح کد نوشتن بهتر است از <br /> استفاده کنید
نوشتن شعر در اچ تی ام ال :
برای نوشتن شعر در HTML با تگ <p> امکان پذیر است اما در حالت دیداری مرورگر شما ، تمامی جمله ها و کلمه ها به هم چسبیده و کنار هم می شوند که بهترین راه ممکن برای اصلاح این مشکل استفاده از تگ <pre> است
به این شکل :
<p>فاصله و خط های اضافی در شعر زیر به همان صورت نمایش داده خواهد شد</p>
<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>
موفق باشید

 

ممکن است بپسندید :   اسکریپت آمارگیر CrazyStat وب آنالیزر

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

مهدی بلوریان

دیدگاه بگذارید

avatar
  Subscribe  
Notify of