HTML में बहुत सारे ऐसे tags हैं जिसके द्वारा text को डिज़ाइन किया जाता है । अलग अलग format में टेक्स्ट को display करने के लिए अलग अलग तरह के टेक्स्ट format का उपयोग किया जाता हैं ।
साधारण Hindi भाषा में समझे तो टेक्स format text को अलग अलग तरह से डिज़ाइन format देने के लिए उपयोग किये जाते हैं ।
यहाँ पर HTML text फॉर्मेट के साथ साथ CSS के द्वारा कैसे text को डिज़ाइन करके हैं उसके बारे में भी सीखेंगे ।
चलिए text format के बारे में उदाहरण से समझते हैं ।
1. <b> - <b> टैग क बोल्ड टैग के नाम से भी जाना जाता हैं । इसका उपयोग करने पर text बोल्ड हो जाता हैं । साधारण Hindi में कहे तो टेक्स्ट डिज़ाइन फॉर्मेट कुछ मोटी हो जाती हैं ।
We are learning HTML in Hindi
We are learning HTML
2. <i> - <i> टैग को italic टैग के नाम से जाना जाता हैं । HTML टेक्स्ट फॉर्मेट में सबसे ज्यादा यूज किये जाने वाला टैग <i> हैं इसका उपयोग करने से टेक्स्ट इटालिक फॉर्मेट में दिखाई देने लगता हैं ।
साधारण Hindi में कहे तो <i> टैग का उपयोग करने से text दायी और की साइड झुक जाता हैं ।
We are learning HTML in Hindi
We are Styling text
3. <tt> - यह एक स्पेशल text format टैग हैं जिसमे टेक्स्ट एक अलग डिज़ाइन में दिखाई देता हैं ।
We are learning HTML in Hindi
We are Styling text
4. <u> - <u> टेक्स फॉर्मेट टैग अंडरलाइन टैग के नाम से भी जाना जाता हैं । इस टैग का उपयोग करने से टेक्स्ट के निचे एक लाइन आ जाती हैं ।
We are learning HTML in Hindi
We are Styling text
5.<del> - <del> text format tag डिलीट(delete) टैग के नाम से जाना जाता हैं ।
इसका उपयोग से टेक्स्ट के बिच एक लाइन आजाती हैं ।
We are
Studying learning HTML in Hindi
Product price
10000 RS 9980 RS
We are Studyinglearning HTML in Hindi
6. <font size> - <fornt> एक टैग हैं जिसका एट्रिब्यूट size हैं । font के द्वारा text की size को बढ़ाया जा सकता हैं ।
We are learning HTML in Hindi
We are Styling text
7. <sub> - <sub> HTML text format tag subscript के नाम से जाना जाता हैं । इसका उपयोग करने से text लाइन से नीच दिखाई देता हैं ।
X
2
X210
8. <sup> - <sup> हटम्ल टेक्स्ट फॉर्मेट टैग superscript के नाम से जाना जाता हैं ।
इस टैग का उपयोग करने से टेक्स्ट लाइन से ऊपर दिखाई देता हैं ।
X
2+Y
2
X2+Y2
9 . <basfont> - <basefont> टेक्स्ट फॉर्मेट टैग एक अलग टैग हैं जिसके द्वारा टेक्स्ट की साइज को , टेक्स्ट की font family और कलर को दिया जा सकता हैं ।
We are learnig HTML
10.
ऊपर दिए गए examples में सिर्फ HTML टैग के बारे में सीखा हैं । यहाँ पर एक सबसे अच्छा तरीका होता हैं जो की सबसे ज्यादा उपयोग भी किया जा रहा हैं ।
CSS का उपयोग करके भी टेक्स्ट के डिज़ाइन फॉर्मेट को आसानी से बदला जा सकता हैं ।
CSS में टेक्स्ट का साइज , टेक्स्ट font family, टेक्स्ट कलर , टेक्स्ट shadow आदि तरिके से आसानी से और ये सबसे effective तरीका होता हैं टेक्स्ट format बदलने का ।
CSS के द्वारा टेक्स की format को चेंज करने के लिए सबसे पहले CSS को बनान आना चाहिए
निचे दिए गए tutorial में हम CSS को बनाकर text को डिज़ाइन करेंगे और एक अलग format में display कराएंगे ।
HTML Text Formatting
<!DOCTYPE html>
<html>
<head>
<title>Text format Tags </title>
</head>
<body>
We are learning about text formatting through the CSS .
</body>
</html>
Run
ऊपर दिए गए example में हमने सबसे पहले <head> टैग में CSS बनायी हैं ।
CSS को HTML में बनाने के लिए <style></style> tag के बिच ही लिखा जाता हैं ।
। font एक CSS क्लास नाम हैं जिसे Div element के द्वारा हम text पर अप्लाई करेंगे ।
इस CSS में हमने टेक्स्ट format के लिए सबसे पहले font का साइज , font family और फॉण्ट का कलर दिया हुआ हैं । CSS के बहुत सारे attributes होते हैं जिनका आपको पता होना चाइये ।
CSS को क्रिएट करने के बाद <body> के अंदर हम <div> की मदत से CSS को CSS क्लास नाम के द्वारा कॉल करते हैं और example को रन करते हैं जिस से Text की डिज़ाइन format चेंज हो जाती हैं ।
इस तरह से आप HTML text format tag और CSS का उपयोग करके text format और डिज़ाइन को चेंज कर सकते हैं ।
Recommended Posts:-
