HTML NOTES
by
Vinay Kumar Sah (Technical Superstar)
Saturday, January 18, 2020
6. HTML Text Formatting Tag की पूरी जानकारी हिंदी में
HTML Text Formatting Tag
Hello Friends!
मै विनय Concept Computer Education से.........
यह HTML का chapter 6 है। इस chapter में हमलोग HTML Text Formatting Tag के बारे में पढ़ने वाले है।
इस tag का प्रयोग webpage में किसी भी text को अलग अलग तरह से formatting करने के लिए किया जाता है।
HTML Text Formatting Tag :
1. Bold : <b> tag & <strong> tag
2. Italic : <i> tag & <em> tag
3. Underline : <u> & <ins> tag
4. Mark : <mark> tag
5. Superscript : <sup>tag
6. Subscript :<sub> tag
7. Small : <small> tag
8. Big : <big> tag
9. Delete : <delete> tag
10. Break : <br>tag
तो चलिए ये सभी tags के बारे में detail से समझते है।
इस tag का use किसी text यानि अक्षर को bold करने के लिए किया जाता है।
किसी text यानि अक्षर को bold करने के लिए <b> tag की जगह पर <strong> tag का भी use किया जाता है।
इस tag का example निचे दिया गया है।
<!DOCTYPE html>
<html>
<head>
<title>
Bold text
</title>
</head>
<body>
<b>This is bold text</b>
</body>
</html>
ऊपर दिए गए example का output आप यहाँ देख सकते है।
2. Italic : <i> tag & <em> tag
किसी text यानि अक्षर को तिरछा करने के लिए <i> tag की जगह पर <em> tag का भी use किया जाता है।
इस tag का example निचे दिया गया है।
<!DOCTYPE html>
<html>
<head>
<title>
Italic text
</title>
</head>
<body>
<i>This is Italic text</i>
</body>
</html>
ऊपर दिए गए example का output आप यहाँ देख सकते है।
इस tag का use किसी text यानि अक्षर को underline करने के लिए किया जाता है।
किसी text यानि अक्षर को तिरछा करने के लिए <u> tag की जगह पर <ins> tag का भी use किया जाता है।
इस tag का example निचे दिया गया है।
<!DOCTYPE html>
<html>
<head>
<title>
underline text
</title>
</head>
<body>
<u>This is underline text</u>
</body>
</html>
<html>
<head>
<title>
underline text
</title>
</head>
<body>
<u>This is underline text</u>
</body>
</html>
ऊपर दिए गए example का output आप यहाँ देख सकते है।
4. Mark : <mark> tag
इस tag का use किसी text यानि अक्षर को highlight करने के लिए किया जाता है।
इस tag का example निचे दिया गया है।
<!DOCTYPE html>
<html><head>
<title>
highlighted text
</title>
</head>
<body>
<mark>This is highlighted text</mark>
</body>
</html>
ऊपर दिए गए example का output आप यहाँ देख सकते है।
इस tag का use किसी text को दूसरे text से थोड़ा सा ऊपर दिखाने के लिए किया जाता है।
इस tag का example निचे दिया गया है।
<!DOCTYPE html>
<html><head>
<title>
Superscript text
</title>
</head>
<body>
<p>This is normal text <sup>This is Superscript text </sup></p>
</body>
</html>
ऊपर दिए गए example का output आप यहाँ देख सकते है।
6. Subscript :<sub> tag
इस tag का use किसी text को दूसरे text से थोड़ा सा निचे दिखाने के लिए किया जाता है।
इस tag का example निचे दिया गया है।
<!DOCTYPE html>
<html><head>
<title>
Subscript text
</title>
</head>
<body>
<p>This is normal text <sub>This is Subscript text </sub></p>
</body>
</html>
ऊपर दिए गए example का output आप यहाँ देख सकते है।
इस tag का use किसी text को दूसरे text से छोटा दिखाने के लिए किया जाता है।
इस tag का example निचे दिया गया है।
<!DOCTYPE html>
<html><head>
<title>
Small text
</title>
</head>
<body>
<p>This is normal text <small>This is Small text </small></p>
</body>
</html>
ऊपर दिए गए example का output आप यहाँ देख सकते है।
इस tag का use किसी text को दूसरे text से बड़ा दिखाने के लिए किया जाता है।
इस tag का example निचे दिया गया है।
<!DOCTYPE html>
<html><head>
<title>
Small text
</title>
</head>
<body>
<p>This is normal text <big>This is big text </big></p>
</body>
</html>
ऊपर दिए गए example का output आप यहाँ देख सकते है।
9. Delete : <delete> tag
इस tag का use किसी text को Delete show करने के लिए किया जाता है। जब किसी text को delete show करते है तो उस text के ऊपर line दिखाई देता है।
इस tag का example निचे दिया गया है।
<!DOCTYPE html>
<html><head>
<title>
Deleted text
</title>
</head>
<body>
<del>Deleted text</del>
</body>
</html>
इस tag का use, line break करने के लिए किया जाता है इसका मतलब जब हम एक line लिखकर दूसरा line लिखना start करते है तो हम दूसरा लाइन लिखने से पहले <br> tag का use करते है।
इस tag का example निचे दिया गया है।
<!DOCTYPE html>
<html><head>
<title>
Break text
</title>
</head>
<body>
<p>Concept Computer Center<br>
Best Professional Computer Institute in Gururam
</p>
</body>
</html>
Update Soon
Next Chapter : HTML Links
यदि आपको समझने में किसी भी प्रकार की कोई समस्या
आती है तो आप Whatsapp या Email के द्वारा Question
पूछ सकते है।
Whatsapp No. - 9650597419
Thank you, Have a great day
Enjoy Our HTML Notes in Hindi
ADVANCE LEVEL WEBSITE DESIGN COURSE
Fees Only : 1500/- Month
Call / Whatsapp / Telegram : 9650597419
DAILY 2 Hrs. Practical Class + 2 Hrs. Practice
CONCEPT COMPUTER EDUCATION, GURUGRAM, HARYANA, INDIA
Post a Comment
0 Comments