index   E-mail to me   Google

HTML FONTS

    


با وجوديکه هنوز بعضی از اچتمل کاران از تگ <font> برای تعيين نام و نوع قلم، رنگ و اندازه متون استفاده ميکنند ولی در استاندارد جديد اچتمل (نسخه 4) و همچنين XHTML از تگ <font> پشتيباني نميشود و استفاده از Style Sheet ها به عنوان جايگزين معرفی شده است.


تگ <font>

در نسخه های 3.2 و قبلی تر زبان اچتمل از تگ <font> برای تعيين نام قلم، رنگ و اندازه متون استفاده ميشود. در اين تگ شناسه face نام قلم ، شناسه size انداره قلم و شناسه color معرف رنگ متن خواهد بود. مثالهاي زير کاربرد تگ <font> خدابيامرز را نشان ميدهند:

کد اچتمل

نمايش کد روبرو توسط مرورگر

<p>
<font size="2" face="Verdana">
This is a paragraph.
</font>
</p>

This is a paragraph.

<p dir="rtl">
<font size="1" face="Times" color="#FF9900">
متنی با قلم Times و اندازه 1 و رنگ FF9900
</font>
</p>

متنی با قلم Times و اندازه 1 و رنگ FF9900

<p dir="rtl">
<font size="2" face="Tahoma" color="red">
اين متنی با قلم Tahoma و اندازه 2 و رنگ قرمز 
</font>
</p>

متنی با قلم Tahoma و اندازه 2 و رنگ قرمز

شناسه های تگ <font>

Attribute

Example

کاربرد

size="number"

size="2"

تعيين اندازه قلم

size="+number"

size="+1"

افزايش اندازه قلم

size="-number"

size="-1"

کاهش اندازه قلم

face="face-name"

face="Times"

تعيين نام قلم

color="color-value"

color="#eeff00"

تعيين رنگ قلم

color="color-name"

color="red"

تعيين رنگ قلم


*** بيان مختصر عملکرد تگ <font> در اين دروس فقط جهت اطلاع بوده و استفاده از آنها در طراحی صفحات اچتمل توصيه نميشود.


ديگر از تگ <font> استفاده نکنيد!

تگ <font> از رده خارج محسوب ميشود و کنسرسيوم جهانی تعيين استانداردهای وب (World Wide Web Consortium, W3C) اين تگ را از مجموعه تگهای استاندارد اچتمل کنار گذاشته است و اکيدا توصيه ميشود که از Style Sheet ها برای تعريف هر گونه خواص نمايشي و آرايشي (layout & Presentation) المانها در اچتمل استفاده شود.


روش صحيح تعيين نام قلم، اندازه و رنگ متون با کمک Style Sheet ها:

هر چند که مبحث و کلاسهای درس Style Sheet ها در "مدرسه وب" در دست تهيه بوده و اميدواريم که بزودی ارائه شوند ولی تا قبل از آن استفاده از شناسه ای به نام style در بسياری از المانها کار گشا خواهد بود. مثالهای ساده زير نحوه تعيين نام قلم، اندازه و رنگ متون را با کمک شناسه style به نمايش خواهند گذاشت:


تگ <span>
تگ <span> سبب تعريف محدوده و گستره ای مشخص ميشود. تمامی المان هائی که درون تگهای <span> و <span/> قرار خواهند گرفت خواص آنرا به ارث خواهند برد، خواصی از قبيل استيل (Style) و يا سمت و جهت نمايش متون(dir).
بر خلاف تگ های <p> و <div> مرورگرها هيچ سطر جديدی به اول يا آخر المان <span> اضافه نمی کنند.

مثال:

کد اچتمل

نمايش کد روبرو توسط مرورگر

<p>Some text <span style="color:#0000AF;">another text</span> again text...</p>

Some text another text again text...

id, class, title, style, dir, lang

شناسه های استاندارد المان span

مثالهائی از نحوه استفاده از المان span و Style sheet ها:

روش قديمي

روش صحيح

<font color="#FF00FF">Hello!</font>

<span style="color:#FF00FF">Hello!</span>

<font color="rgb(255,0,255)">Hello!</font>

<span style="color:rgb(255,0,255)">Hello!</span>

<font style="color:Fuchsia">Hello!</font>

<span style="color:Fuchsia">Hello!</span>

<font color="#FF00FF" size="3">Hello!</font>

<span style="color:#FF00FF;font-size:100%">Hello!</span>


تگ <div>
تگ <div> سبب تعريف محدوده و گستره ای مشخص ميشود. تمامی المان هائی که درون تگهای <div> و <div/> قرار خواهند گرفت خواص آنرا به ارث خواهند برد، خواصی از قبيل استيل (Style) و يا سمت و جهت نمايش متون(dir).
بر خلاف تگ <span> مرورگرها يک سطر جديد به اول و آخر المان <div> اضافه می کنند.

مثال:

کد اچتمل

نمايش کد روبرو توسط مرورگر

<p>Some text <div style="color:#0000AF;">another text</div> again text...</p>

Some text

another text

again text...

id, class, title, style, dir, lang

شناسه های استاندارد المان div


Start Tag

Purpose

کاربرد

<div>

Defines a division/section in a document

تعريف بخش و ناحيه ای از صفحه اچتمل

<span>

Defines a section in a document

تعريف بخش و ناحيه ای از صفحه اچتمل


    

 

 

Top page

Backup_ID.htm Best_Google_Search.htm Chat_Rome_Full.htm Firewall1.htm Firewall2.htm Help_Google_For_You.htm Html.htm* Metateg.htm Page_Rank_In_Google.htm Ranking_Internet.htm Search.htm Service_Google.htm Technical_Search.htm Web_Log_1&2.htm Web_Log_3&4.htm Web_Log_5&6.htm Buy_Computer.htm Buy_Mobail.htm Buy_Printers.htm Corner_Timer.htm Dictionary_Computer.htm Media_Pic.htm NTFS.htm Partition_Magic1.htm Partition_Magic2.htm Short_Key_IE.htm Short_Key_Win_Xp.htm Short_Key_Winamp.htm Show_Desktop.htm Sound_Card.htm System_Restore.htm Technologist_Win_XP.htm Introduction.htm Web_HTML.htm Elements.htm Tags.htm Farsi.htm Formatting.htm Characters.htm Links.htm Tables.htm Frames.htm** Lists.htm Forms.htm Images.htm Background.htm Fonts.htm Style_Sheet.htm Ex_Frames_1.htm Ex_Frames_2.htm