آموزش جامع html - قسمت بيست و سوم - زیبا کردن متن

[TAHA]

شما می توانید رنگ و سایز و نوع متن را در HTML تغییر دهید.
اما صبر کنید شما می توانید انواعی از متنهای بالانویس و پایین نویس برای مطالب خنده دار یا ریاضی و شیمی اضافه کنید .
Co2+H2SO4

اهداف این درس

1- عوض کردن سایز بخش مشخصی از یک متن در یک صفحه
2- عوض کردن رنگ مشخصی از یک متن در یک صفحه
3- ایجاد اندیسهای بالا و پایین
4- مشخص کردن نوع قلم

شروع درس

با HTML و Netscape شما امکانات بیشتری برای ویرایش متن دارید . مخصوصا که می توانید برای فونت خود سایز و رنگ در نظر بگیرید.ویرایش متن می تواند در طرح و نقش صفحه شما تاثیر زیادی داشته باشد اما استفاده بی پروا از آن صفحه ، صفحه شما را دچار تداخل و پارازیت می کند.
شما همچنین می توانید اندیسهای بالا و پایین را برای بیانهای ریاضی و فرمولهای شیمی و پاورقی ها اضافه کنید .
در این درس شما را با اینگونه متن ها آشنا خواهیم کرد و مثالهایی را در این مورد برای شما مطرح خواهیم کرد .

سایز قلم

دستور < font > ....< / font > با Netscape مطرح شد و استفاده می شد برای سایز قلم از 1 تا استفاده می شود 7 از سایز 3 اندازه متن به حالت نرمال در می آید.
http://www.ostadonline.com/IMG/HTM/20.GIF

رنگ فونت

در درس 14 تگهایی را برای رنگی شدن متن و وارد کردن آن در صفحات وب معرفی کردیم شما همچنین می توانید از تگ فونت برای رنگی کردن قسمتی از متن استفاده کنید . با نوشتن کد رنگ در مبنای 16 یا نوشتن نام رنگ
http://www.ostadonline.com/img/htm/rr59.gif
1- سند Index.html را باز کنید .
2- متن آموزش از راه دور را بصورت زیر ویرایش کنید .
http://www.ostadonline.com/img/htm/rr60.gif
3- نتایج را ذخیره و صفحه را مجددا بار گذاری کنید .

تذکر :

صفات size و color در تگ فونت می توانند همجوار باشند .

اندیسهای بالا و پایین


در زمان HTML3 نمی توانستید در صفحه از بیانات ریاضی و فرمولهای شیمی که نیاز به اندیسهای بالا و پایین داشتند استفاده کنید ، اما بعد از آن از این تگ برای گذاشتن اندیس استفاده شد .
تگ HTML عبارت است از :
http://www.ostadonline.com/img/htm/rr61.gif
1- یکی از اسنادی که قبلا ایجاد کردید را باز کنید .
2- تعدادی معادلات شیمی و ریاضی در آن وارد کنید .
مثلا
http://www.ostadonline.com/img/htm/rr62.gif
HTML3.2 شامل توانایی است که نوع قلم را در صفحه مشخص کند . اما ممکن است در همه مرورگرها کارآیی لازم را نداشته باشد .
قالب HTML آن عبارت است از :
http://www.ostadonline.com/img/htm/rr63.gif

اگر مرورگر بازدید کننده از این توانایی تگ فونت پشتیبانی کند و فونتهایی که در این تگ قرار گرفته در کامپیوترخود داشته باشد در این صورت متن به همان صورت در صفحه وب به نمایش در می آید .
اگر شما قصد داشته باشید که از نوع قلم در تگ فونت استفاده کنید باید از قلمی استفاده کنید که استاندارد باشد و یا بیشتر کامپیوترها آن قلم را داشته باشند.
1- سند index.html را در ویرایشگر خود باز کنید .
2- نوشته زیر را بصورت زیر اصلاح کنید .
http://www.ostadonline.com/img/htm/rr64.gif
3- نتایج را ذخیره و صفحه را مجددا بار گذاری کنید .

مروری بر مطالب

1- چگونه اندازه و رنگ قسمتی از متن را در صفحه تغییر می دهید ؟
2- کدام تگهای HTML را می توانید استفاده کنید اگر مرورگر شما از تگ < font > پشتیبانی نکند؟
3- چگونه یک اندیس پایین در HTML ایجاد می کنید ؟
4- چگونه یک توده ای از متن را با فونت مشخص نمایش می دهید ؟

نکات اضافی

تگ < strik > و< strik / > که در HTML در دسترسی قرار گرفته است ممکن است در مرورگر شما کار کند . با این دستور می توانید خطی را بر روی متن ایجاد کنید یعنی متنی که بین دو تگ < Strik > و < Strik /> نوشته شود . در روی آن یک خط کشیده می شود.
در اینجا کلمات ما هرانه ای را برای رنگ متن ذکر می کنیم . در مباحث قبلي شما آموختید که چگونه از تگ < Body > توانائیهای آن برای عوض کردن رنگ زمینه و متن و لینکها استفاده می شود اما اگر برای رنگی شدن قسمتی از متن از تگ < font > استفاده کردیم فقط بر روی رنگ متن های ساده اثر می گذارد و بر روی ابر متنها و اتصالات بی تاثیراست و ممکن است ابر متن ها به طور پیش فرض با خط آبی که در زیر آن گذاشته می شود مشخص گردند.

تمرین

از تمامی تگهای گفته شده در صفحه خود استفاده کنید .