Loading...

HTML in Hindi – Font Tag

  • Introduction to HTML font tag in Hindi 
  • Attributes of HTML font tag in Hindi 
  • Examples of HTML font tag in Hindi

Introduction to HTML Font Tag 

HTML font tag के द्वारा आप text पर different font attributes define कर सकते है। अपनी website के fonts को configure करके आप उसे और भी attractive, readable और structured बना सकते है।

By default आपकी website की font family कुछ भी हो सकती है। लेकिन इसे आप अपनी website के हिसाब से configure करके कोई दूसरी font family भी यूज़ कर सकते है। साथ ही आप font का color भी change कर सकते है।Fonts को configure करने के लिए HTML <font> tag provide करती हैं।

इस tag को आप किसी paragraph पर भी apply कर सकते है और आप चाहे तो किसी paragraph में particular text पर भी इसे apply किया जा सकता है। <font> tag के 3 attributes होते है। 

  • size – इस attribute से आप font की size change कर सकते है। Font की size numbers में दी जाती है।    
  • face – इस attribute के द्वारा font family change की जाती है। आप जो font family चाहते है उसे inverted commas में define करते है।    
  • color – ये attribute font का कलर change करने के लिए यूज़ किया जाता है। आप color का hex code लिख सकते है या फिर color का नाम भी दे सकते है। 

Setting Font Size 

Font की size आप size attribute से define करते है।  

example

<html> 
<head> 
<title>Font size demo </title> 
</head> 
 
<body> 
<font size="10" > HTML in Hindi</font> 
</body> 
 
</html> 

Output

HTML-font-size-example-output

Setting Font Family 

Font family set करने के लिए आप face attribute यूज़ करते है।

Example

<html> 
<head> 
<title>font family demo</title> 
</head> 
 
<body> 
<font size="10" face="Verdana">Learn HTML In Hindi</font> 
</body> 
 
</html> 

output

HTML-font-family-example-output

Setting Font Color 

Font का color आप color attribute से change करते है।  

example

<html> 
<head> 
<title>font color demo </title> 
</head> 
 
<body> 
<font color="red">HTML tutorial in Hindi</font> 
</body> 
 
</html> 

output

HTML-font-color-example-output

Commenting in HTML

कई बार ऐसा होता है की एक developer के द्वारा लिखी हुई script को दूसरे developers भी यूज़ करते है। इसलिए उस script को explain करना necessary हो जाता है ताकि दूसरे developers को आपकी script यूज़ करने में कोई problems ना हो। 

Script को explain करने के लिए आप comments को यूज़ कर सकते है। HTML में comments define करना बहुत ही आसान है। Comments interpret नहीं होते है। HTML interpreter comments को skip कर जाता है।

यानि comments में लिखा हुआ कोई भी text आपके webpage पर कोई भी असर नहीं डालता है। अपनी script लिखते समय comment करना एक बहुत ही professional habit है। HTML में comments भी tags के द्वारा किये जाते है। इसके लिए HTML आपको एक unique tag provide करती है।

 <!-- your comment here -->

Example

<html> 
<head> 
<title>commenting demo</title> 
</head> 
 
<body> 
 
<p> Hello </p> <!-- A paragraph --> 
 
</body> 
 
</html> 

Note : HTML version 5 में <font> tag को remove कर दिया गया है। 

Previous: HTML Forms
Next: HTML <script> & <noscript> Tags