Html Text Formatting In Hindi – Html Basic Formatting Tag In Hindi

पिछले पोस्ट में हमने HTML क्या है Hyper text का परिचय | Version Of HTML | In Hindi के बारे में पढ़ा था अगर आपने अभी तक उस पोस्ट के बारे में नहीं पढ़ा है तो पहले उसका अध्ययन कर लीजिये उसके बाद ही इस आर्टिकल को पढ़े । तो चलिए आज हम Html की Basic Formating Tags के बारे में अध्ययन करने वाले है

HTML Basic Formatting Tags क्या-क्या होते है ?

वर्डप्रेस में आप आसानी से टेक्स्ट को Bold, Italic, Underline, Mark, Sup, Sub, Delete, इत्यादि फॉर्मेट एक बटन दबाते ही कर लेते है किन्तु जब आप एक डायनामिक वेबसाइट जैसे Html ,CSS,javascript और php के माध्यम से कोडिंग कर एक वेबसाइट बनाते है तो उसमे टेस्ट को कलर या formatting करना थोडा मुस्किल जाता है किन्तु html की कुछ बेसिक Formatting टैग की सहायता से आप html में भी बिना Css की सहायता से टेक्स्ट में Formatting कर सकते है ।

Html basic formatting tags

Basic formating tags वे tags होते हैं जिनके द्वारा तत्वो के प्रारूप को बदला जा सकता है। जैसे text को सामान्य प्रकार से प्रदर्शित ना करके उसके आकार, रंग एवं design को बदल देते हैं। इन tags का उपयोग HTML में सबसे अधिक किया जाता है।

सामान्य रूप से इस टैग का उपयोग Html के टैग के अन्दर ही किया जाता है क्योकि Css में आप एक – एक एलेमेंट्स के लिए स्टाइल नहीं कर सकते है । इसमें निम्न tags आते है।

i) Heading Tags in Html :

अगर आप अपने किसी भी टेक्स्ट को Heading ( शीर्षक ) के रूप में देना चाहते है तो आप Html की <Heading> tag का use कर सकते है । HTML में text के लिए 6 levels heading का निर्धारण किया जा सकता है। Heading के निर्धारण के लिए <hl>, <h2>, <h3>, <h4>,<h5> एवं <h6> का उपयोग किया जाता है जो अंक की संख्या बढ़ने के साथ text का आकार छोटा होता जाता है। इसे निम्न दो प्रकार से text के साथ उपयोग में ला सकते हैं।

Example <h1> :

<hl> This Is My First Heading

<h1> This Is My First Heading <h1>

पहले उदाहरण में closing tag नहीं दिया गया है इसलिए <h1> का प्रभाव font में बदलाव, paragraph break या white space तक के लिए होता है।

Example <h6> :

<h6> this Is my heading 6 </h6>
this Is my heading 6

ii) Paragraph Tag in Html:

Heading के बाद अगर आप एक पैराग्राफ लिखना चाहते है तो Paragraph के लिए <p> tag का उपयोग किया जाता है जहाँ से हम नया paragraph आरंभ करना चाहते है वहाँ <p> लिख देते है जिससे text अगली लाईन से प्रदर्शित होना start हो जाता है निम्न उदाहरण की तरहः

Example

<P> आपका पहले पैराग्राफ यहाँ से स्टार्ट होगा />

<P> आपका दूसरा पैराग्राफ यहाँ से start होगा </p>

Output:

आपका पहले पैराग्राफ यहाँ से स्टार्ट होगा
आपका दूसरा पैराग्राफ यहाँ से start होगा

ii) Line Break in Html

ऐसी स्थिति जब line बदलना होता है जिसे carriage return कहते है उसके लिए <br> tag का उपयोग किया जाता है। सामान्यतः जब कविता इत्यादि लिखा जा रहा हो जिसमें कुछ शब्द वे बाद अगली लाईन पर text को प्रदर्शित करना होता है उसमें इस tag का उपयोग किया जाता है। इसे निग्न उदाहरण से समझ सकते है।

Example

Hello Dear ..! <br> My name Is Ramkrishna

Output
Hello Dear..!
My name Is Ramkrishna

iii) Bold Text in Html:

word Document में किसी टेक्स्ट को बोल्ड करने के लिए सिंपल से दिए गए B बटन पर क्लिक कर देते है और हमारा सेलेक्ट किया गया टेक्स्ट बोल्ड हो जाता है ठीक उसी प्रकार HTML में text को bold करने के लिए <b> tag लिखते हैं और इसे बंद करने के लिए </b> लिखेंगे।

जैसेः <p> <b> Text display in bold </b><p>

Display on browser: Text display in bold

iv) Italic Text in Html:

HTML में text को italic करने के लिए <i> tag लिखते हैं और इसे बंद करने के लिए </i> tag लिखेंगे।

जैसेः <p> <i> Text display in Italic </i><p>

Display on browser: Text display in Italic

v) Strong Text in Html:

HTML में text को important दिखाने के लिए <strong> tag का उपयोग करते हैं, यह bold की तरह ही होता है, परंतु यह text को important का अर्थ देता है।

जैसेः <p><strong> Text display in Strong </strong><p>

Display on browser: Text display in Strong

vi) Emphasized Text in html:

HTML में text को italic में प्रदर्शित करने के लिए इस tag का उपयोग करते हैं। इस tag को <em> में लिखा जाता है। Italic एवं इसमें अंतर यह है कि यह text को important होने का अर्य देता है।

जैसेः <p><em> Text display in Strong </em><p>

Display on browser: Text display in Strong

vii.) Mark Text in Html

HTML में text को highlight करके प्रदर्शित करना चाहते हैं तो इस tag का उपयोग करते हैं। इस tag को <mark> के रूप में लिखा जाता है।

जैसे: <p><mark> Text display in Mark </mark><p>

Display on browser. Text display in Mark

viii) Inserted Text in Html:

HTML में text को undeline करके प्रदर्शित करना चाहते हैं तो इस tag का उपयोग करते हैं। इस tag को <ins> में लिखा जाता है।

जैसे : <p>Text display in <ins>Inserted</ins>format<p>

Text display in Inserted format

ix.) Deleted. Text in Html

HTML में text को ऐसे प्रदर्शित करना है जैसे कि उसे delete कर दिया गया है तो इसके लिए <del> tag का उपयोग करते हैं।

जैसेः <p>Text display in <del>Deleted</del>format<p>

Display on browser: Text display in Deleted format

x) Superscript Text in Html:

HTML में text को अन्य text के ऊपर (Superscript) मेंप्रदर्शित करना है तो इसके लिए <sup> tag का उपयोग करते हैं।

जैसे <p>Text display in <sup>Sup</sup>format<p>

Display on browser: Text display in Sup format

xi) Subcript Text in Html:

HTML में text को अन्य text के नीचे (Subscript) में प्रदर्शित करना है तो इसके लिए <sub> tag का उपयोग करते हैं।

जैसेः <p>Text display in <sub>Sub</sub>format<p>

Font size and Attibutes:

Attributes का कार्य tag को amplify करना होता है। Amplify का अर्थ होता है tag के कार्य में उससे संबंधित अन्य प्रकार सुविधाओं का विस्तार करना। जैसेः आप <img> tag के उपयोग करके browser पर किसी image को प्रदर्शित करा सकतेहै। परंतु किस image को प्रदर्शित करना है, उस image को browser के किस स्थान पर प्रदर्शित कराना है, उसकी लम्बाई चौड़ाई क्या होगी इसके लिए attributes जैसे: scr, coordinate, width, height इत्यादि उपयोग किये जाते हैं।

Attributes के बिना HTML tag को अधूरा माना जा सकता है। जैसे आप किसी element को browser पर प्रदर्शित कर रहे है और उसके साथ ही आप उस element का color, background color इत्यादि को भी निर्धारित करना चाहते हैं तो यह कार्य बिना attribute के संभव नहीं है। बहुत सारे HTML tag होते हैं जिनके पास एक unique attribute होता है, परंतु कुछ attribute होते हैं जो अनेक tag के साथ उपयोग होते हैं।

Html Attribute और उसके कार्य :


Attribute ( विशेषता ) Options (हम क्या कर सकते है ) Function (इनके क्या कार्य होते है )
Align Right, left, center, justify Horizontally Aligns Tags
Valign Top, middle, bottom Vertically Aligns Tags within an HTML element.
Bgcolor Numeric, hexadecimal, RGB values Place a Background Color Behind a Element.
Background URL Place an Background images behind an Element.
Title User Define “Pop – up”title for your elements.
Id User Define Name an element for use with Cascading Style Sheets
Width User Define Specifies The width of Table, Image, or Table Cell
Height User Define Specifies The Height of Table, Image, or Table Cell

उक्त सभी attribute का उपयोग उस समय करते हैं जब इसमें लिखे गये उनके कार्य के अनुसार उनकी आवश्यकता होती है। अलग-अलग tag में उनके कार्य के अनुसार attribute उपयोग होते हैं।

<font face=”font_name” size=”size_in_integer color=”color_name”> any text…… </font>

Example: 

<font face=”roboto” size=”18″ color=”red”>Rkonline Is Good Education Website.</font>

अंतिम शब्द –

हेल्लो गाइस मेरा नाम रामकृष्ण साहू है और मै इस ब्लॉग का ओनर हूँ | इस आर्टिकल में हमने पढ़ा की Html की basic Formatting Tags क्या क्या होते है ? तो दोस्तों आपको ये पोस्ट कैसे लगा , I think आपको समझ में आया होगा अगर किसी प्रकार की कोई प्रॉब्लम है तो हमें कमेंट बॉक्स में बताये |

दोस्तों एक छोटा सा request है अगर ये पोस्ट आपको हेल्प फुल लगा तो प्लीज इस आर्टिकल को अपने दोस्तों से शेयर जरुर करे |

| Thanks You..| Jay Hind..| Jay Chhattisgarh |

Post a Comment

0 Comments