فونت ها

فونت ها نقش مهمي در زيبا ساختن و خواناتر كردن وب سايت بازي مي كنند. ظاهرو رنگ فونت به طور كامل بستگي به كامپيوتر و مرورگري دارد كه استفاده مي شود، اما شما مي توانيد از برچسب < font>در HTML براي افزودن استايل، سايز و رنگ به متن خود در وب سايت استفاده كنيد. مي توانيد از يك برچسب< basefont> براي تنظيم تمام متن خود به اندازه، ظاهر و رنگ يكسان استفاده كنيد.
برچسب فونت داراي سه ويژگي به نام هاي size، color و face مي باشد كه فونت شكا را به دلخواه در مي آورد. براي تغيير هركدام از ويژگي هاي فونت در هر زماني در صفحه ي وب خود، به سادگي از برچسب < font> استفاده كنيد. متني كه دنبال مي كند، تغيير يافته با قي مي ماند تا زماني كه شما آن را با < /font> برچسب ببنديد. شما مي توانيد يكي از ويژگي ها يا همه ي ويژگي هاي داخل برچسب < font> را تغيير دهيد.

تنظيم اندازه ي فونت

شما مي توانيد با استفتده از ويژگي size اندازه فونت محتوا را تنظيم كنيد. دامنه ي مقادير قابل قبول از 1 (كوچكترين) تا 7 (بزرگترين) مي باشد. اندازه ي فونت پيش فرض 3 مي باشد.

 مثال:

اگر هيچكدام از فونت هاي ارائه شده نصب نشده باشند، بنابراين فونت پيش فرض Times New Roman نمايش داده خواهد شد.

تنظيم رنگ فونت

شما مي توانيد با استفاده از ويژگي color هر رنگي رابراي فونت تنظيم كنيد. شما مي توانيد رنگ مورد نظر خود را يا با استفاده از نام رنگ و يا با استفاده از كد هگزادسيمال براي آن رنگ تعيين كنيد.

 مثال:

عنصر < basefont>

انتظار مي رود كه عنصر < basefont> يك اندازه، رنگ و ظاهر پيش فرض براي هر بخشي از داكيومنت كه در برچسب < font>قرار نمي گيرند، تنظيم كند. شما مي توانيد از عناصر < font>استفاده كنيد تا تنظيمات < basefont> را انجام دهيد.
برچسب < basefont> همچنين ويژگي هاي رنگ، اندازه و ظاهر را مي گيرد و با دادن مقدار بيشتر از 1+ براي فونت هاي بزرگتر و كمتر از 2- براي فونت هاي كوچكتر، تنظيمات فونت مربوطه را پشتيباني مي كند.

 مثال:

براي مشاهده اين نمونه برروي دوره آموزش طراحي سايت كليك نماييد.

رنگ در html-آموزش html 

رنگهاي HTML

رنگ ها براي دادن يك ظاهر و احساس خوب به وب سايت شما بسيار مهم مي باشند. شما مي توانيد رنگ ها را روي لايه ي صفحه با استفاده از برچسب < body>مشخص كنيد، يا مي توانيد رنگ ها را براي برچسب هاي مجزا با استفاده از ويژگي bgcolor مشخص كنيد.
برچسب< body>داراي ويژگي هاي زير مي باشد كه مي تواند براي تنظيم رنگ هاي مختلف استفاده شود.

• bgcolor رنگي را براي زمينه ي صفحه تنظيم مي كند.
• text رنگي را براي متن تنظيم مي كند.
• alink رنگي را براي لينك هاي فعال يا انتخاب شده تنظيم مي كند.
• link رنگي را براي متن لينك شده تنظيم مي كند.

رنگي را براي لينك هاي بازديد شده تنظيم مي كند- يعني براي متن لينك شده كه روي آن كليك كرده ايد.

روش هاي كدگذاري رنگ HTML

در زير سه روش متفاوت براي تنظيم رنگ در صفحه ي وب خود مشاهده مي كنيد:

• Color names - مي توانيد نام رنگ ها را به طور مستقيم تعيين كنيد، به عنوان مثال سبز، قرمز، آبي و غيره.
• Hex codes - يك كد شش رقمي كه نشان دهنده ي مقدار آبي، قرمز و سبز سازنده ي رنگ، مي باشد.
• Color decimal or percentage values- اين مقدار با استفاده از ويژگي rgb( ) تعيين مي شود.

اكنون اين روش هاي رنگ گذاري را يكي يكي بررسي خواهيم كرد.

رنگ هاي HTML – نام رنگ

مي توانيد براي تنظيم رنگ متن يا زمينه به طور مستقيم از نام رنگ استفاده كنيد. W3C ليستي از 16 رنگ پايه را دارد كه توسط يك اعتباز سنج HTML ارزيابي مي شود، اما نام بيشتر از 200 رنگ مختلف وجود داردكه توسط مرورگرهاي مهم پشتيباني مي شوند.

16 رنگ استاندارد W3C

 مثال:

در اينجا مثال هايي را ميبينيد از تنظيم زمينه ي يك برچسب HTML به وسيله ي نام رنگ.

 

Use different color names for for body and table and see the result.

رنگ هاي HTML – كدهاي Hex

آموزش html css

هگزادسيمال يك نمايش 6 رقمي از يك رنگ مي باشد. دو رقم اول يعني RR نمايانگر رنگ قرمر (Red) مي باشند، دو رقم بعدي (GG) مقدار سبز (green) را نشان مي دهند و آخرين دو رقم (BB) نيز مقدار آبي (blue) را نشان مي دهند.
هر كد هگزادسيمال به وسيله ي يك علامت # دنبال مي شود. در ادامه رنگ هاي مورد استفاده در نشانه گذاري هگزادسيمال را مشاهده مي كنيد.

در زير مثال هايي را مي بينيند از تنظيم زمينه ي يك برچسب HTML به وسيله ي كد رنگ در هگزادسيمال.

Use different color code for for body and table and see the result.

در زير ليستي از 216 رنگ را مشاهده مي كنيد كه تصور مي شود سالم ترين و مستقل ترين رنگ هاي كامپيوتر باشند. اين رنگ ها از كد هگزاي 000000 تا FFFFFF متفاوت مي باشند و توسط همه ي كامپيوترهاي داراي پالت رنگ 256 تايي پشتيباني مي شوند.

 جهت مشاهده رنگ ها برروي دوره آموزش طراحي سايت كليك نماييد 

آموزش طراحي سايت -توضيحات در HTML

آموزش استفاده از comment در html

در اين مقاله آموزش Html مي خواهيم به چگونگي استفاده از comment در html بپردازيم:
كامنت قطعه اي از كد مي باشد كه توسط مرورگرها ناديده گرفته مي شود. افزودن كامنت به كد HTML خود، تمرين خوبي است، به ويژه در داكيومنت هاي پيچيده براي نشان دادن بخش هايي از يك داكيومنت به هركسي كه كد را نگاه مي كند. كامنت ها به شما و ديگران كمك مي كنند تا كد خود را متوجه شويد و قابليت خواندن آن را افزايش مي دهد.
كامنت هاي HTML بين برچسب هاي واقع مي شوند. بنابراين هر محتوايي كه بين اين برچسب ها واقع شود، مثل كامنت با آن رفتار خواهد شد و توسط مرورگرها به طور كامل ناديده گرفته خواهد شد.

 مثال:

  This is document title

Document content goes here.....

اين مثال نتيجه ي زير را بدون نمايش محتواي ارائه شده به عنوان بخشي از كامنت ها، به دنبال دارد.
Document content goes here.....

كامنت هاي معتبردر مقابل كامنت هاي نامعتبر

كامنت ها تودرتو نمي شوند، يعني اينكه يك كامنت نمي تواند در داخل كامنت ديگري قرار بگيرد. خط تيره ي (dash) دوتايي "--" ممكن نيست در داخل يك كامنت ظاهر شود، به جز در مواردي كه بخشي از برچسب closing باشد. شما بايد مطمئن باشيد كه هيچ فضاي خالي در ابتداي رشته ي كامنت وجود ندارد.

 مثال:

در اينجا كامنت ارائه شده يك كامنت معتبر مي باشد و توسط مرورگر پاك مي شود.

  Valid Comment Example

Document content goes here.....

اما خط زير يك كامنت معتبر نيست و توسط مرورگر نمايش داده خواهد شد. اين به اين خاطر است كه فضايي بين حاشه ي چپ پرانتز و علامت تعجب وجود دارد.

 مثال:

    Invalid Comment Example

    < !--   This is not a valid comment -->   

Document content goes here.....

كامنت هاي چندخطي

تاكنون فقط كامنت هاي تك خطي را مشاهده كرديم، اما HTML كامنت هاي چندخطي را نيز پشتيباني مي كند.
شما مي توانيد كامنت هاي چند خطي داشته باشيد با استفاده از برچسب آغازگر --!> و پايان دهنده ي ،--> كه قبل از اولين خط و در پايان آخرين خط قرار ميگيرد.

 مثال:

كامنت هاي شرطي

كامنت هاي شرطي تنها در اينترنت اكسپلورر روي ويندوز كار مي كنند، اما توسط مرورگرهاي ديگر هم ناديده گرفته مي شوند. اين كامنت ها در Internet Explorer 5 به بالاتر پشتيباني مي شوند و مي توانيد از آنها براي دادن دستورات شرطي به ورژن هاي مختلف IE استفاده كنيد.

 مثال:

    Conditional Comments
   

Document content goes here.....

در جايي كه نياز خواهيد داشت يك صفحه ي طراحي متفاوت بر اساس ورژن هاي مختلف اينترنت اكسپلورر به كار بگيريد، به راه حلي نياز خواهيد داشت. در اين مواقع چنين كامنت هاي شرطي مفيد خواهند بود.

استفاده از برچسب كامنت

مرورگرهاي كمي هستند كه استفاده از برچسب را براي كامنت بخشي از كد HTML استفاده مي كنند.

 مثال:

  Using Comment Tag

This is not Internet Explorer.

اگر از IE استفاده مي كنيد، نتيجه ي زير حاصل خواهد شد:

This is Internet Explorer.

اما اگر در حال استفاده از IE نمي باشد، نتيجه ي زير حاصل مي شود.

This is Internet Explorer.

كد اسكريپت كامنت

شما جاوا اسكريپت را در يك آموزش مجزا با HTML ياد خواهيد گرفت. در اينجا بايد دقت كنيد كه اگر در حال استفاده از java script يا vb script در كد html خود هستيد، بنابراين توصيه مي شود كه آن كد اسكريپت را در داخل كامنت هاي مناسب HTML قرار دهيد طوري كه مرورگرهاي قديمي بتوانند به درستي كار كنند.

 مثال:

كامنت صفحات طراحي

گرچه شما HTML را در يك آموزش مجزا با صفحات طراحي فرا ميگيريد، اما در اينجا بايد دقت داشته باشيد كه اگر از CSS در كد HTML خود استفاده مي كنيد، بنابراين توصيه مي شود كه كد صفحه ي طراحي را در داخل كامنت هاي مناسب HTML قرار دهيد، طوريكه مرورگرهاي قديمي بتوانند كار كنند.

 مثال:

 ممكن است بنا به دلايلي كدها كامل نمايش داده نشود جهت مشاهده برروي دوره آموزش طراحي سايت كليك نماييد