بیت بایت

00110111
بیت بایت
طبقه بندی موضوعی

جلسه پنجم آموزش html (فونتها و رنگها)

يكشنبه, ۶ تیر ۱۳۹۵، ۱۱:۰۵ ب.ظ

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



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

کد:
<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>
در اینجا نتیجه با مثال قبلی یکسان است:

متن مورد ن

نظرات  (۲)

ممنون،ولی اکثرا این کارها رو با css انجام میدن.
موفق باشید.
پاسخ:
درسته ولی دونستنش بد نیس

۰۷ تیر ۹۵ ، ۱۸:۳۲ توحید عالی نژاد
عالی

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی