گروه مقاله : HTML 4
تاريخ انتشار : 1390/06/08 - 15:15
كد :5
کار کردن با فونتها و رنگ و اندازه آنها
فرض کنید می خواهید رنگ و اندازه متنی را همراه با هم تغییر دهید. برای این کار می توانید از دو تگ استفاده کنید. اما به خاطر داشته باشید که هر دو را ببندید.
در این قسمت از درس به سراغ کار با فونتها و اندازه آنها می رویم.
اندازه فونت را می توان با دستور زیر تعیین کرد:
<font size="x">متنی که می خواهیم اندازه آنرا تعیینکنیم</font>
به جای «x» عددی با علامت منفی یا مثبت قرار می گیرد. وقتی که می خواهیم یک متن بزرگتر دیده شود از علامت مثبت و زمانی که می خواهیم متن کوچکتر شود از علامت منفی استفاده می کنیم. به مثال زیر توجه کنید:
<font size="+2">این متن بزرگتر دیده میشود</font>
این هم نتیجه تغییر سایز فونت:
این متن بزرگتر دیده می شود
برای کوچکتر کردن متن نیز به همین صورت عمل می کنیم:
<font size="-2">این متن کوچکتر دیده میشود</font>
این هم متن کوچک شده:
این متن کوچکتر دیده می شود
این هم تعدادی مثال برای درک بهتر مطالب:
<font size="+4">این متن با اندازه 4 نوشته شدهاست</font>
این متن با اندازه 4 نوشته شده است
<font size="+3">این متن با اندازه 3 نوشته شدهاست</font>
این متن با اندازه 3 نوشته شده است
<font size="+2">این متن با اندازه 2 نوشته شدهاست</font>
این متن با اندازه 2 نوشته شده است
<font size="+1">این متن با اندازه 1 نوشته شدهاست</font>
این متن با اندازه 1 نوشته شده است
<font size="-1">این متن با اندازه 1- نوشته شدهاست</font>
این متن با اندازه 1- نوشته شده است
<font size="-2">این متن با اندازه 2- نوشته شدهاست</font>
این متن با اندازه 2- نوشته شده است
<font size="-3">این متن با اندازه 3- نوشته شدهاست</font>
این متن با اندازه 3- نوشته شده است
برای تغییر رنگ متنها نیز می توانیم به روش زیر عمل کنیم، با این فرمان :
<font color="زنگ مورد نظر">
می توانیم رنگ مورد نظر خود را با نام انگلیسی آن در فرمان بالا قرار دهیم یا از معادل هگزا دسیمال رنگ به جای اسم رنگ استفاده کنیم.
برای شروع با اسم رنگ شروع می کنیم:
<font color="red">متن مورد نظر</font>
متن نهایی:
متن مورد نظر
حالا از معادل هگزا دسیمال رنگ قرمز به جای نام رنگ استفاده می کنیم. البته استفاده از اسم رنگها ساده تر است اما شما ممکن است بخواهید از رنگهای پیچیده تری استفاده کنید.در مورد رنگ قرمز باید به این صورت عمل کنیم:
<font color="#ff0000">متن مورد نظر</font>
در اینجا نتیجه با مثال قبلی یکسان است:
متن مورد نظر
معادل هگزا دسیمال رنگها را باید با علامت # شروع کرد و بعد از این علامت شش حرف یا عدد دیگر قرار می گیرد. برای رنگ قرمز بعد از علامت # دو Fو چهار صفر قرار می گیرد.
نظرات كاربران :
لطفاً نظر خود را وارد نمائيد