آموزش طراحی سایتآموزش HTML

تگ font در HTML

آموزش طراحی سایت با HTML

بسیار خوش حالیم که با یکی دیگر از مباحث آموزشی طراحی سایت با HTML در خدمت شما عزیزان هستیم . در جلسه گذشته به معرفی تگ sub در HTML پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با تگ font در HTML که به منظور تغییر رنگ ، اندازه و فونت متن در HTML به کار می‌رود، آشنا نماییم.

 معرفی تگ font

با استفاده از تگ font می‌توانیم رنگ، اندازه و فونت متون و سایر عناصر متنی موجود در در HTML را تغییر دهیم این تگ که در دسته تگ های قالب بندی متن جای می گیرد از صفت ھای زیر پشتیبانی می‌کند.

صفت های تگ font

صفت face

از این صفت برای تغییر فونت متون در HTML استفاده می‌شود. یعنی در صورتی که بخواهیم متنی را با فونت دلخواه نمایش دهیم از این صفت به همراه تگ <font> استفاده می نماییم . این صفت لیستی از فونت ھا که با “,” (کاما) از هم جدا شده اند را به عنوان ورودی می‌پذیرد و در صورتی که اولین فونت بر روی سیستم کاربر نصب نبود فونت دوم و اگر فونت دوم نصب نبود فونت سوم و … بر روی متن اعمال می‌شود .
برای درک بهتر کاربرد صفت face در طراحی سایت به مثال زیر توجه کنید :

<p> 
    <font face='Tahoma,Arial,Serif'> mizfa.com : Web Design </font>
</p>

صفت size

از صفت size برای تغییر اندازه متون در HTML استفاده می‌شود و به دو صورت زیر می توان این صفت را مقدارهی نمود:

  • مقدار مطلق : مقادیری بین 1 تا 7 .
  • مقدار نسبی : مقادیری بین 7- تا 7+ که در این صورت اندازه فونت نسبت به اندازه فونت مشخص شده در تگ </basefont> سنجیده خوھد شد. (این تگ را در جلسات آینده معرفی خواھیم کرد.)

صفت color

از این صفت برای تغییر رنگ یک متن استفاده می‌شود. این صفت مقداری از انواع رنگ ھا را به عنوان ورودی می‌پذیرد و رنگ متن را مشخص می‌نماید .
برای درک بهتر صفت به مثال زیر توجه نمایید :

<p> 
   <font face='Tahoma, Arial,"Times New Roman"' size='+2' color='#ff0000'> mizfa.com : Web Design</font> 
</p>
نتیجه کد تگ font
نتیجه کد بالا

 

نکات تکمیلی تگ font

  • اگر می‌خواھید از فونتی استفاده کنید که نام آن دارای فاصله (space) نیز ھست باید نام فونت را در داخل دابل کوتیشن (” “) قرار دھید مانند مثال زیر :
     <font face='Tahoma', "Times New Roman">
  • تگ <font> در HTML5 پشتیبانی نمی شود و توصیه می‌شود به جای استفاده از این تگ از CSS برای استایل دهی متون استفاده کنید.

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

اینم بخون، جالبه
تگ p در HTML
تگ font در HTML
امتیاز 3.7 از 3 رای
برچسب ها

علی اسمعیلی

سادگی نهایت پیچیدگیست.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره رایگان سئو