کار کردن با فونتها و رنگ و اندازه آنها

در این قسمت از درس به سراغ کار با فونتها و اندازه آنها می رویم.

اندازه فونت را می توان با دستور زیر تعیین کرد:

<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 و چهار صفر قرار می گیرد.

اگر می خواهید معادل هگزادسیمال رنگها را به دست آورید اینجا را کلیک کنید.

فرض کنید می خواهید رنگ و اندازه متنی را همراه با هم تغییر دهید. برای این کار می توانید از دو تگ <font> استفاده کنید. اما به خاطر داشته باشید که هر دو را ببندید. مانند زیر:

<font size="+2"><font color="gold">متن بزرگ و طلایی</font></font>

متن بزرگ و طلایی

همچنین می توانید از شناسه های size و color در یک تگ <font> استفاده کنید. مانند زیر:

<font size="+2" color="gold">متن بزرگ و طلایی</font>

 متن بزرگ و طلایی

شما می توانید رنگ فونت را در تگ body تعریف کنید که بعداً به آن می پردازیم.


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

موفق باشی.
 
نویسنده : Mahdi
دمت گرم.انشالله هميشه موفق باشي
 
نویسنده : Hamid
خیلی کارت درسته همیشه موفق باشی
 
نویسنده : محمد
سلام ، واقعا ممنون از این همه اطلاعات که در اختیار همه میذاری
به بلاگ منم سر بزن
منتظرتم ، اگه قابل بدونی دوست دارم باهات همکاری کنم
 
نویسنده : حمید رضا فهیمی
خیلی عالی
واقعا اگه همه مثل شما بودند واطلاعات خود را در اختیار همه قرار می دادند دنیا گلستان می شد .
 
نویسنده : بهمن خسروی خرم آبادی
آفریت بر فرزندان کوروش و داریوش و پیروان علی (ع) .

ای ول
 
نویسنده : تارا
کسیکه وجدان داشته باشه دلش نمی یاد تشکر نکرده بره
منم مثل همه دوستانم از صمیم قلب از شما تشکر می کنم
امروز اولین روزیکه دامین گرفتم و دلم میخواد خودم سایتم رو طراحیش کنم
مطالب شما به من قوت قلب داد
پس یه  دنیا ممنون
 
نویسنده : کیوان معینی
ممنونم دوست عزیز

کسی می تواند بگوید که چیز سختی را یاد گرفته که بتواند آن را ساده بیان کند  (انیشتن)
 
نویسنده : عرشیا
بسیار عالی است ممنون
 
نویسنده : ممى رييس علي
سلام مرسي جالبه
 
نویسنده : هنگامه
سلام ميخام بدونم براي فارسي شدن برناممون چيكار كنيم؟
 
نویسنده : حسن
♥  ye  eshkal to ghesat ingara klik konid hast va man fekr mikonam in moshkel az shomast lotfan barrasi konid♥
 
نویسنده : rokhy
از تهِ دل ممنونم.با آرزوی شادی و خوشبختی و موفقیت برای شما.بازم ممنون
 
نویسنده : kiarash
be molla  aliye   kheyli bahalid ke etelaate ziyadetoono daste hame midin      mamnooooooooooooooooooooooooooooooooooooooooooooon
 
نویسنده : ALI
با سلام
واقعا دستت درد نکنه . سایت آموزشی بسیار مفیدی داری.

با تشکر فراوان
 
نویسنده : محمد
خيلي خوشم اومد خيلي كمك مي كنه
 
نویسنده : رسول
سلام :
واقعا خسته نباشيد.
دمتون گرم.
خدا قوت بده.
ممنون
 
نویسنده : امین
ایول بابا!!!!!!!!!!!!!!!!!!!!!!1
 
نویسنده : black rose
سايتت فوق العادست
واقعا میگم.
 
نویسنده : صدیقه رضایی
سلام بسیار سایت مفیدی دارید  ممنونم
 
نویسنده : هادي محمدي
سلام.
خیلی مطالب عالی و کارا بودند.
خیلی کمکم کردید.
مرسی
پیروز باشید.