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

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

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

<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 تعریف کنید که بعداً به آن می پردازیم.


نظرات بازدید کنندگان
Thu, 11 Jun 2009 19:41:52 +0430 نویسنده : سميه
سايت آمزشي خيلي خوبي دارين بهتون تبريك مي گم
به منم خيلي كمك كرده
 
Mon, 01 Jun 2009 19:06:07 +0430 نویسنده : مهدیه
خییییییییییییییییلیییییی با حال بود زنده باشید
 
Sun, 31 May 2009 23:15:10 +0430 نویسنده : پيمان
من هر صفحه كه جلو مي رم، بيشتر مي فهم كه چقدر لطف بزرگي به پارسي زبانها كردي.
آقا دمت گرم
ايوللللللللللل
 
Tue, 26 May 2009 16:29:14 +0430 نویسنده : علی
دستت درد نکنه.
خدا  عمرت بده خیلی حال کردم ، دمت گرم

موفق باشی.
 
Mon, 11 May 2009 23:03:29 +0430 نویسنده : Mahdi
دمت گرم.انشالله هميشه موفق باشي
 
Mon, 11 May 2009 17:01:35 +0430 نویسنده : Hamid
خیلی کارت درسته همیشه موفق باشی
 
Wed, 25 Mar 2009 01:39:40 +0430 نویسنده : محمد
سلام ، واقعا ممنون از این همه اطلاعات که در اختیار همه میذاری
به بلاگ منم سر بزن
منتظرتم ، اگه قابل بدونی دوست دارم باهات همکاری کنم
 
Fri, 13 Mar 2009 19:53:16 +0330 نویسنده : حمید رضا فهیمی
خیلی عالی
واقعا اگه همه مثل شما بودند واطلاعات خود را در اختیار همه قرار می دادند دنیا گلستان می شد .
 
Fri, 13 Mar 2009 16:12:22 +0330 نویسنده : بهمن خسروی خرم آبادی
آفریت بر فرزندان کوروش و داریوش و پیروان علی (ع) .

ای ول
 
Mon, 09 Mar 2009 19:13:36 +0330 نویسنده : تارا
کسیکه وجدان داشته باشه دلش نمی یاد تشکر نکرده بره
منم مثل همه دوستانم از صمیم قلب از شما تشکر می کنم
امروز اولین روزیکه دامین گرفتم و دلم میخواد خودم سایتم رو طراحیش کنم
مطالب شما به من قوت قلب داد
پس یه  دنیا ممنون