Html Text Formatting In Hindi

Html Text Formatting In Hindi

Leave a Comment / Html Hindi, Programming / By / एचटीएमएल अंडरलाइन टैग, एचटीएमएल इटैलिक टैग, एचटीएमएल ईएम टैग, एचटीएमएल टेक्स्ट फ़ॉर्मेटिंग, एचटीएमएल बोल्ड टैग, एचटीएमएल सबस्क्रिप्ट और सुपरस्क्रिप्ट टैग, एचटीएमएल स्ट्रॉन्ग टैग

Html Text Formatting.

Bold (<strong>) and italic (<em>) text

एक बेसिक से लेकर एडवांस्ड एचटीएमएल वेब पेज डिज़ाइन में आप लिखे गए पैराग्राफ टेक्स्ट, सेक्शन, हैडिंग, या टाइटल टेक्स्ट, और वेब पेज टेक्स्ट इनफार्मेशन को बोल्ड और इटैलिक फॉर्मेट के रूप में प्रारूपित करने के लिए <strong> बोल्ड और <em> इटैलिक टैग एलिमेंट का उपयोग कर सकते हैं। इन एचटीएमएल टैग्स का उपयोग सिंपल वेब पेज टेक्स्ट को अर्थपूर्ण बोल्ड और इटैलिक टेक्स्ट इफ़ेक्ट अर्थ प्रदान करने के लिए किया जाता है.

Html Text Formatting In Hindi

So, let us now bold and italicize a simple paragraph text in an HTML web page.

Html Bold text tag (<strong>).

किसी भी पैराग्राफ टेक्स्ट सेक्शन या इन्फोर्मशन को बोल्ड बनाने के लिए आप एचटीएमएल <strong> टैग एलिमेंट का उपयोग कर सकते हैं। स्ट्रांग टैग का उपयोग आम तौर पर किसी पर्टिक्युअलर वेब पेज टेक्स्ट के लिए किया जाता है. जिसे आप अत्यधिक महत्व या जोर दे कर दर्शाना चाहते है।

Strong tag example.

<p>This is a simple paragraph</p>

<p>This is a simple paragraph<strong>but this is a bold text </strong> paragraph </p>

यहाँ इस एक्साम्प्ल में, साधारण पैराग्राफ टेक्स्ट के साथ “बोल्ड” टेक्स्ट पैराग्राफ टेक्स्ट फ़ॉन्ट स्टाइल में प्रदर्शित किया जाएगा।

Strong Tag Example.

<!DOCTYPE html>

<html>

  <head>

    <title>Paragraph tag example</title>

    <link rel=”stylesheet” href=”styles.css” />

  </head>

  <body>

      <h1 class=”title”>Simple paragraph preview </h1>

     <p>This is simple paragraph</p>

     <p>This is a simple paragraph<strong> but this is a bold text </strong>paragraph</p>

  </body>

</html>

Html Italic text (<em>).

सिंपल एचटीएमएल टेक्स्ट पैराग्राफ ब्लॉक को इटैलिक बनाने के लिए आप <em> एलिमेंट का उपयोग कर सकते हैं। एचटीएमएल em टैग का उपयोग किसी सिंपल टेक्स्ट को इटैलिक कर वेब व्यूअर को नोटिस कराया जाता है। इटैलिक एचटीएमएल पैराग्राफ टेक्स्ट सामान्य वेबपेज पैराग्राफ टेक्स्ट से थोड़ा एक साइड में झुका हुआ प्रदर्शित होता है। इटैलिक टेक्स्ट किसी पर्टिकुलर टेक्स्ट और इनफार्मेशन के इम्पोर्टेंस को वेबसाइट में दर्शाता है।

Here is a simple html text shown with italic text effect.

<p>This is a simple paragraph text </p>

<p>This is a paragraph with <em>italic text</em> effect</p>

यहाँ दिए गए उदाहरण में एचटीएमएल वेब पेज “इटैलिक टेक्स्ट” वर्ड को इटैलिकाइज़्ड फ़ॉन्ट आर्डर में प्रदर्शित किया गया है।

यह आप याद रखे कि एचटीएमएल में <strong> और <em> टैग्स एलिमेंट का उपयोग वेब पेज सिमेंटिक मार्कअप के लिए किया जाता है, और वास्तविक में आप इन विज़ुअल स्टाइल्स (बोल्ड या इटैलिक फ़ॉन्ट) वेब ब्राउज़र या सीएसएस (कैस्केडिंग स्टाइल शीट्स) का उपयोग कर आसानी से एक से अधिक वेब पेज टेक्स्ट और इन्फोर्मशन पर लागू कर सकते है। एचटीएमएल में css आपके वेब पेज में एक्स साथ एक से अधिक संशोधन के लिए अधिक सहायक है।

Italic Tag Example.

<!DOCTYPE html>

<html>

  <head>

    <title>Italic Paragraph tag example</title>

    <link rel=”stylesheet” href=”styles.css” />

  </head>

  <body>

      <h1 class=”title”>Simple Italic paragraph preview </h1>

     <p>This is a simple paragraph text</p>

<p>This is a paragraph with <em>italic text</em> effect</p>

  </body>

</html>

If you can display simple html paragraph text in bold and italic format using css.

<style>

  strong {

    font-weight: bold;

  }

  em {

    font-style: italic;

  }

</style>

इसके लिए आपको इनलाइन या एक्सटर्नल सीएसएस के साथ, <strong> टैग हमेशा अपनी सामग्री को बोल्ड फ़ॉन्ट में प्रस्तुत करेगा, और <em> टैग अपनी एचटीएमएल टेक्स्ट इनफार्मेशन सामग्री को इटैलिकाइज़्ड फ़ॉन्ट में प्रस्तुत करेगा।

Underlining text (<u>)

यदि आप अपने साधारण एचटीएमएल वेब पेज में अंडरलाइन पैराग्राफ टेक्स्ट इफ़ेक्ट अप्लाई करना चाहते है. तो आप <u> एचटीएमएल टैग का उपयोग करके पैराग्राफ टेक्स्ट के नीचे अंडरलाइन रेखांकित कर सकते हैं। सामान्यता टेक्स्ट अंडरलाइन का उपयोग एचटीएमएल में अधिक नहीं किया जाता है, और यदि अंडरलाइन टेक्स्ट किया जाता है, तो यह लगभग हाइपरलिंक टेक्स्ट की तरह प्रदर्शित होता है. आप वेब पेज टेक्स्ट के लिए, डिजायर व्यू इफ़ेक्ट प्राप्त करने के लिए आमतौर पर सीएसएस जैसी अन्य स्टाइलिंग तकनीकों का उपयोग कर सकते है।

So, let’s underline a simple html text paragraph.

<p>This is a simple paragraph text </p>

<p>This is a text with<u> underlined</u> effect</p>

यहाँ इस उदाहरण में, “अंडरलाइन” शब्द को अंडरलाइन एचटीएमएल टैग इफ़ेक्ट के साथ प्रदर्शित किया जाएगा।

Underline Tag Example.

<!DOCTYPE html>

<html>

  <head>

    <title>Underline Paragraph tag example</title>

    <link rel=”stylesheet” href=”styles.css” />

  </head>

  <body>

      <h1 class=”title”>Simple Underline paragraph preview </h1>

     <p>This is a simple paragraph text</p>

<p>This is a text with<u> underlined </u> effect</p>

  </body>

</html>

Bold text(<b>)

किसी साधारण से दिखने वाले वेब पेज टेक्स्ट को एचटीएमएल में आप <b> टैग का उपयोग करके पैराग्राफ टेक्स्ट को बोल्ड कर सकते हैं। एचटीएमएल में <b> टैग का उपयोग यह इंगित करने के लिए किया जाता है कि लिखा गया एचटीएमएल टेक्स्ट को बोल्ड फ़ॉन्ट फॉर्मेट में प्रदर्शित किया गया है। इसे पुराने एचटीएमएल 4 वर्शन में उपयोग किया जाता था. लेकिन वर्त्तमान में एचटीएमएल 5 में <strong> टैग की तरह कोई विशिष्ट टैग अर्थ अर्थ नहीं होता है।

So, let’s make a simple text bold with bold tag in html.

<p>This is a simple paragraph text</p>

<p>This is a paragraph <b> with bold text </b> effect</p>

उपरोक्त उदाहरण में, “विथ बोल्ड टेक्स्ट” शब्द को बोल्ड फ़ॉन्ट में दर्शाया गया है।

Bold and Italic Tag Example.

<!DOCTYPE html>

<html>

  <head>

    <title>Bold and italic Paragraph tag example</title>

    <link rel=”stylesheet” href=”styles.css” />

  </head>

  <body>

      <h1 class=”title”>Simple Bold and Italic paragraph preview </h1>

      <p>1. Bold Html tag</p>

     <p>This is a simple paragraph text</p>

<p>This is a paragraph <b> with bold text </b> effect</p>

<p>2. Italic Html Tag</p>

<p>This is a simple paragraph text</p>

<p>This is a paragraph <b> with italic text </b> effect</p>

  </body>

</html>

Superscript (<sup>) and subscript (<sub>) text

यदि आप किसी डेवेलोप एचटीएमएल वेब पेज में टेक्स्ट को साधारण टेक्स्ट के ऊपर और निचे प्रदर्शित करना चाहते है। तो आप सुपरस्क्रिप्ट टेक्स्ट (सामान्य बेसलाइन के ऊपर दिखाई देने वाला टेक्स्ट) बनाने के लिए <sup> एचटीएमएल टैग एलिमेंट का उपयोग कर सकते हैं, और इसी तरह सामान्य टेक्स्ट के साथ सबस्क्रिप्ट टेक्स्ट (सामान्य बेसलाइन के नीचे दिखाई देने वाला टेक्स्ट) बनाने के लिए <sub> एचटीएमएल टैग एलिमेंट का उपयोग कर सकते हैं। इन एचटीएमएल टैग एलिमेंट्स का उपयोग आमतौर पर किसी विशेष एचटीएमएल वेब पेज में मैथमेटिकल फार्मूला प्रीव्यू, साइंस के केमिकल फार्मूला, वेब पेज फुटर में कॉपीराइट, रेजिस्ट्रेड, ट्रेडमार्क, सिंबल, फ़ुटनोट और अन्य स्थितियों के लिए किया जाता है।

So, let’s use superscript html tag in an html web page.

Html Superscript text (<sup>).

किसी भी एचटीएमएल पैराग्राफ टेक्स्ट को सुपरस्क्रिप्ट टेक्स्ट बनाने के लिए, आप <sup> टैग एलिमेंट का उपयोग करते हैं।

Example.

<p>This is a <sup>mitacaemys.com</sup> text display as superscript format </p>

इस उदाहरण में, शब्द “mitacaemys.com” सामान्य टेक्स्ट बेसलाइन के ऊपर प्रदर्शित करेगा।

Html Subscript text (<sub>).

किसी भी साधारण एचटीएमएल पैराग्राफ टेक्स्ट को सबस्क्रिप्ट टेक्स्ट फॉर्मेट में बनाने के लिए, आप <sub> एचटीएमएल टैग एलिमेंट का उपयोग करते हैं।

Example.

<p>This is a <sub>mitacaemys.com</sub> text display as subscript format</p>

इस उदाहरण में, शब्द “mitacaemys.com” सामान्य टेक्स्ट बेसलाइन के नीचे प्रदर्शित करेगा।

Superscript and subscript html tag example.

<!DOCTYPE html>

<html>

  <head>

    <title>Superscript and subscript tag example</title>

    <link rel=”stylesheet” href=”styles.css” />

  </head>

  <body>

      <h1 class=”title”>Superscript and subscript paragraph preview </h1>

      <p><strong>Superscript Html Tag Example</strong></p>

      <p>This is a <sup>mitacaemys.com</sup> text display as superscript format </p>

      <p><strong>Subscript Html Tag Example</strong></p>

      <p>This is a <sub>mitacaemys.com</sub> text display as subscript format</p>

      <h3>Some of the professional sup and sub tag example</h3>

      <p>a<sup>2</sup>-b<sup>2</sup>=(a-b) (a+b) </p>

      <p>H<sub>2</sub>O</p>

  </body>

</html>

Rate this post

Related posts

Libre office 5About Libre office In Hindi. microsoft office 2016About Microsoft office 2016 Hindi About Microsoft Office 2013 Pro Plus Hindi. Apache open office hindiApache Open Office Hindi. Introduction To HTML In HindiIntroduction To HTML In Hindi HTML Document Structure In HindiHTML Document Structure In Hindi Everything About Microsoft Windows 10.Everything About Microsoft Windows 10 Hindi. HTML Elements In HindiHTML Elements In Hindi Google search engineWhat Is A Search Engine and Their Type In Hindi? Windows 10 Apps HindiMicrosoft Windows 10 Apps Hindi. About Wps officeAbout Wps Office Hindi Windows 8 AppsMicrosoft Windows 8 Apps Hindi. Windows 7 hindiAbout Microsoft Windows 7 Hindi. What is internetWhat Is The Internet in Hindi? LinuxWhat is Linux, A Complete Overview of Ubuntu Linux Hindi. Windows operating systemMicrosoft Windows Legacy Operating System Hindi. Output and input deviceInput And Output Devices in Hindi. login office 365About Microsoft office 365 Hindi. Keyboard and mouseMouse and Keyboard Operations in Hindi. Css full formAbout Css In Hindi. Internet ProtocolsInternet Technology And Network Protocols In Hindi. Computer hardwarePc assembly and its operation Hindi. Windows 8About Microsoft Windows 8.1 Hindi. Text Formatting.Html Text Formatting type of computer memoryAbout Computer Memory Hindi. computer networkType of Computer or Internet Network In Hindi. Motherboard portComputer Motherboard Cable And Port Type In Hindi. type of programmingType of Computer Programming in Hindi. ftp softwareInternet Network Services And Ftp In Hindi. Computer fundamental hindiComputer Fundamental Hindi. Motherboard and its componentsComputer Motherboard and its Components in Hindi. Motherboard slotsComputer Motherboard Slots and All Type of External Cards In Hindi. Social mediaMost Used Popular Internet Messenger And Social Media Platform In Hindi. internet growthGrowth of the Internet Hindi. बहुपद कक्षा 10 (Polynomial Class 10th) समान्तर श्रेढ़ी कक्षा 10 (Arithmetic Progressions Class 10th) Network TopologyTypes of Network Communication Media And Network Topology In Hindi. htmlLearn Html समुच्चय कक्षा 11 (The Sets Class 11th) निर्देशांक ज्यामिति कक्षा 10 (The Coordinate Geometry Class 10th) दशमलव संख्याएँ कक्षा 7 (Decimal Number Class 7th) त्रिकोणमिति कक्षा 10 (The Trigonometry Class 10th) निर्देशांक ज्यामिति कक्षा 9 (The Coordinate Geometry Class 9th) दो चर वाले रैखिक समीकरण युग्म कक्षा 10 (Pair of Linear Equations in Two Variables Class 10th) वास्तविक संख्याओं पर संक्रियाएँ कक्षा 9वीं (Operations on Real Numbers Class 9th) बहुपद कक्षा 9वीं (Polynomial Class 9th) flowchart and algorithmsC language Algorithms, Flowchart, and Terms In Hindi. भिन्न संख्याएँ कक्षा 7 (Fraction Class 7th) वास्तविक संख्याओं का दशमलव प्रसार कक्षा 9वीं (Decimal Expansion of Real Numbers Class 9th) Intel microprocessorsAbout Microprocessors Cpu in Hindi. हीरोन का सूत्र कक्षा 9 (Heron’s Formula Class 9th) Python programmingAbout Python Programming In Hindi. यूक्लिड की ज्यामिति का परिचय कक्षा 9 (Introduction to Euclid’s Geometry Class 9th) पूर्णांक संख्याएँ कक्षा 6 (Integer Class 6th) बहुपद के शून्यकों का ज्यामितीय (आलेखीय) अर्थ कक्षा 10 [Geometrical (Graphical) Meaning of the Zeroes of the Polynomial Class 10th] पूर्ण संख्याएँ कक्षा 6 (Whole Number Class 6th) दो चरों वाले रैखिक समीकरण कक्षा 9 (Linear Equations of two Variables Class 9th) First Program In C Language. in hindiFirst Program In C Language In Hindi. HTML Document StructureHTML Document Structure html5Learn Html5 परिमाप और क्षेत्रफल कक्षा 6 (Perimeter and Area for Class 6th) विभाजन सूत्र कक्षा 10 (The Section Formula Class 10th) रेखाएँ और कोण कक्षा 9 (Lines and Angles Class 9th) Microsoft office 2016About Microsoft office 2016 परिमेय संख्याओं का दशमलव प्रसार कक्षा 10 (Decimal Expansion of Rational Number Class 10th) About Libre office. संख्या पद्धति कक्षा 9वीं (Number System Class 9th) HTML ElementsHTML Elements द्विघात समीकरण कक्षा 10 (Quadratic Equations Class 10th) c programmingWhat Is C Programming In Hindi. त्रिभुजों की समरूपता कक्षा 10 (Similarity of Triangles Class 10th) Data type in c programming.Data Type In C Programming Hindi. Windows 11 operating systemAbout Microsoft windows 11 Hindi. tailwind cssWhat Is Tailwind Css समान्तर श्रेढ़ी का n वाँ पद (व्यापक पद) कक्षा 10 (nth Term of Arithmetic Progression Class 10th) समान्तर श्रेढ़ी के पहले n पदों का योग कक्षा 10 (Sum of n Terms of Arithmetic Progression Class 10th) प्रायिकता कक्षा 10 (Probability Class 10th) About Microsoft Office 2013 Pro Plus. Polynomials Class 10th Python Q&A Sections in hindiPython Q&A Sections In Hindi. एक वृत्त के चाप द्वारा अंतरित कोण कक्षा 10 (Angles Made by the Arc of Circle Class 10th) bootstrap cssWhat Is Bootstrap Css view.jsAbout Vue.js अपरिमेय संख्या और अपरिमेयता कक्षा 10 (Irrational Number and Irrationality Class 10th) कार्तीय समतल में दो बिन्दुओं के बीच की दूरी और दूरी सूत्र कक्षा 10 (The Distance Formula Class 10th) वृत्त की स्पर्श रेखा और छेदक रेखा कक्षा 10 (Tangent and Secant of Circles Class 10th) बीजगणित प्रश्नोत्तर (The Algebra Q & A) Type of Variable In C Programming.Type of Variable In C Programming In Hindi. वृत्त की जीवा द्वारा अंतरित कोण कक्षा 10 (Angle Made by a Chord of Circle Class 10th) Operators In C Programming.Operators In C Programming Hindi. घात और घातांक कक्षा 8 (Powers and Exponents Class 8th) Apache open officeApache Open Office. यूक्लिड विभाजन प्रमेयिका कक्षा 10 (The Euclid’s Division Lemma Class 10th) एक चर वाले रैखिक समीकरण कक्षा 8 (Linear Equation in One Variable Class 8th) अंकगणित की आधारभूत प्रमेय कक्षा 10 (Fundamental Theorem of Arithmetic Class 10th) Everything About Microsoft Windows 10. त्रिभुज और इसके गुण कक्षा 10 (The Triangle and its Properties Class 10th) वृत्तों से संबंधित क्षेत्रफल कक्षा 10 (Areas Related to Circle Class 10th) Trigonometry Class 10th क्षेत्रमिति प्रश्नोत्तर (The Mensuration Q & A) वास्तविक संख्याएँ कक्षा 8 (Real Number Class 8th) पृष्ठीय क्षेत्रफल और आयतन कक्षा 10 (Surface Area and Volume Class 10th) वर्ग और वर्गमूल कक्षा 8 (Square and Square Root Class 8th) learn c programmingLearn C Programming Start With C Programming in hindiStart With C Programming In Hindi. निर्देशांक ज्यामिति में त्रिभुज का क्षेत्रफल कक्षा 10 (Area of the Triangle in Coordinate Geometry Class 10th) वास्तविक संख्याओं के लिए घातांक के नियम कक्षा 9 (Laws of Exponents for Real Numbers Class 9th) संबंध और फलन कक्षा 12 (Relation and Function Class 12th) NCERT गणित कक्षा 10 अध्याय 1 वास्तविक संख्याएँ हल bulma cssWhat Is Bulma Css एक वृत्त के एकान्तर खंड के कोण कक्षा 10 (Angles of Alternate Segment of Circle Class 10th) javascript programmingLearn Java Script Programming संख्या रेखा पर वास्तविक संख्याओं का निरूपण कक्षा 9वीं (Representation of Real Numbers on the Number Line Class 9th) tableauAbout Python Tableau कुछ विशिष्ट कोणों के लिए त्रिकोणमितीय अनुपात कक्षा 10 (Trigonometric Ratios of Specific Angles Class 10th) arduinoAbout Arduino Microcontroller Board mysqlAbout mysql About Raspberry pi board चक्रीय चतुर्भुज कक्षा 10 (Cyclic Quadrilateral Class 10th) scala programmingAbout Scala Programming Coordinate Geometry (Analytical Geometry) Class 10th mongodbAbout MongoDb Database reactjsAbout ReactJs Framework वृत्त की परिधि कक्षा 10 (The Circumference of Circle Class 10th) xmlAbout Xml javaLearn Java Programming पाइथागोरस प्रमेय (बौधायन प्रमेय) कक्षा 10 (The Pythagoras Theorem Class 10th) scipy python libraryAbout Scipy Python Library त्रिकोणमिति के कुछ अनुप्रयोग कक्षा 10 (Some Application of Trigonometry Class 10th) jsonAbout Json json javascript object notation jqueryWhat Is Jquery/javascript query postgresqlAbout Postgresql बहुपदों पर संक्रियाएँ कक्षा 10 (Operation on Polynomial Class 10th) Arithmetic Progression Class 10th pandasAbout Pandas expressjsWhat Is Express.js plsqlAbout Pl/Sql Introduction to HTML.Introduction to HTML Quadratic Equation Class 10th nodejsWhat is Nodejs विभाजन एल्गोरिथ्म, शेषफल प्रमेय और गुणनखंड प्रमेय कक्षा 10 (Division Algorithm, Remainder and Factor Theorem Class 10th) Windows legacy osMicrosoft Windows Legacy Operating system. c# programmingAbout C# Programming प्रायिकता प्रश्नोत्तर (The Probability Q & A) windows question and answerMicrosoft Windows Q&A Sections In Hindi. परिमेय संख्याएँ कक्षा 8 (Rational Numbers Class 8th) python numpyAbout Python Numpy Windows 10 apps DescriptionMicrosoft Windows 10 Operating System Apps. magentoAbout Magento Programming What is CssAbout Css(cascading style sheet).

Similar Posts

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top