HTML Basic Formatting Tags क्या हैं?
HTML Formatting Tags क्या हैं?
Formatting tags के बारे में जानने से पहले HTML के बारे में कुछ जानकारीया
है HTML, Hyper text markup language शब्द का संक्षिप्त रूप मान सकते है।
इसके लिए सिम्पल सा टेक्ट का युज कर आप वेब पेज डिजाइन कर सकते है। HTML, C++, C
language से बहुत ही सरल प्रोग्रामिग लेग्वेज है इसका युज हम अपने बनाये हुए
एलिमेंट को दिखाने के लिए करते है।
HTML को पढ़ने का कार्य ब्राउजर का होता है
इसको तैयार करने वाले Tim banner lee है जिसने सन् 1990 में तैयार किये थें।
वेब ब्राउजर हमें यह सुविधा देता है कि हम सीधे-सीधे ही HTML को रिड कर
सकते है इस प्रकार वेब ब्राउजर उसे पढ़कर उसी के अनुसार प्रदर्शित करता है।
HTML Formatting Tags क्या हैं?
दिये गये तत्व के प्रारूप को Change कर सकते है जैसे की Text सामान्य रूप में
प्रदर्शित होते है उनमें हम आकार का परिवर्तन करना चाहते है या रंग में परिवर्तन
करना चाहते इसके साथ और भी Design में परिवर्तन करना चाहते है तो यह Formatting
tags से हि संभव हो सकता है।
ज्यादा किया जाता है यह टेग निम्न प्रकार के होते है और सभी टेग में coding करते
समय सब अलग अलग तरिके से करना पड़ता है इसमे सिर्फ body में लिखे गये टेक्ट में
जिसको change करना होता है उसके लिए हि टेग देना होता है बाकि में को
changes नहीं देना होता यह निम्न प्रकार से हो सकते है।
HTML Formatting Tags-in Hindi:
(1) Heading:
HTML में अगर हमें Heading देना होता है तो इस tag का उपयोग करते है
heading देते वक्त हम उसे 6 tags रूपो में दे सकते है या निर्धारण कर सकते है जो
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>, है इन टेग
का उपयोग कर heading का निर्धारण कर सकते है जो भी अंक या नंबर की संख्या बढ़ती है
उसके साथ टेक्ट आकार छोटा होता जाता है जैसे की निचे दिये गये उदाहरण
से समझ सकते है।
Example:
<head>
<title> Basic Formatting Tags (Heading) </title>
</head>
<body>
<h1> Hindi Blog </h1>
<h2> Hindi Blog </h2>
<h3> Hindi Blog </h3>
<h4> Hindi Blog </h4>
<h5> Hindi Blog </h5>
<h6> Hindi Blog </h6>
</body>
</html>
Display on browser :
Hindi Blog
Hindi Blog
Hindi Blog
Hindi Blog
Hindi Blog
Hindi Blog
(2) Paragraph:
जहा से भी हम अपना नया Paragraph देना चाहते है तो उसके लिए इसका उपयोग करते है
Paragraph देने के लिए <p> tag का युज किया जाता है। वहा <p> लिख
देने पर वहा टेक्ट अपनी अगली लाइन प्रदर्शित होने लगति है इसके लिए आप निम्न
उदाहरणो से समझ सकते है।
Example :
<head>
<title>Formatting Tag (Paragraph)</title>
</head>
<body>
<p> The name of this site is Hindi blog </p>
<p>The name of this site is Hindi Blog </p>
</body>
</html>
The name of
this site is Hindi blog
The name of this site is Hindi Blog
(3) Line Break:
एसी स्थिति भी आति जिनमें आपको लाइन भी बदलना पड़ता है लाइन को बदलने के लिए
इसका युज कर सकते है जिसे कैरीज रिटर्न भी कहते है इसके लिए हमें <br>
tag का युज करना होता है जब हम कोइ भी लिखा जाता है उसमें कुछ शब्दो के बाद
अगली लाइन पर प्रदर्शित होती है इसके लिए हि इस टेग का युज किया जाता है इसे
आप निचे दिये गये उदाहरणो से समझ सकते है ।
Example :
<head>
<title> Basic formatting tags (Line break)</title>
</head>
<body>
The name of this site is Hindi blog <br>
hello friends <br></body>
</html>
The name of this site is Hindi blog
Hindi Blog
(4) Bold Text:
अगर आपको कोई सा भी टेक्ट Bold करना है तो इसके लिए इस टेग का युज करते
है इसके लिए <br> tag लगाना पड़ता है और क्लोज करने के लिए
</br> लगाना पड़ता है इसका उपयोग साइट बनाते वक्त टेक्ट में बहुत
होता है इसे निचे दिये गये उदाहरणो से समझ सकते है।
Example :
<head>
<title> Basic formatting tags (Bold)</title>
</head>
<body>
<b>The name of this site is Hindi blog </b>
</body>
</html>
The name of this
site is Hindi blog
(5) Italic Text:
अगर आपको HTML में कोई सा भी टेक्ट Italic में प्रदर्शित कराना चाहते
है तो इसका उपयोग किया जाता है इसके लिए <i> लिखने पड़ते है और
उसे क्लोज करने के लिए </i> लिखा जाता है इसे निचे दिये गये
उदाहरणो से समझ सकते है।
Example :
<head>
<title> Basic Formatting Tags (Italic) </title>
</head>
<body>
<i>The name of this site is Hindi blog </i>
</body>
</html>
blog
The name of this site is Hindi Blog
(6) Strong Text:
अगर आपको HTML में टेक्ट को Important बताना चाहते है इसके लिए इसके
लिए इस टेग का युज किया जाता है यह Bold के समान ही होता है अंतर
मात्र इतना है कि यह टेक्ट का यह Important अर्थ देता है।इसका उपयोग
करने के लिए <strong> का युज करते है और क्लो करने के
लिए </strong> लिखते है इसे निचे दिये गये उदाहरणो से समझ सकते
है।
Example :
<head>
<title> Basic Formatting Tags (Strong) </title>
</head>
<body>
<p> <strong>The name of this site is Hindi blog </strong> </p>
</body>
</html>
The name of this site is Hindi
blog
(7) Emphasized Text:
यदि टेक्ट को Italic में प्रदर्शित कराना हो तो इसका उपयोग कर सकते
है यह Italic की तरह ही होता है अंतर मात्र इतना होता है कि यह टेक्ट
को Important बताता है। इसका उपयोग करने के लिए <em> का युज
करते है और क्लो करने के लिए </em> लिखते है इसे
निचे दिये गये उदाहरणो से समझ सकते है।
Example :
<head>
<title> Basic formatting tags (Emphasized)</title>
</head>
<body>
<p> <em>The name of this site is Hindi blog </em> </p>
</body>
</html>
The name of this site is Hindi
blog
(8) Mark Text:
अगर किसी टेक्ट को HTML में highlight करना हो तो इसके लिए इसका
उपयोग किया जाता हैं। इसके लिए <mark> tag का उपयोग करते है और
क्लोज करने के लिए </mark> का उपयोग करते है इसे निचे दिये गये
उदाहरणो से समझ सकते है।
Example :
<head>
<title> Basic formatting tags (mark)</title>
</head>
<body>
<p> <mark>The name of this site is Hindi blog </mark> </p>
</body>
</html>
The name of this site is Hindi blog
(9) Inserted Text:
अगर टेक्ट को HTML में underline करके प्रदर्शित कराना चाहते है उसके
लिए इसका उपयोग करते है इसका उपयोग करने पर underline दिखाइ पडता है
इसके लिए <ins> tag का उपयोग करते है और क्लोज करने के लिए
</ins> देते है इसे निचे दिये गये उदाहरणो से समझ सकते है।
Example :
<head>
<title> Basic formatting tsgs (Inserted)</title>
</head>
<body>
<p> The name of this site is <ins> Hindi blog </ins> </p>
</body>
</html>
The name of this site is
Hindi blog
(10) Deleted Text:
टेक्ट को HTML में अगर काटा गया हो या delete कर दिया गया हो इस
प्रकार प्रदर्शित कराना चाहते है ता इसके लिए इस टेग का युज करते है
इसमें <del> का उपयोग किया जाता है। और क्लोज करने के लिए
</del> का उपयोग करते है इसे निचे दिये गये उदाहरणो से समझ
सकते है।
Example :
<head>
<title> Basic Formatting Tags (Deleted)</title>
</head>
<body>
<p> The name of this site is <del> Hindi blog </del> </p>
</body>
</html>
Display on browser :
The name of this site is
Hindi blog
(11) Superscript Text:
अगर Html में हमें किसी भी टेक्ट को किसी अन्य टेक्ट के उपर मे
प्रदर्शित कराना हो तो इसके लिए इस टेग का उपयोग कर सकते हैं। इसका
उपयोग करने के लिए <sup> से ओपन किया जाता है और </sup>
द्वारा क्लोज कर दिया जाता है इसे निम्न उदाहरणो से समझ सकते हैं।
Example :
<head>
<title> Basic Formating Tags (Superscript) </title>
</head>
<body>
<p> The name of this site is Hindi blog <sup>Sup</sup></p>
</body>
</html>
The name of this site is Hindi blog
Sup
(12) Subscript Text:
अगर Html में किसी भी टेक्ट को किसी अन्य टेक्ट के नीचे में
प्रदर्शित कराने के लिए इसका उपयोग करते है। इसका उपयोग करने के लिए
<sub> से ओपन किया जाता है और </sub> द्वारा क्लोज कर
दिया जाता है इसे निम्न उदाहरणो से समझ सकते हैं।
Example :
<head>
<title> Basic Formatting Tags (Subscript) </title>
</head>
<body>
<p> The name of this site is Hindi blog <sub>Sup</sub></p>
</body>
</html>
The name of
this site is Hindi blog Sub
(13) Big Tag:
इस tag की सहायता से हम अपने दिये गये text के size को कुछ बड़ा कर
सकते है इसके लिए हमें <big> tag का उपयोग करना होता है और
इसके बाद क्लोज कर दिया जाता है कुछ इस तरह
<big>….</big> इसे निम्न प्रकार से समझ सकते है:
Example :
<head>
<title> Basic Formating Tags (Big) </title>
</head>
<body>
<big> Hindi Blog </big>
</body>
</html>
Hindi blog
(14) Small Tag:
इस tag की सहायता से हम अपने दिये गये text के size को कुछ छोटा कर
सकते है इसके लिए हमें <small> tag का उपयोग करना होता है और
इसके बाद क्लोज कर दिया जाता है कुछ इस तरह
<small>….</small> इसे निम्न प्रकार से समझ सकते
है:
Example :
<head>
<title> Basic Formating Tags (Small) </title>
</head>
<body>
<small> Hindi Blog </small>
</body>
</html>
Hindi Blog
Marquee Tags:
Marquee जिसकी सहायता से आप किसी टेक्ट को दांये से बाये(Left to
Right) या बाये से दाये (Right to Left) या फिर उपर से नीचे (Up to
Down) या नीचे से उपर (Down to up) करा सकते है इसके लिए हमें
condition देना होता है। यह कार्य जिस प्रकार न्युज चैनलो में जिस
प्रकार होता है उसी प्रकार कार्य करता है इसके लिए <marquee>
tag का उपयोग किया जाता है क्लोज करने के </marquee> का
युज किया जाता है हम इसमें Attributes देकर उसके speed को change कर
सकते है। इसे नीचे दिये गये उदाहरण से समझ सकते है।
Example :
<head>
<title> Marquee Tag </title>
</head>
<body>
<marquee> Hindi Blog </marquee>
</body>
</html>
Hindi blog
The name of this site is Hindi Blog
Font Size and Attributes:
Attributes का कार्य जिसमें टेग को एम्प्लीफाय करने का कार्य किया
जाता हैं एम्प्लीफाय का मतलब होता है जिसमें टेग के कार्य में उसके
संबंध में और अन्य प्रकार की सुविधा देता है जैसे की आप <img>
tag का उपयोग कर रहे है वह ब्राउजर पर प्रदर्शित हो रहा है लेकिन उस
image प्रदर्शित हो रहा है उसे किस स्थान पर प्रदर्शित कराना है तथा
उसके लम्बाई और चैड़ाई का निर्धारण करते इसके लिए Attribute जैसे:
scr, width, height इत्यादि का युज कर सकते है।
HTML tag को
Attribute के बिना अधुरा मान सकते है और अगर किसी एलिमेंट का
कलर निर्धारण करते है या फिर बैक ग्राउड कलर change करते है उसके लिए
भी इसकी सहायता से करते है। HTML में बहुत से Attributes
का उपयोग होता है। Attribute का युज तभी किया जाता है जब हमें लिखे
गये कार्यो के अनुसार उसकी आवश्यक्ता होती हो और अलग अलग टेग में
उनके कार्य अलग अलग होते है उसी के अनुसार इसका उपयोग होता है।
IMAGE Link :
इसके लिए हमें <img> tag का युज करना होता है और source के रूप
में उसका location देना पड़ता है इसे निम्न उदाहरणो से समझ सकते है।
HTML Basic Formatting Tags क्या हैं ?
Hello Friends आज अपने इस पोस्ट के माध्यम से पढ़ा डेटाबेस क्या है
तो friends का उम्मीद है कि इस पोस्ट के माध्यम से और बहुत से
जानकारी मिली होगी और आपके मन में जो सवाल थे उनका जवाब भी मिल गया
होगा और उसके साथ कुछ नये Tags की जानकारी भी दि गयी है
जैसे: Marquee Tag, Image link .
Friends, मैं पूरी कोशिश करता हु की इन Post के माध्यम से आपको जो
संदेह करना पूरी तरह से clear हो जाये फिर भी आप को सुझाव देना
चाहते हैं तो इसके लिए आप comment box के माध्यम से दे सकते हैं।
Friends मुझे बहुत पूरी उम्मीद है कि ये पोस्ट आपको जरूर पसंद आई
होगी और मुझे खुसी है कि मैं आपके लिए कुछ का जानकारी इस ब्लॉग के
माध्यम से दे सका और इसी प्रकार किसी बारे में जानकारियां प्राप्त
करनी हो तो comment box के मध्यम से जरूर बताएं जिससे वे
जानकारियां मैं आपके लिए ले सकू धन्यवाद ।