........... ادامه
برچسب خط افقی
برای
جدا کردن قسمتهايی از متن می توانيد از بر چسب <hr> استفاده کنيد. برای درک مطلب، بهتر است مثال زير را ببينيد.
<html>
<body>
<p>
The hr tag defines a horizontal
rule:
<hr>
This is a paragraph</p>
</body>
</html>
چند نکته مفيد :
·
هنگامی که
متنی را در HTML می نويسيد هرگز نمی توانيد مطمئن
باشيد که متن شما در مرورگرهای ديگر چگونه ديده خواهد شد. چون بعضی از
صفحه نمايشها کوچک و بعضی بزرگ هستند. ضمنا متن شما هرگاه که کاربر اندازه
پنجره خود را تغيير می دهد، شکل جديدی به خود می گيرد. پس هرگز
سعی نکنيد که متن خود را با اضافه کردن خط خالی و يا فاصله بين حروف
مرتب کنيد.
* در HTML هر تعداد فاصله که درکنار هم استفاده کرده ايد
به عنوان يکی حساب می شود. پس از استفاده کردن فاصله های اضافی
در کنار هم خودداری کنيد، چون فقط اندازه فايل HTML خود را زياد می
کنيد.
* هرگز از پاراگراف(<p>) خالی برای قرار دادن فاصله بين خطوط استفاده نکيد و به
جای آن از <br> استفاده کنيد، در ضمن از <br> برای ساختن فهرست استفاده
نکنيد؛ کمی صبر کنيد تا طرز ساختن فهرست ها را در HTML فرا بگيريد.
جدول برچسبهای اساسی
و کاربرد آنها
|
برچسب ابتدايی
|
کاربرد
|
|
<html>
|
يک فايل
HTML را ايجاد می کند.
|
|
<body>
|
بدنه فايل
HTML را ايجاد می کند.
|
|
<h1>-<h6>
|
عنوان با اندازه يک تا شش را ايجاد می کند.
|
|
<p>
|
يک پاراگراف را ايجاد می کند.
|
|
<br>
|
يک شکست در يک خط قرار می دهد.
|
|
<hr>
|
يک خط افقی در متن قرار می دهد.
|
|
<!-->
|
توضيحاتی به فايل
HTML اضافه می کند.
|
قالببندی متن در 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>
<body>
<b>This text is
bold</b>
<br>
<strong>This text is
strong</strong>
<br>
<big>This text is
big</big>
<br>
<em>This text is
emphasized</em>
<br>
<i>This text is
italic</i>
<br>
<small>This text is
small</small>
<br>
This text
contains<sub>subscript</sub>
<br>
This text
contains<sup>superscript</sup>
</body>
</html>
حروف نهادی
در HTML
بعضی
از حروف مانند > مفهوم خاصی برای HTML دارند، بنابراين از آنها
در متن نمی توان استفاده کرد. برای نمايش حروفی مانند > در
متن بايد از حروف نهادی استفاده کرد. يک حرف نهادی از سه بخش اصلی
تشکيل می شود :
&يک نام نهادی;
&#يک عدد نهادی;
مثلا برای
نمايش > در مرورگر بايد به جای نوشتن > در فايل HTML
بايد < يا < را بنويسيم. فايده استفاده
از نام به جای عدد اينست که همواره نام بهتر از عدد در خاطر می ماند؛
و ضرر آن اينست که همه مرورگر ها نام های نهادی را پشتيبانی نمی
کنند ولی اکثر آنها اعداد نهادی را پشتيبانی می کنند. در
ضمن توجه داشته باشيد که نام های نهادی به بزرگی و کوچکی
حروف حساس می باشند. به عنوان مثال اگر بخواهيد عبارت <b>This text is bold</b> در مرورگر نمايش داده شود
بايد به شيوه مثال زير عمل کنيد.
<html>
<body>
<p>
<b>This text is
bold</b>
</p>
</body>
</html>
*نکته
به طور معمول HTML فاصله ها را در متن ناديده می گيرد؛ مثلا
اگر ده فاصله در متن داشته باشيد نه تای آن ناديده گرفته خواهد شد. برای
قرار دادن چندين فاصله در متن بايد از حرف نهادی استفاده کنيد.
حروف نهادی معمول :
نتيجه نام
حرف نام نهادی عدد نهادی
|
نتيجه
|
نام حرف
|
نام نهادی
|
عدد نهادی
|
|
|
non-breaking
space
|
|
 
|
|
<
|
less than
|
<
|
<
|
|
>
|
greater than
|
>
|
>
|
|
&
|
ampersand
|
&
|
&
|
|
"
|
quotation
mark
|
"
|
"
|
|
'
|
apostrophe
|
|
'
|
تعدادی ديگر از
حروف نهادی مورد استفاده :
|
نتيجه
|
نام حرف
|
نام نهادی
|
عدد نهادی
|
|
¡
|
inverted
exclamation mark
|
¡
|
¡
|
|
¢
|
cent
|
¢
|
¢
|
|
£
|
pound
|
£
|
£
|
|
¥
|
yen
|
¥
|
¥
|
|
©
|
copyright
|
©
|
©
|
|
«
|
angle
quotation mark (left)
|
«
|
«
|
|
®
|
registered
trademark
|
®
|
®
|
|
°
|
degree
|
°
|
°
|
|
±
|
plus-or-minus
|
±
|
±
|
|
²
|
superscript 2
|
²
|
²
|
|
³
|
superscript 3
|
³
|
³
|
|
µ
|
micro
|
µ
|
µ
|
|
¹
|
superscript 1
|
¹
|
¹
|
|
»
|
angle quotation
mark (right)
|
»
|
»
|
|
¼
|
fraction 1/4
|
¼
|
¼
|
|
½
|
fraction 1/2
|
½
|
½
|
|
¾
|
fraction 3/4
|
¾
|
¾
|
|
¿
|
inverted
question mark
|
¿
|
¿
|
|
×
|
multiplication
|
×
|
×
|
|
÷
|
division
|
÷
|
÷
|
بازگشت به فهرست
بازگشت به صفحه نخست