مشاوره رایگان
دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

تگ font در HTML - بررسی کامل ویژگی های آن


فونت ها در html  :

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

 ظاهر و رنگ فونت به طور کامل بستگی به نوع کامپیوتر و مرورگری که استفاده میکنید دارد، اما شما می توانید از تگ <font> در HTML برای افزودن استایل، سایز و رنگ به متن در وب سایت استفاده کنید. می توانید از یک تگ<basefont> برای تنظیم تمام متون صفحه خود به سایز، ظاهر و رنگ یکسان استفاده کنید.  

این تگ ، خصوصیات و ویژگی های تنظیم شده را روی تمام متن به طور یکسان پیاده میکند  

 تگ فونت دارای سه ویژگی به نام های  size ، color  و face می باشد که با کمک این سه ویژگی میتوانید روی متن تان تغییرات دلخواه را اعمال کنید . برای تغییر هرکدام از ویژگی های فونت در هر زمانی در صفحه ی وب خود، به سادگی از تگ  font استفاده کنید.

شما می توانید یکی از ویژگی ها یا همه ی ویژگی های داخل تگ <font> را تغییر دهید.

متاسفانه تگ های <font> و <basefont> منقضی شده اند و دیگر استفاده نمی شوند و احتمال می رود در نسخه های بعدی html  حذف شوند. بنابراین بهتر است استفاده نشود . پیشنهاد میشود برای اجرای تغییرات در فونت ها از استایل های css  استفاده کنید .

تنظیم اندازه ی فونت :

شما می توانید با استفاده  از ویژگی size اندازه فونت را تنظیم کنید. دامنه ی مقادیر قابل قبول از 1 (کوچکترین) تا 7 (بزرگترین) می باشد. اندازه ی فونت پیش فرض به طور اتوماتیک 3 در نظر گرفته می شود.

به مثال زیر توجه کنید :

<!DOCTYPE html>
<html>

   <head>
      <title>Setting Font Size</title>
   </head>

   <body>
      <font size = "1">Font size = "1"</font><br />
      <font size = "2">Font size = "2"</font><br />
      <font size = "3">Font size = "3"</font><br />
      <font size = "4">Font size = "4"</font><br />
      <font size = "5">Font size = "5"</font><br />
      <font size = "6">Font size = "6"</font><br />
      <font size = "7">Font size = "7"</font>
   </body>

</html>

که خروجی آن به صورت زیر خواهد بود :

Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"

اندازه نسبی فونت :

شما می توانید مشخص کنید که یک بخش از متن ، چه میزان از فونت های دیگر صفحه، بزرگتر و یا کوچکتر از اندازه ی فونت حاضر باشند. می توانید آن را مانند<font size = "+n">   یا <font size = "−n"> مشخص کنید .

مثال :

<!DOCTYPE html>
<html>

   <head>
      <title>Relative Font Size</title>
   </head>

   <body>
      <font size = "-1">Font size = "-1"</font><br />
      <font size = "+1">Font size = "+1"</font><br />
      <font size = "+2">Font size = "+2"</font><br />
      <font size = "+3">Font size = "+3"</font><br />
      <font size = "+4">Font size = "+4"</font>
   </body>

</html>

که خروجی آن به صورت زیر خواهد بود :

Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"

تنظیمات ظاهری فونت :

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

مثال :

<!DOCTYPE html>
<html>

   <head>
      <title>Font Face</title>
   </head>

   <body>
      <font face = "Times New Roman" size = "5">Times New Roman</font><br />
      <font face = "Verdana" size = "5">Verdana</font><br />
      <font face = "Comic sans MS" size =" 5">Comic Sans MS</font><br />
      <font face = "WildWest" size = "5">WildWest</font><br />
      <font face = "Bedrock" size = "5">Bedrock</font><br />
   </body>

</html>

نتیجه ای که می گیرید به صورت زیر خواهد بود :

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

تعیین فونت جایگزین :

یک بازدید کننده فقط زمانی قادر خواهد بود فونت شما را ببیند که آن را نصب شده روی کامپیوتر خود داشته باشد. بنابراین امکان تعیین دو یا بیشتر از دو فونت جایگزین با ارائه ی نام های مربوط به فونت ها در html تعبیه شده است. اگر هیچکدام از فونت های قید شده نصب نشده باشند، متن با فونت پیش فرض Times New Roman نمایش داده خواهد شد. اسامی فونت ها به وسیله علامت کاما از هم جدا می شوند.

به نمونه زیر توجه کنید :

<font face = "arial,helvetica">
<font face = "Lucida Calligraphy,Comic Sans MS,Lucida Console">

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

تنظیمات رنگ فونت :

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

به مثال زیر دقت کنید :

<!DOCTYPE html>
<html>

   <head>
      <title>Setting Font Color</title>
   </head>
	
   <body>
      <font color = "#FF00FF">This text is in pink</font><br />
      <font color = "red">This text is red</font>
   </body>
	
</html>

آشنایی با تگ <basefont> :

انتظار می رود که تگ باز و بسته ی <basefont> یک اندازه، رنگ و ظاهر پیش فرض برای هر بخشی از داکیومنت که نمیتواند در برچسب <font> قرار گیرد، تنظیم کند. شما می توانید از تگ <font> استفاده کنید تا تنظیمات <basefont>  را انجام دهید. 
تگ <basefont>  همچنین ویژگی های رنگ، اندازه و ظاهر را می گیرد و با گرفتن مقدار بیشتر از 1+ برای فونت های بزرگتر و کمتر از 2- برای فونت های کوچکتر، تنظیمات فونت مربوطه را پشتیبانی می کند.

به مثال زیر توجه کنید :

<!DOCTYPE html>
<html>

   <head>
      <title>Setting Basefont Color</title>
   </head>
	
   <body>
      <basefont face = "arial, verdana, sans-serif" size = "2" color = "#ff0000">
      <p>This is the page's default font.</p>
      <h2>Example of the &lt;basefont&gt; Element</h2>
      
      <p><font size = "+2" color = "darkgray">
            This is darkgray text with two sizes larger
         </font>
      </p>

      <p><font face = "courier" size = "-1" color = "#000000">
            It is a courier font, a size smaller and black in color.
         </font>
      </p>
   </body>
	
</html>

خروجی قطعه کد بالا به قرار زیر خواهد بود :

This text is in pink
This text is red

فصلِ: 5 , تعداد قسمت ها: 177 , سطح: صفر تا صد

این فصل در یک نگاه:

در این فصل صفحات قالب فروشگاهی را بطور کامل واکنشگرا می کنیم.…

HTML مخفف عبارت Hypertext Markup Language است. این زبان در واقع یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشن‌ها محسوب می‌شود. در واقع HTML را عنصر کلیدی صفحات وب می‌…
فصلِ: 5 , تعداد قسمت ها: 77 , سطح: متوسط

این فصل در یک نگاه:

ساخت منوی مدیریت سایت،ایجاد بخش دسته بندی ها ، جدول نمایش دسته ها و ایجاد دسته جدید،ایجاد بخش ویژگی های یک دسته،ایجاد وی…

این مجموعه با تلفیقی از فریمورک bootstrap  و کد های html و css  ارائه گردیده و پیش نیاز این آموزش ، دوره دیجی کالای آقای مهندس بلاغی است چون این پروژه در قالب mvc پیاده گردیده و با توجه به ا…
فصلِ: 11 , تعداد قسمت ها: 162 , سطح: صفر تا صد

این فصل در یک نگاه:

در این فصل(فصل یازدهم مجموعه)،به طراحی CMS (سیستم مدیریت محتوا)اختصاصی فروشگاه می پردازیم.هدف از طراحی این بخش،آنست که م…

در این مجموعه آموزشی قصد داریم از صفر تا صد طراحی یک فروشگاه اینترنتی رو به صورت کامل آموزش بدهیم.این فروشگاه شامل تمامی بخش های مورد نیاز یک فروشگاه اینترنتی است. هدف از این مجموعه،آموزش…
فصلِ: 4 , تعداد قسمت ها: 240 , سطح: صفر تا صد

این فصل در یک نگاه:

طراحی پنل مدیریت(دسته بندی)- دسته بندی یا category - نمایش دسته های فرعی در view با ورود به یکی از دسته های اصلی و آشن…

توضیحات کلی مجموعه: این مجموعه توسط فریمورک محبوب و دوست داشتنی bootstrap  و به صورت تضمینی  و صفر تا صد جهت یادگیری کارآموزان عزیز ارائه گردیده و دوستانی که این دوره را به طور کامل و دقیق…
فصلِ: 4 , تعداد قسمت ها: 368 , سطح: صفر تا صد

این فصل در یک نگاه:

مباحث تکمیلی فریم ورک لاراول…

فصل اول :آموزش مقدماتی فریم ورک لاراول معرفی فریم ورک لاراول و پیشنیازهای انجام کار انجام کانفیگ های اولیه برای نصب و راه اندازی فریم ورک معرفی روش های نصب پروژه لاراولی از طریق سایت گی…
فصلِ: 1 , تعداد قسمت ها: 155 , سطح: صفر تا صد

این فصل در یک نگاه:

مباحث مقدماتی فریم ورک react.js…

توضیحات کلی مجموعه: فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js نصب و راه اندازی node.js  و کلیه پیش نیازهای لازم نصب فریم ورک react روی لوکال و انجام تست های لازم آغاز آشنایی …
فصلِ: 1 , تعداد قسمت ها: 15 , سطح: متوسط

این فصل در یک نگاه:

رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…

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

تولید شده توسط کلیک سایت

پشتیبانی آنلاین
آماده پاسخگویی هستیم
انتخاب تصویر جهت ارسال:
در حال ضبط صدا

(جهت توقف و یا لغو ضبط از دکمه های زیر استفاده کنید)

توقف و ارسال :
لغو ضبط
در حال حاضر تمامی کارشناسان آفلاین هستند. همواره می توانید با شماره تلگرام / واتساپ 09010005000 به صورت آنلاین با ما در ارتباط باشید. جهت ورود به واتساپ کلیک کنید
0 پیام جدید
پشتیبان در حال تایپ ...
ارسال تصویر ضبط صدا
0 کارشناسان آنلاین می باشند
این گفت و گو توسط پشتیبان به اتمام رسید