HTML में <Font> Tag

किसी भी वेबसाइट को आकर्षक बनाने में उसमे लिखे गए Text का color और उसका size बहुत ही महत्वपूर्ण होते है | Text को Font भी कहा जाता है | इस Font का size और color का सही जगह पर सही तरीके से इस्तेमाल से वेबसाइट की readability भी बढता है | इस lesson मे जानेंगे से HTML मे text size और color बदले जा सकते है।

HTML मे size element

HTML में Font का default size browser के property के ऊपर निर्भर करता है, परन्तु इसे बदला जा सकता है Font Tag के size element के इस्तेमाल से |

HTML में 1 से 7 तक Font size होते है, जिसमे 1 सब से छोटा और इसी क्रम में 7 सब से बड़ा होता है |

HTML मे Font size को इस्तेमाल करने का तरीका इस तरह से है |

<font size=1>This is font size 1 </font>

HTML मे color element

HTML में Font का default color Black होता है, परन्तु इसे आपने इच्छानुसार बदला जा सकता है | Color को बदलने के लिए Font Tag का color (color not colour) element इस्तेमाल होता है |

Font Tag के अन्दर color element के साथ color नाम या color का code लिखा जाता है|Color code कहाँ से और कैसे प्राप्त कर सकते हैं इसके बारे मे मैंने previous lesson मे विस्तार से बताया है | आप से अनुरोध हैं की आप उसे जरूर पड़े | इसका link नीचे दिया हुवा है|

HTML मे Background color कैसे बदला जाता है

HTML मे Font color को इस्तेमाल करने का तरीका इस तरह से है |

<font color=”red”>This is red color </font>
<font color=”#0E720A“>This is green color </font>

<br> Tag का इस्तेमाल

HTML document keyboard से दिए गए enter का मतलब समझ नही पाता है | किसी भी document मे अगर किसी line को नीचे लिखना है तब enter key का इस्तेमाल किया जाता है, परन्तु HTML document मे enter देने के बावजूद browser मे पूरा का पूरा document एक ही line मे दिखाई देता है | इसे सही करने के लिए <br> tag का इस्तेमाल होता है | Line को जिस जगह से नीचे लिखना है वहाँ पर <br> लिखा जाता है |

नीचे Font color और size दोनों एकसाथ लेकर एक code लिखा गया है, इसे आप अपने Notepad मे type करे या copy करके paste करे |

Code

<html>
<head>
<title>gseasytech.com</title>
<body>
<font size=1 color=”green”>This is font size 1 and green<font><br>
<font size=2 color=”lightgreen”>This is font size 2 and lightgreen</font><br>
<font size=3 color=”#EA3B35″>This is font size 3 and red</font><br>
<font size=4 color=”#FBED17″>This is font size 4 and yellow</font><br>
<font size=5 color=”#103DE8″>This is font size 5 and blue</font><br>
<font size=6 color=”#F19692″>This is font size 6 and pink</font><br>
<font size=7 color=”#DA12DC”>This is font size 7 and magenta</font>
</body>
<html>

Code को “font size and color.html “नाम से save करके browser मे open करे |

Display

html font color and size

अगर आपको सीखने मे किसी प्रकार की समस्या हो या कोई टॉपिक समझ मे न आए तो नीचे कमेन्ट कर के अपना सवाल पूछ सकते हैं |

कृप्या पोस्ट को दोस्तों के साथ Facebook और WhatsApp मे शेयर करें |

PreviousIndex PageNext

Trending Topics

Leave a Comment