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

معرفی تگ p

تگ <p> یک پاراگراف را تعریف می کند.

مرورگرها به طور خودکار یک خط خالی را قبل و بعد از تگ <p> (به عنوان حاشیه) اضافه می کند. آن حاشیه را می توان با استفاده از CSS تغییر داد (با خواص حاشیه).

 معرفی تگ font

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

ویژگی های اختیاری تگ font

خصوصیت مقدار توضیحات
color rgb(x,x,x)
#xxxxxx
colorname
در HTML5 پشتیبانی نمی شود.
مشخص کننده color در یک متن
face font_family در HTML5 پشتیبانی نمی شود.
مشخص کننده font در یک متن
size number در HTML5 پشتیبانی نمی شود.
مشخص کننده size در یک متن

 

ویژگی  face

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

تگ فونت

ویژگی  size

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

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

نکته تگ font

  • اگر می‌خواھید از فونتی استفاده کنید که نام آن دارای فاصله (space) نیز ھست باید نام فونت را در داخل دابل کوتیشن (” “) قرار دھید مانند مثال زیر :
ویژگی size
ویژگی size

ویژگی color

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

 

ویژگی color
ویژگی color

نکته : تگ <font> در HTML5 پشتیبانی نمی شود و توصیه می‌شود به جای استفاده از این تگ از CSS برای استایل دهی متون استفاده کنید.

 

معرفی تگ b

تگ <b> بخشی از متن را برجسته نمایش می دهد.

 

معرفی تگ big

تگ <big> قسمتی از متن را درشت تر نشان می دهد.

نکتهتگ <big> در HTML5 پشتیبانی نمی شود به جای آن می توان از CSS استفاده کرد.

 

معرفی HTML Tag – جلسه ششم

2 thoughts on “معرفی HTML Tag – جلسه ششم

  • اسفند ۸, ۱۳۹۷ at ۵:۳۱ ب.ظ
    Permalink

    فونت فارسی تحت وب بدردبخور خیلی کمه

    Reply
    • فروردین ۳۱, ۱۳۹۸ at ۹:۴۶ ق.ظ
      Permalink

      شما سعی کنید راه چاره ای براش پیدا کنید…

      Reply

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

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