کدام ویژگی تگ فونت به شما امکان می دهد رنگ را تنظیم کنید. فونت (چهره، اندازه و رنگ)، Blockquote و تگ‌های Pre قالب‌بندی متن قدیمی در HTML خالص هستند (بدون استفاده از CSS). با نام آن

< FONT اندازه=… رنگ=... صورت=...> متن FONT>

اندازه- مجموعه ها اندازه فونت، که توسط متن موجود در عنصر FONT استفاده خواهد شد. شما می توانید اندازه قلم مطلق را با تعیین یک عدد صحیح از 1 تا 7 تعیین کنید. برای یک فونت، می توانید نیز تعیین کنید اندازه نسبی، اختصاص دادن ویژگی یک عدد صحیح امضا شده (برای مثال، این می تواند SIZE="+1" یا SIZE="-2" باشد).

رنگ- نشان می دهد رنگ، که این قطعه از متن را برجسته می کند. رنگ ها به عنوان یک مقدار RGB با نماد هگزادسیمال مشخص می شوند، یا یک مقدار نمادین یکی از رنگ های استاندارد انتخاب می شود.

صورت- مجموعه ها نوع فونت، برای مثال FACE=ARIAL.

متن - متن تله تایپ (تک فضا).

متن - سبک با فونت ایتالیک ( مورب).

متن- سبک با پررنگفونت

متن U>- سبک با خط کشیمتن

متن بزرگ>- چاپ متن با فونت افزایش اندازه(بزرگتر از متن اطراف).

متن کوچک>- چاپ متن با فونت کاهش اندازه(کوچکتر از متن اطراف).

متن SUB>- چاپ متن با شیفت رو به پایین ( زیرنویسیا بین خطی).

متن SUP>- چاپ متن با شیفت به بالا ( بالانویسیا بالانویس).

متن اعتصاب>یا < اس> اس> - سبک با خط خطی متن.

تگ های خاص html

برچسب بزنید< نشانی> برای برجسته کردن نویسنده سند و آدرس او (به عنوان مثال، ایمیل) استفاده می شود.

برخی از شخصیت ها هستند شخصیت های کنترلدر HTML و فقط با استفاده از دنباله های ESC به متن اضافه می شوند:

    براکت زاویه چپ "<" - <

    براکت زاویه راست ">" ->

    علامت "&" - &

    دو نقل قول """ - "

تعداد زیادی دنباله ESC برای کاراکترهای خاص وجود دارد، مانند " " برای  و "®" برای . یکی از ویژگی ها جایگزینی کاراکترهای قسمت دوم جدول نمادها (بعد از کاراکتر 127) با دنباله های فرار برای انتقال است. فایل های متنیبا زبان های ملی در کانال های 7 بیتی.

دنباله های ESC حساس به حروف کوچک و بزرگ: نمی توان به جای آن استفاده کرد<.

متداول ترین تگ های استفاده شده در جدول 2 نشان داده شده است.

جدول 1.2 - تگ های اساسی برای طراحی یک سند HTML

صفت

تابع

نسخه= خط

نشان دهنده نسخه HTML است که برای ایجاد این سند استفاده شده است

متن محصور شده در برچسب ها به صورت مورب نمایش داده می شود

تگ HEAD - تگ های شروع و پایان قسمت سر یک سند HTML

برچسب زدنعنوان- تگ های عنوان شروع و پایانHTML-سند

برچسب زدنآ- تگ های شروع و پایان که به شما امکان می دهد یک لینک (ویژگیhref) یا شناسه قطعه (ویژگینام) سرتیترHTML-سند

href= آدرس اینترنتی

نشانی اینترنتی سند هدف هایپرلینک را مشخص می کند (اگر لنگر نام نباشد لازم است)

روش ها= فهرست

فهرستی از روش های نمایش خاص مرورگر را مشخص می کند (با کاما از هم جدا شده اند)

نام = خط

نام شناسه قطعه را مشخص می‌کند (اگر این یک لنگر پیوند فرامتن نباشد، لازم است)

rel= ارتباط

رابطه این سند با سند هدف مشخص می شود

دور = ارتباط

هدف = نام

نام قاب یا پنجره نمایش سند که با پیوند نشان داده شده است را مشخص می کند.

عنوان= خط

نام منبع یکنواخت مستقل از مکان را برای این لینک مشخص می کند

برچسب زدننشانی– متن محصور شده در این تگ ها یک آدرس است

برچسب زدنب– متن محصور شده در این تگ ها به صورت پررنگ نمایش داده می شود

برچسب زدنپایه- پایه نشان داده شده استURLبرای همه اقوامURLدر این سند

صفت

تابع

href= آدرس اینترنتی

URL پایه را مشخص کنید

هدف = نام

پنجره هدف پیش فرض را برای همه پیوندها تنظیم می کند در سند عمدتاً برای تغییر مسیر پیوندها به فریم های دیگر در نظر گرفته شده است. چهار مقدار ویژه وجود دارد: _blank، _parent، _self و _top

برچسب زدنBASEFONT– اندازه فونت را برای متن بعدی مشخص می کند

صفت

تابع

اندازه= معنی

برچسب زدنبزرگ- متن محصور شده در برچسب ها با اندازه فونت بزرگتر نمایش داده می شود

برچسب زدنبدن- برچسب های شروع و پایان بدنه سند

alink= رنگ

رنگ پیوندهای فرامتن فعال در یک سند را تنظیم کنید

پس زمینه = آدرس اینترنتی

URL تصویر پس زمینه را مشخص می کند

bgcolor= رنگ

رنگ پس زمینه سند را تنظیم کنید

bgproperties= معنی

اگر معنیبرابر ثابت است، از پیمایش تصویر پس زمینه همراه با محتوای سند جلوگیری می کند (I.E.2 و بالاتر)

حاشیه چپ = میانگین nنه

اندازه (بر حسب پیکسل) حاشیه سمت چپ سند را تنظیم کنید (I.E.2 و بالاتر)

لینک= رنگ

تنظیم رنگ پیوندهای فرامتن «بازدید نشده» در یک سند

متن= رنگ

رنگ متن معمولی را در یک سند تنظیم کنید

topmargin= معنی

اندازه حاشیه بالای سند را (بر حسب پیکسل) تنظیم کنید (I.E.2 و بالاتر)

vlink= رنگ

تنظیم رنگ پیوندهای "بازدید شده" در یک سند

برچسب زدنBR- جریان متن فعلی را بشکنید و آن را از ابتدای خط بعدی از سر بگیرید

صفت

تابع

"Wrap" شی را تنظیم می کند که مکان آن با مقدار این ویژگی (چپ، راست یا همه) نشان داده می شود. هنگامی که روی یک خط جدید قرار می‌دهید، متن به گونه‌ای قرار می‌گیرد که شیء قابل مشاهده باشد

برچسب زدنمرکز– قرار دادن متن محصور در تگ ها در مرکز

برچسب زدننقل قول- متن محصور شده در برچسب ها یک نقل قول است

برچسب زدناظهار نظر- نظر در متن سند. نظرات در هر مرورگری قابل مشاهده خواهد بود. برای همه مرورگرها، نظر به صورت نمایش داده می شود

برچسب زدنDD- قسمت توصیفی را برای عنصر تنظیم می کند فهرست تعاریف

برچسب زدنDFN- متن محصور شده در برچسب ها به عنوان یک تعریف قالب بندی می شود

برچسب زدنD.L.- ایجاد لیستی از تعاریف حاوی برچسب ها< dt> و< DD>

برچسب زدنD.T.- یک بخش توصیفی-شرطی برای عنصری از فهرست تعاریف مشخص شده است

برچسب زدنEMBED– تگ های شروع و پایان که به شما امکان می دهد شی جاسازی شده در سند را توصیف کنید. بسته به نوع شی جاسازی شده، ممکن است علاوه بر مواردی که در زیر نشان داده شده است، پارامترهای دیگری نیز لحاظ شود.

صفت

تابع

URL شی جاسازی شده را مشخص می کند. این ویژگی مورد نیاز است

ارتفاع= n

ارتفاع منطقه ای را که شی داخلی اشغال خواهد کرد را مشخص می کند

نام = نام

نام شی جاسازی شده را مشخص می کند

عرض منطقه ای را که شی داخلی اشغال خواهد کرد را مشخص می کند

برچسب زدنFONT- تنظیم اندازه، رنگ یا نوع نوشتار محصور در برچسب ها

صفت

تابع

رنگ متن محصور شده در برچسب ها را تنظیم کنید

چهره = لیست

نوع نوشتار برچسب‌گذاری شده را تنظیم می‌کند (اولین نام فونت فهرست شده در لیست جدا شده با کاما را تنظیم می‌کند)

اندازه= معنی

اندازه فونت پایه را تنظیم کنید. محدوده - از 1 تا 7

برچسب زدنHn- متن محصور شده در برچسب ها نشان دهنده عنوان سطح استn. مقادیر ممکنn- از 1 تا 6

صفت

تابع

تراز = نوع

نحوه تراز کردن عنوان را مشخص می‌کند: چپ (پیش‌فرض)، مرکز، یا راست (راست)

برچسب زدنمنابع انسانی- جریان متن فعلی را بشکنید. یک خط کش افقی در نقطه شکست قرار می گیرد.

صفت

تابع

تراز = نوع

نحوه تراز شدن خط کش را مشخص می کند: چپ، مرکز (پیش فرض)، یا راست

هنگام نمایش خط کش از سایه های حجمی استفاده نکنید

تنظیم ضخامت خط کش به تعداد صحیح پیکسل

عرض= معنی

برچسب زدنمن- متن محصور شده در برچسب ها به صورت مورب نمایش داده می شود

برچسب زدنIMG- یک تصویر در جریان متن فعلی درج می شود

صفت

تابع

alt= متن

متن جایگزین را برای مرورگرهایی که تصاویر را پشتیبانی نمی کنند تنظیم می کند

مرز= n

ضخامت (بر حسب پیکسل) حاشیه تصاویر موجود در لینک ها را تنظیم کنید

افزودن کنترل‌های پخش برای کلیپ‌های ویدیویی تعبیه‌شده (I.E.2 و بالاتر)

Dynasrc= آدرس اینترنتی

تنظیمURL-آدرس کلیپ تصویری( I.E. 2 و بالاتر)

ارتفاع= n

ارتفاع تصویر را بر حسب پیکسل تنظیم می کند

Hspace= n

محل قرارگیری نواحی فضای آزاد را در سمت چپ و راست تصویر با عرض تنظیم می کند nپیکسل

نشان می دهد که هنگام استفاده از این تگ در یک تگ تصویر با استفاده از ماوس انتخاب می شود

حلقه = معنی

تعداد تکرارهای پخش ویدیو را تنظیم کنید. معنیمی تواند یک عدد صحیح یا بی نهایت باشد (I.E.2 و بالاتر)

Lowsrc= آدرس اینترنتی

با یک تصویر با وضوح پایین مشخص شده است که مرورگر باید ابتدا بارگیری کند. پس از آن تصویر مشخص شده توسط ویژگی دنبال می شود (I.E.2 و بالاتر)

نشانی اینترنتی منبع تصویری که قرار است پخش شود را مشخص می کند. این ویژگی مورد نیاز است

شروع= شروع کنید

زمان پخش کلیپ ویدیویی را مشخص می‌کند (گزینه‌ها: باز کردن فایل یا ماوس)

Usemap= آدرس اینترنتی

ناحیه ای از تصویر را که به حرکت ماوس حساس است مشخص می کند

Vspace= n

محل قرارگیری مناطق npixel فضای آزاد در بالا و پایین تصویر را مشخص می کند

عرض تصویر را بر حسب پیکسل مشخص می کند

برچسب زدنKBD- متن محصور شده در برچسب ها کاراکتر به کاراکتر وارد می شود (مانند تایپ از صفحه کلید)

برچسب زدنارتباط دادن- در عنوان (< سر >) سند با پیوند از تعیین می شود از این سندبه سند دیگری

صفت

تابع

href= آدرس اینترنتی

روش ها= فهرست

بسته به مرورگر، فهرستی از روش‌های نمایش را برای این پیوند تنظیم می‌کند (با کاما از هم جدا شده‌اند)

rel= ارتباط

رابطه این سند با سند هدف مشخص می شود. برای اینترنت اکسپلورر 3.0، rel=style به معنای وجود یک شیوه نامه خارجی است

دور = ارتباط

مشخص بازخوردسند هدف با داده ها

نشانی اینترنتی شیوه نامه خارجی که برای قالب بندی سند استفاده می شود را مشخص می کند ( I.E.2 و بالاتر)

عنوان= خط

عنوان سند هدف را تنظیم می کند

نوع= متن/css

یک نام منبع جهانی برای سند هدف، مستقل از مکان آن مشخص شده است

برچسب زدننقشه- ناحیه تصویر حساس به حرکت ماوس تعیین می شود

صفت

تابع

نام = خط

نام این منطقه را مشخص می کند. این ویژگی مورد نیاز است

برچسب زدنNOBR- شکستن در متن محصور شده در برچسب ها مجاز نیست

برچسب زدنپ– تگ های شروع و پایان پاراگراف

تراز = نوع

نحوه تراز کردن متن در یک پاراگراف را تنظیم می کند: چپ، مرکز یا راست

برچسب زدنPLAINTEXT- مشخص می کند که بقیه سند باید پردازش نشده، به عنوان متن از پیش قالب بندی شده نمایش داده شود

برچسب زدنPRE– متن محصور شده در تگ ها به این صورت نمایش داده می شود. چگونه از پیش قالب بندی شده بود، بدون پردازش، با خطوط دقیق و فاصله

مرورگر متن را طوری قرار می دهد که (در صورت امکان) n کاراکتر روی خط قرار گیرد

برچسب زدناس

برچسب زدنSAMP- متن محصور شده در برچسب ها یک الگو است

برچسب زدنکم اهمیت- متن محصور شده در برچسب ها با فونت نمایش داده می شود سایز کوچکتر

برچسب زدنSPACER- یک جداکننده در سند وارد کنید(فقطن3)

نوع= نوع

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

عرض جداکننده افقی یا ارتفاع جداکننده عمودی (بر حسب پیکسل) را مشخص می کند

عرض جداکننده بلوک را مشخص می کند

ارتفاع= n

ارتفاع جداکننده بلوک را مشخص می کند

تراز = معنی

مشخص می کند که چگونه جداکننده بلوک نسبت به متن اطراف تراز شود.

برچسب زدنطول- متن محصور شده در برچسب ها با استفاده از یک شیوه نامه قالب بندی می شود(فقطI.E.3 و بالاتر)

صفت

تابع

سبک= عناصر

عناصر برگه سبک برای متن در یک فاصله مشخص مشخص می شوند

برچسب زدنضربه- متن محصور شده در برچسب ها با خط خطی نمایش داده می شود خط افقی

برچسب زدنزیر- متن محصور شده در برچسب ها به عنوان یک زیرنویس نمایش داده می شود

برچسب زدنSUP– متن محصور شده در تگ ها به عنوان بالانویس نمایش داده می شود

برچسب زدنTT- متن محصور شده در برچسب ها با فونت monospace نمایش داده می شود

برچسب زدنVAR– متن محصور شده در تگ ها نشان دهنده نام متغیر است

در این آموزش به آخرین ویژگی تگ خواهیم پرداخت ، که رنگ متن را تعیین می کند. به طور پیش فرض، متن سیاه است که در پس زمینه سفید نمایش داده می شود. به منظور. واسه اینکه. برای اینکه تغییر رنگ متن در html، باید ویژگی رنگ تگ را اعمال کنید :

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

<span>درس 6. تغییر رنگ متن</span>

متن سبز

متن قرمز

متن بنفش

بیایید نتیجه را در مرورگر ببینیم:

متن پاراگراف اول سبز، پاراگراف دوم قرمز و پاراگراف سوم بنفش شد. در مجموع 16 نام رنگ اصلی و 130 نام اضافی وجود دارد. لیست کاملمی توانید رنگ ها را در جدول رنگ html مشاهده کنید.

این روش برای نشان دادن رنگ بسیار ساده، اما بسیار محدود است. بنابراین، برای تغییر رنگ در کد HTML، آنها اغلب از یک عدد هگزادسیمال که قبل از یک علامت هش (#) استفاده می کنند، به عنوان مثال:

با استفاده از این نام می توانید بیش از 16 میلیون رنگ و سایه آنها را دریافت کنید! کد رنگ را می توانید با استفاده از کد رنگی که در سایت موجود است یا با استفاده از پالت رنگ در همان فتوشاپ دریافت کنید. بیایید به یک مثال نگاه کنیم و کد زیر را بنویسیم:

<span>درس 6. تغییر رنگ متن</span>

متن سبز

متن قرمز

متن بنفش

بیایید فایل را ذخیره کنیم و به نتیجه نگاه کنیم:

همانطور که می بینید، متن را روی همان رنگ های مثال اول قرار دادیم، فقط در اینجا از سیستم اعداد هگزادسیمال استفاده کردیم یا به عبارتی رنگ را با فرمت HEX تنظیم کردیم.

اکنون یاد گرفته اید که چگونه رنگ متن را در html تغییر دهید و در پایان درس پیشنهاد می کنم تمام ویژگی های برچسب را تکرار کنید. و چندین پارامتر را به طور همزمان برای متن تنظیم کنید، یعنی: فونت، اندازه و رنگ. یک مثال را بنویسید:

<span>چندین پارامتر به متن می دهیم</span>

فونت، اندازه و رنگ متن را تنظیم کنید

فونت، اندازه و رنگ متن را تنظیم کنید

علاوه بر استفاده از اندازه‌ها و سبک‌های فونت استاندارد (تایپ‌فیس)، می‌توانید با استفاده از تگ‌های خاص، فونت‌هایی را برای هر قطعه متن تعریف کنید. ساده ترین راه استفاده از به اصطلاح است سبک های فیزیکی:

برای هر تگ سبک فیزیکی، یک تگ بسته مربوطه وجود دارد که کاربرد بیشتر سبک را غیرفعال می کند. به عنوان مثال، برای برچسب برچسب بسته شدن است.
در زیر یک نمونه برنامه و ظاهرسبک های مختلف بدنی:


<НЕАD><ТIТLЕ>سبک های بدنی

<В>پررنگ
حروف کج
استرس گرفت
خط کشیده شده است
<ТТ>ماشین تحریر
<ВХ1>کج با حروف درشت
<ВХ1><и>با خط مورب پررنگ زیر خط کشیده شده است


برنج. 649. سبک های بدنی

شما می توانید یک تگ سبک فیزیکی را در داخل تگ عنوان وارد کنید تا کل عنوان یا فقط بخشی از آن را تغییر دهید. به عنوان مثال، برای ایتالیک کردن بخشی از متن تعریف شده به عنوان عنوان، می توانید از ساختار زیر استفاده کنید:


<НЕАD><ТIТLЕ>سبک های فیزیکی و منطقی

<Н2>این - اصلاح شدههدر سطح 2

برنج. 650. تغییر سبک فونت بخشی از عنوان

استفاده از تگ مخصوص می توانید فونت را برای تصاویر متنی سفارشی کنید: نوع، اندازه و رنگ را تنظیم کنید. اول از همه، می توانید اندازه فونت اصلی را که در سند استفاده می شود به طور پیش فرض تعیین کنید. تگ فونت اصلی دارای فرمت است . اندازه فونت اصلی را می توان از 1 تا 7 تنظیم کرد. اگر از این برچسب استفاده نمی کنید، اندازه فونت اصلی پیش فرض روی 3 تنظیم می شود.
برچسب زدن اندازه فونت فعلی را برای تک تک قطعات متن تنظیم می کند. این برچسب روی استایل ها تاثیری ندارد. محدوده مقادیر ممکن از 1 تا 7 است. این تگ همچنین به شما امکان می دهد اندازه فونت فعلی را نسبت به قلم اصلی کنترل کنید. برای این کار، از علامت + (برای افزایش) و نماد - (برای کاهش) اندازه فونت به مقدار مشخص استفاده کنید. به عنوان مثال، اگر اندازه فونت بدنه روی 3 تنظیم شده باشد، تگ اندازه فونت فعلی را روی 5 تنظیم می کند.
برای تنظیم نوع فونت، از تگ استفاده کنید . مثلا:

اگر این برچسب در سند شما استفاده نمی شود، مرورگر از فونت تنظیم شده در اولویت خود استفاده می کند. بنابراین، متن روی صفحه کاربر ممکن است کاملاً متفاوت از تصور شما باشد. همچنین باید در نظر داشته باشید که اگر فونتی که تعیین می کنید بر روی رایانه کاربر نصب نباشد، مرورگر متنی را با فونت پیش فرض نمایش می دهد.
شما می توانید در تگ فهرستی از فونت ها را نشان می دهد که با کاما از هم جدا شده اند. در این حالت مرورگر از اولین فونت یافت شده استفاده می کند. به عنوان مثال، می توانید یک برچسب بنویسید:

FACE="Arial, Sans Serif, Courier">

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

آرگومان مشخصه COLOR یک نمایش هگزادسیمال از کد رنگ (اجزای قرمز، سبز و آبی، با نام مستعار اجزای RGB) است. برنامه زیر مدیریت فونت را نشان می دهد:


<НЕАD><ТIТLЕ>نصب فونت

<Р>فونت آریا ABVGDEZZHIK
<Р>فونت پیک ABVGDEZZHIK
<Р>فونت SYMBOL ABVGDEZZHIK


برنج. 651. استفاده از فونت های مختلف

توجه داشته باشید که در تگ می توانید از برخی یا همه ویژگی های ممکن آن استفاده کنید. مثلا:

که در فرمول های ریاضیو همچنین برای پانوشت ها، اغلب از شاخص هایی استفاده می شود که از نظر موقعیت (کمی بالاتر یا پایین تر) و اندازه با متن اصلی متفاوت است. برچسب ها در خدمت این هدف هستند و به ترتیب برای شاخص های بالا و پایین.


<НЕАD><Т1ТLЕ>شاخص ها/HEAD>

<НЗ>نمونه ای از استفاده از شاخص ها
<Р>(5+x 2)x+3

آ 1+ الف 2+ الف 3
<Р>پانویسها و منابع 2


برنج. 832. استفاده از حروف نویس و زیرنویس

علاوه بر مواردی که در بالا مورد بحث قرار گرفت، برچسب های قالب بندی متن دیگری نیز وجود دارد:

  • - تخصیص آدرس های ایمیل، آدرس های پستیو
    شماره تلفن؛
  • <СIТЕ> - برجسته کردن نقل قول ها؛
  • , - ضبط متون برنامه، ثابت های نمادین.
  • - وارد کردن متون از صفحه کلید

سه سبک آخر از یک فونت تک فاصله (معمولاً Courier) استفاده می کنند. به عنوان مثال، حروف I و Ж در فونت monospace فضای یکسانی را اشغال می کنند. استفاده از فونت های monospace به دلیل سهولت تراز کردن متن با استفاده از کاراکترهای فاصله است.
اجازه دهید به یک نکته دیگر توجه کنیم. تگ های کنترل فونت، مانند تگ های سبک منطقی، می توانند این ویژگی را شامل شوند TITLE = "رشته"، که به شما امکان می دهد یک راهنمای ابزار را به متن داخل این تگ متصل کنید. استدلال صفت عنوانرشته اشاره است. هنگامی که ماوس خود را روی یک کلمه یا عبارت برجسته می‌کنید، یک راهنمای ابزار در کنار نشانگر ظاهر می‌شود. با استفاده از این تکنیک می توانید اختصارات را رمزگشایی کرده و توضیحات و توصیه های تکمیلی را به کاربر ارائه دهید.

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

نحو

متن

برچسب بسته شدن

ضروری.

گزینه ها

color رنگ متن را تنظیم می کند. face نوع فونت را مشخص می کند. اندازه اندازه فونت را در واحدهای معمولی تنظیم می کند.

مثال 1: استفاده از تگ





برچسب FONT


پحرف اول این جمله با فونت Arial نوشته شده و با رنگ قرمز برجسته شده و اندازه آن بزرگ شده است.



شرح پارامترهای برچسب

پارامتر COLOR

شرح

رنگ متن داخل ظرف را تنظیم می کند .

نحو

...

استدلال ها

مقدار رنگ را می توان به دو صورت تنظیم کرد.

1. با نام آن

مرورگرها برخی از رنگ ها را با نام خود پشتیبانی می کنند.

2. با مقدار هگزادسیمال

برای تعیین رنگ ها از اعداد هگزادسیمال استفاده می شود. سیستم هگزادسیمال بر خلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 16 است. اعداد به صورت زیر خواهد بود: 0، 1، 2، 3، 4، 5، 6، 7، 8، 9، A. , B, C , D, E, F. اعداد از 10 تا 15 با حروف لاتین جایگزین می شوند. اعداد بزرگتر از 15 در سیستم هگزادسیمال از ترکیب دو عدد در یک عدد تشکیل می شوند. به عنوان مثال، عدد 255 در اعشار با عدد FF در هگزادسیمال مطابقت دارد. برای جلوگیری از سردرگمی در تعیین سیستم اعداد، نماد هش # در جلوی عدد هگزا دسیمال قرار می گیرد، به عنوان مثال #666999. هر یک از سه رنگ - قرمز، سبز و آبی - می توانند مقادیری از 00 تا FF داشته باشند. بنابراین، نماد رنگ به سه جزء #rrggbb تقسیم می شود که دو علامت اول نشان دهنده جزء قرمز رنگ، دو علامت میانی - سبز و دو علامت آخر - آبی هستند.

مشابه CSS

مقدار پیش فرض

رنگ پیش فرض مرورگر

پارامتر FACE

شرح

پارامتر چهره برای تعیین نوع فونت مورد استفاده برای متن استفاده می شود. می توانید چندین نام فونت را لیست کنید که با کاما از هم جدا شده اند. در این صورت، اگر اولین فونت مشخص شده یافت نشد، مرورگر از فونت بعدی در لیست استفاده می کند.

نحو

...

استدلال ها

هر تعداد نام فونت که با کاما از هم جدا شده اند. خانواده فونت های جهانی:
serif - فونت های سری (عتیقه)، مانند Times;
sans-serif - فونت های sans-serif (فونت های بدون سریف یا sans serif)، یک نماینده معمولی Arial است.
خط شکسته - فونت های مورب؛
فانتزی - فونت های تزئینی؛
monospace - فونت های monospace، عرض هر کاراکتر در این خانواده یکسان است.

مشابه CSS

مقدار پیش فرض

فونت پیش فرض در مرورگر

پارامتر SIZE

شرح

اندازه قلم را در واحدهای دلخواه از 1 تا 7 مشخص می کند. اندازه متوسط ​​استفاده شده به طور پیش فرض 3 است. اندازه قلم را می توان به عنوان یک مقدار مطلق (مثلاً اندازه = "4") یا به عنوان یک مقدار نسبی (مثلاً) تعیین کرد. , size="+1" , size="-1" ). در مورد دوم، اندازه نسبت به پایه تغییر می کند. اندازه فونت نه تنها تحت تأثیر پارامتر اندازه مشخص شده، بلکه تحت تأثیر انتخاب نوع فونت قرار می گیرد. بنابراین، فونت Arial بزرگتر از فونت Times به نظر می رسد و فونت Verdana کمی بزرگتر از فونت Arial است. این ویژگی را در انتخاب فونت و اندازه آن در نظر بگیرید.

برچسب بزنید FONTمحفظه‌ای برای تغییر ویژگی‌های فونت مانند اندازه، رنگ و نوع فونت است. اگرچه این برچسب هنوز توسط همه مرورگرها پشتیبانی می شود، اما منسوخ تلقی می شود و توصیه می شود استفاده از آن به نفع سبک ها کنار گذاشته شود.

نحو
متن

برچسب بسته شدن
ضروری.

گزینه ها
رنگ - رنگ متن.
صورت - فونت متن.
اندازه - اندازه فونت

مثال 1: استفاده از تگ FONT



پحرف اول این جمله با فونت Arial به رنگ قرمز و در اندازه بزرگ نوشته می شود.

نتیجه

حرف اول این جمله با فونت Arial به رنگ قرمز و در اندازه بزرگ نوشته می شود.

شرح پارامترهای تگ FONT

پارامتر COLOR

شرح
رنگ متن داخل ظرف FONT را تنظیم می کند.

نحو
...

استدلال ها
دو راه برای تنظیم رنگ ها وجود دارد: اولی از نام گذاری رنگ ها در کد هگزادسیمال استفاده می کند و دومی از نام برخی از رنگ ها استفاده می کند. روش مبتنی بر سیستم اعداد هگزادسیمال عمدتاً استفاده می شود، زیرا جهانی ترین است. سیستم اعشاری، اگرچه در ارائه رایج تر است، فقط با CSS استفاده می شود.

سیستم هگزادسیمال بر خلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 16 است. اعداد به صورت زیر خواهد بود: 0، 1، 2، 3، 4، 5، 6، 7، 8، 9، A. , B, C , D, E, F. اعداد از 10 تا 15 با حروف لاتین جایگزین می شوند. جدول مطابقت بین اعداد اعشاری و هگزادسیمال را نشان می دهد.

اعشاری 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
هگزادسیمال 1 2 3 4 5 6 7 8 9 آ ب سی D E اف

اعداد بزرگتر از 15 در سیستم هگزادسیمال از ترکیب دو عدد در یک عدد تشکیل می شوند. مثلا عدد 255 اینچ سیستم اعشاریمربوط به عدد FF در هگزادسیمال است. برای جلوگیری از سردرگمی در تعیین سیستم اعداد، یک نماد هش # قبل از عدد هگزادسیمال قرار می گیرد، به عنوان مثال #666999.

یک رنگ معمولی شبیه این است.

#FA8E47> متن

رنگ پس زمینه روی #FA8E47 تنظیم شده است. نماد هش # در جلوی یک عدد به معنای هگزادسیمال بودن آن است. دو رقم اول ( F.A.) جزء قرمز رنگ را تعیین کنید، اعداد از سوم تا چهارم ( 8E) - سبز و دو رقم آخر ( 47 ) - آبی. نتیجه نهایی این رنگ خواهد بود.

F.A. + 8E + 47 = FA8E47

هر یک از سه رنگ - قرمز، سبز و آبی - می توانند مقادیری از 00 تا FF داشته باشند که در مجموع 256 سایه ایجاد می کند. بنابراین، در مدل RGB، تعداد ترکیب رنگ ها می تواند 256 x 256 x 256 = 16777216 باشد.

مشابه CSS
رنگ

مقدار پیش فرض
رنگ پیش فرض مرورگر

مثال 2: رنگ پس زمینه متن





نتیجه

پارامتر FACE

شرح
پارامتر چهره برای تعیین نوع فونت مورد استفاده برای متن استفاده می شود. می توانید چندین نام فونت را لیست کنید که با کاما از هم جدا شده اند. در این حالت، اگر اولین فونت مشخص شده یافت نشد، مرورگر از فونت بعدی در لیست استفاده می کند.

نحو
...

استدلال ها
هر تعداد نام فونت که با کاما از هم جدا شده اند. خانواده فونت های جهانی:
serif - فونت های سری (عتیقه)، مانند Times;
sans-serif - فونت های sans-serif (فونت های بدون سریف یا sans serif)، یک نماینده معمولی Arial است.
خط شکسته - فونت شکسته.
فانتزی - فونت های تزئینی؛
monospace - فونت های monospace، عرض هر کاراکتر در این خانواده یکسان است.

مشابه CSS
فونت-خانواده

مقدار پیش فرض
فونت پیش فرض در مرورگر

مثال 3: تغییر فونت



Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

نتیجه

Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

پارامتر SIZE

شرح
اندازه قلم را در واحدهای دلخواه از 1 تا 7 مشخص می کند. اندازه متوسط ​​استفاده شده به طور پیش فرض 3 است. اندازه قلم را می توان به عنوان یک مقدار مطلق (مثلاً اندازه = 4) یا به عنوان یک مقدار نسبی (مثلاً اندازه) تعیین کرد. =+1، اندازه=-1). در مورد دوم، اندازه نسبت به پایه تغییر می کند. اندازه فونت نه تنها تحت تأثیر پارامتر اندازه مشخص شده، بلکه تحت تأثیر انتخاب نوع فونت قرار می گیرد. بنابراین، فونت Arial بزرگتر از فونت Times به نظر می رسد و فونت Verdana کمی بزرگتر از فونت Arial است. این ویژگی را در انتخاب فونت و اندازه آن در نظر بگیرید.

نحو
...

استدلال ها
یک عدد صحیح از 1 تا 7 یا تغییر مقدار با استفاده از نمادهای + و -.

مشابه CSS
اندازه فونت

مقدار پیش فرض
3

مثال 4: اندازه متن



اندازه فونت 1

اندازه فونت 2

اندازه فونت 3

اندازه فونت 4

اندازه فونت 5

اندازه فونت 6

اندازه فونت 7

نتیجه

اندازه فونت 1
اندازه فونت 2
اندازه فونت 3
اندازه فونت 4
اندازه فونت 5
اندازه فونت 6
اندازه فونت 7