HTML Tutorial
HTML Tutorial

HTML - فونٹس


فونٹس ویب سائٹ کو صارف دوست اور مواد قابل قرائت بنانے میں بڑا کردار ادا کرتے ہیں۔ فونٹ کا چہرہ اور رنگ مکمل طور پر وہ کمپیوٹر اور براؤزر پر مبنی ہوتا ہے جو آپ کی صفحہ دیکھنے کے لئے استعمال ہو رہا ہے مگر آپ اپنی ویب سائٹ پر مواد کو سٹائل، سائز اور رنگ دینے کے لئے HTML <font> ٹیگ کا استعمال کر سکتے ہیں۔ آپ ایک <basefont> ٹیگ کا استعمال کر سکتے ہیں تاکہ آپ اپنے تمام مواد کو ایک ہی سائز، چہرہ، اور رنگ میں سیٹ کر سکیں۔

فونٹ ٹیگ تین خصوصیات سائز، رنگ، اور چہرہ کے ساتھ آئی ہے تاکہ آپ اپنے فونٹس کو customize کر سکیں۔ اپنے ویب پیج کے اندر کسی بھی وقت کسی بھی فونٹ خصوصیت کو تبدیل کرنے کے لئے، بس <font> ٹیگ کا استعمال کریں۔ جو ٹیکسٹ اس کے بعد آئے گا، وہ ٹیگ کو بند کرنے کے بعد تبدیل رہے گا۔ آپ ایک یا تمام فونٹ خصوصیات کو ایک ہی <font> ٹیگ کے اندر تبدیل کر سکتے ہیں۔

نوٹ - فونٹ اور بیس فونٹ ٹیگ deprecated ہیں اور HTML کے ایک مستقبل ورژن میں ہٹا دیے جانے کا امکان ہے۔ لہذا ان کا استعمال نہیں کیا جانا چاہئے بلکہ، آپ کونٹینس کو مینپیولیٹ کرنے کے لئے CSS سٹائلز کا استعمال کرنا مشورہ دیا گیا ہے۔ مگر تعلیم کے مقصد کے لئے، یہ باب فونٹ اور بیس فونٹ ٹیگز کو تفصیل سے بیان کرے گا۔

فونٹ کا سائز سیٹ کریں

آپ سائز خصوصیت کا استعمال کرکے مواد کا فونٹ سائز سیٹ کر سکتے ہیں۔ قبول شدہ قیمتوں کا دائرہ 1 (سب سے چھوٹا) سے 7 (سب سے بڑا) ہے۔ فونٹ کا ڈیفالٹ سائز 3 ہوتا ہے۔

مثال

<!DOCTYPE html>
<html>

   <head>
      <title>فونٹ سائز مخصوص کرنا</title>
   </head>

   <body>
      <font size = "4">یہ ٹیکسٹ 4 سائز کا ہے۔</font>
      <font size = "6">یہ ٹیکسٹ 6 سائز کا ہے۔</font>
      <font size = "2">یہ ٹیکسٹ 2 سائز کا ہے۔</font>
   </body>

</html>

اس مثال میں، ہم نے <font size="4"> ٹیگ کا استعمال کیا ہے تاکہ ٹیکسٹ کا سائز 4 کریں۔ آپ اپنے ضروریات کے مطابق سائز کو تبدیل کر سکتے ہیں۔

فونٹ کا رنگ تبدیل کریں

آپ color خصوصیت کا استعمال کرکے مواد کا رنگ تبدیل کر سکتے ہیں۔ یہ قابل قبول قیمتیں ہیں:

  • نام (for example, "red")
  • ہیکس کوڈ (for example, "#ff0000")
  • RGB کوڈ (for example, "rgb(255,0,0)")

مثال

<!DOCTYPE html>
<html>

   <head>
      <title>فونٹ رنگ مخصوص کرنا</title>
   </head>

   <body>
      <font color = "red">یہ ٹیکسٹ لال رنگ کا ہے۔</font>
      <font color = "#0000ff">یہ ٹیکسٹ نیلے رنگ کا ہے۔</font>
      <font color = "rgb(0,255,0)">یہ ٹیکسٹ ہرا رنگ کا ہے۔</font>
   </body>

</html>