طراحي حرفه اي وب سايت : طراحي وب سايت خود را به گروه فناوري اطلاعات ايران بسپاريد

طراحي وب سايت طراحي حرفه اي وب سايت بهينه سازي وب سايت

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

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

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

<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 نویسنده : تارا
کسیکه وجدان داشته باشه دلش نمی یاد تشکر نکرده بره
منم مثل همه دوستانم از صمیم قلب از شما تشکر می کنم
امروز اولین روزیکه دامین گرفتم و دلم میخواد خودم سایتم رو طراحیش کنم
مطالب شما به من قوت قلب داد
پس یه  دنیا ممنون
 
Fri, 06 Feb 2009 02:40:24 +0330 نویسنده : کیوان معینی
ممنونم دوست عزیز

کسی می تواند بگوید که چیز سختی را یاد گرفته که بتواند آن را ساده بیان کند  (انیشتن)
 
Wed, 26 Nov 2008 14:39:11 +0330 نویسنده : عرشیا
بسیار عالی است ممنون
 
Sun, 19 Oct 2008 18:41:01 +0330 نویسنده : ممى رييس علي
سلام مرسي جالبه
 
Fri, 17 Oct 2008 13:30:08 +0330 نویسنده : هنگامه
سلام ميخام بدونم براي فارسي شدن برناممون چيكار كنيم؟
 
Thu, 07 Aug 2008 23:49:32 +0430 نویسنده : حسن
♥  ye  eshkal to ghesat ingara klik konid hast va man fekr mikonam in moshkel az shomast lotfan barrasi konid♥
 
Thu, 26 Jun 2008 13:13:17 +0430 نویسنده : rokhy
از تهِ دل ممنونم.با آرزوی شادی و خوشبختی و موفقیت برای شما.بازم ممنون
 
Thu, 08 May 2008 22:29:34 +0430 نویسنده : kiarash
be molla  aliye   kheyli bahalid ke etelaate ziyadetoono daste hame midin      mamnooooooooooooooooooooooooooooooooooooooooooooon
 
Wed, 07 May 2008 02:58:51 +0430 نویسنده : ALI
با سلام
واقعا دستت درد نکنه . سایت آموزشی بسیار مفیدی داری.

با تشکر فراوان
 
Tue, 01 Apr 2008 12:24:48 +0330 نویسنده : محمد
خيلي خوشم اومد خيلي كمك مي كنه
 
ساعت: 10:58 - تاریخ: 7 بهمن 1386 نویسنده : رسول
سلام :
واقعا خسته نباشيد.
دمتون گرم.
خدا قوت بده.
ممنون
 
ساعت: 16:01 - تاریخ: 25 دی 1386 نویسنده : امین
ایول بابا!!!!!!!!!!!!!!!!!!!!!!1
 
ساعت: 09:59 - تاریخ: 1386 نویسنده : black rose
سايتت فوق العادست
واقعا میگم.
 
ساعت: 15:31 - تاریخ: 1386 نویسنده : صدیقه رضایی
سلام بسیار سایت مفیدی دارید  ممنونم
 
ساعت: 05:45 - تاریخ: 18 مهر 1386 نویسنده : هادي محمدي
سلام.
خیلی مطالب عالی و کارا بودند.
خیلی کمکم کردید.
مرسی
پیروز باشید.