آموزش گام به گام HTML : قسمت دوم

برچسب هاي اساسي HTML

عنوانها

عنوانها توسط برچسب <h1> تا <h6> ايجاد مي شوند که <h1> بزرگترين عنوان و <h6> کوچکترين عنوان را ايجاد مي کند. HTML به طور خودکار يک خط خالي قبل و بعد از عنوان اضافه مي کند. به مثال زير توجه کنيد.

پاراگراف

پاراگرافها توسط برچسب <p> ايجاد مي شوند؛ و همانند عنوانهاي HTML به طور خودکار يک خط خالي قبل و بعد از عنوان اضافه مي کند.

شکست خطوط

برچسب <br> هنگامي استفاده مي شود که شما مي خواهيد يک خط را پايان دهيد و ادامه متن به خط بعدي برود ولي پاراگراف جديدي را شروع نکنيد. برچسب <br> يک برچسب خالي مي باشد و بر چسب انتهايي ندارد.

توضيحات در HTML

برچسب توضيحات براي قرار دادن توضيحاتي در فايل HTML استفاده مي شود؛ و مرورگر آنها را ناديده مي گيرد ) (و در خروجي نمايش نمي دهد. شما توسط اين برچسب مي توانيد فايل HTML خود را تشريح کنيد و هنگامي که مي خواهيد آن را ويرايش نماييد به شما کمک خواهد کرد تا سردرگم نشويد، اين مسئله خصوصا در فايلهاي HTML بزرگ صادق است.

برچسب خط افقي

براي جدا کردن قسمتهايي از متن مي توانيد از بر چسب <hr> استفاده کنيد. براي درک مطلب، بهتر است مثال زير را ببينيد.

چند نکته مفيد :

• هنگامي که متني را در HTML مي نويسيد هرگز نمي توانيد مطمئن باشيد که متن شما در مرورگرهاي ديگر چگونه ديده خواهد شد. چون بعضي از صفحه نمايشها کوچک و بعضي بزرگ هستند. ضمنا متن شما هرگاه که کاربر اندازه پنجره خود را تغيير مي دهد، شکل جديدي به خود مي گيرد. پس هرگز سعي نکنيد که متن خود را با اضافه کردن خط خالي و يا فاصله بين حروف مرتب کنيد.
• درHTML هر تعداد فاصله که درکنار هم استفاده کرده ايد به عنوان يکي حساب مي شود. پس از استفاده کردن فاصله هاي اضافي در کنار هم خودداري کنيد، چون فقط اندازه فايل HTML خود را زياد مي کنيد.
• هرگز از پاراگراف(<p>) خالي براي قرار دادن فاصله بين خطوط استفاده نکيد و به جاي آن از <br> استفاده کنيد، در ضمن از <br> براي ساختن فهرست استفاده نکنيد؛ کمي صبر کنيد تا طرز ساختن فهرست ها را در HTML فرا بگيريد.

جدول برچسب هاي اساسي و کاربرد آنها

برچسب ابتدايي	کاربرد
<html>	يک فايل HTMLرا ايجاد مي کند.
<body>	بدنه فايل HTMLرا ايجاد مي کند.
<h1>-<h6>	عنوان با اندازه يک تا شش را ايجاد مي کند.
<p>	يک پاراگراف را ايجاد مي کند.
<br>	يک شکست در يک خط قرار مي دهد.
<hr>	يک خط افقي در متن قرار مي دهد.
<!-->	توضيحاتي به فايل HTMLاضافه مي کند.

HTML برچسبهاي متعددي براي قالببندي متن در نظر گرفته است که در جداول زير کاربرد هر يک ذکر شده است و براي درک بهتر کاربرد هر يک از برچسب ها، مثالهاي متعددي آورده شده است.

جدول برچسب هاي قالببندي متن

برچسب ابتدايي	کاربرد
<b>	يک متن با حروف پررنگ را ايجاد مي کند.
<big>	يک متن با حروف بزرگتراز اندازه پيش فرض را ايجاد مي کند.
<em>	يک متن با حروف ايتاليک را ايجاد مي کند.
<i>	يک متن با حروف ايتاليک را ايجاد مي کند.
<small>	يک متن با حروف کوچکتراز اندازه پيش فرض را ايجاد مي کند.
<strong>	يک متن با حروف پررنگ را ايجاد مي کند.
<sub>	يک متن زيرنويس را ايجاد مي کند.
<sup>	يک متن بالانويس را ايجاد مي کند.
<ins>	يک متن زيرخطدار را ايجاد مي کند.
<del>	يک متن با خطي بر روي آن را ايجاد مي کند.

جدول برچسب هاي اطلاعات خروجي رايانه

برچسب ابتدايي	کاربرد
<code>	يک متن که شامل کدهاي رايانه ايست را ايجاد مي کند.
<kbd>	يک متن که شامل حروف صفحه کليد است را ايجاد مي کند.
<samp>	يک متن که شامل مثال هايي ازکدهاي رايانه ايست را ايجاد مي کند.
<tt>	يک متن که شامل حروف ماشين تحرير است را ايجاد مي کند.
<var>	يک متن که شامل متغيرهاي رايانه ايست را ايجاد مي کند.
<pre>	يک متن با قالببندي از پيش تعيين شده را ايجاد مي کند.

جدول برچسب هاي نقل قول، اختصار، تعريف

برچسب ابتدايي	کاربرد
<abbr>	يک کلمه اختصاري را ايجاد مي کند.
<acronym>	يک کلمه متشکل از حروف اول چند کلمه را ايجاد مي کند.
<address>	يک عنصر آدرس را ايجاد مي کند.
<bdo>	جهت متن را تعيين مي کند.
<blockquote>	يک نقل قول طولاني را ايجاد مي کند.
<q>	يک نقل قول کوتاه را ايجاد مي کند.
<cite>	يک نقل قول را ايجاد مي کند.
<dfn>	يک متن توصيفي را ايجاد مي کند.

مثال زير به شما نشان مي دهد که چگونه مي توانيد يک متن را در يک فايل HTML قالب بندي کنيد.

• مثال زير به شما نشان مي دهد که چگونه مي توانيد يک متن خط خورده و يک متن زير خط دار را در يک فايل HTML قالب بندي کنيد.

• مثال زير نشان مي دهد که برچسبهاي مختلف خروجي رايانه چگونه نمايش داده مي شوند.

• مثال زير نشان مي دهد که چگونه مي توان فاصله ها و شکست خطوط را با برچسب <pre> از قبل تنظيم کرد.

• از دو برچسب استفاده شده در مثال زير هنگامي استفاده مي شود که بخواهيم کلمه اي را به صورت اختصاري در متن استفاده کنيم؛ همچنين کاربر اين امکان را داشته باشد که با بردن ماوس بر روي کلمه اختصاري و نگه داشتن ماوس بر روي آن براي چند لحظه، کلمات کاملي را کلمه اختصاري از آنها نشات گرفته است را در يک کادر کوچک زرد رنگ ببيند.

• مثال زير نشان مي دهد که آدرس را در يک فايل HTML چگونه بنويسيم.

• مثال زير طريقه استفاده از برچسب <bdo> را نشان مي دهد. همان گونه که مشاهده مي کنيد اين برچسب مي تواند جهت نمايش متن را تغيير دهد مثلا حروف از راست به چپ نوشته شوند يا بر عکس.

• توسط برچسب <blockquote> مرورگر يک خط خالي قبل و بعد از نقل قول قرار مي دهد وهمچنين حاشيه اي براي آن در نظر مي گيرد. اما <q> کار خاصي روي متن انجام نمي دهد و فقط براي شما به عنوان سازنده فايل HTML مشخص مي کند که عبارت داخل آن يک نقل قول است.

• مثال زير جمله اي از کتابي خاص و يک جمله تعريفي را به نمايش مي گذارد.

همانطور که در مثالهاي فوق مي بينيد خروجي بعضي از بر چسبها کاملا مثل هم است و بعضي کار خاصي را انجام نمي دهند. در اين موارد گاهي هدف از استفاده اين برچسبها تنها مشخص کردن نوع متن براي نويسنده فايل HTML مي باشد. به هر حال استفاده از قالبندي هاي فوق به سليقه نويسنده فايل HTML است و ضرورتي ندارد که حتما از موارد فوق دقيقا بر اساس کاربرد استفاده شود.
ادامه دارد ......
ارسال مقاله توسط عضو محترم سايت با نام کاربري : davidfattahi
/س