Skip to main content

एचटीएमएल शब्‍द-सजावट (HTML Text Formating) ||



एचटीएमएल में शब्‍दों की सजावट के लिये निम्‍नलिखित विकल्‍प प्रयोग होते हैं ।

  1. बोल्‍ड टेक्‍स्‍ट - टेक्‍स्‍ट् मोटा करना
  2. स्‍ट्रान्‍ग टेक्‍स्‍ट - टेक्‍स्‍ट् मोटा करना
  3. इटैलिक टेक्‍स्‍ट - टेक्‍स्‍ट् तिरछा करना
  4. इम्‍फैसाइज्‍्ड टेक्‍स्‍ट - टेक्‍स्‍ट् तिरछा करना
  5. मार्क्ड टेक्‍स्‍ट - टेक्‍स्‍ट् मार्क करना
  6. स्‍माल टेक्‍स्‍ट - टेक्‍स्‍ट् छोटा करना
  7. डिलीटेड टेक्‍स्‍ट - टेक्‍स्‍ट् डिलीट दिखाना
  8. इनसर्टेड टेक्‍स्‍ट - नया टेक्‍स्‍ट इनसर्टेड दिखाना
  9. सबस्क्रिप्‍ट टेक्‍स्‍ट - टेक्‍स्‍ट के नीचे टेक्‍स्‍ट या नम्‍बर दिखाना
  10. सुपरस्क्रिप्‍ट टेक्‍स्‍ट - टेक्‍स्‍ट के उपर टेक्‍स्‍ट या नम्‍बर दिखाना
  11. अन्‍डरलाइन्‍ड टेक्‍स्‍ट - टेक्‍स्‍ट अन्‍डरलाइन करना

 उदाहरण -

<p>This is a Normal Text</p>
<p>This is a<b> bold </b> text</p>
<p>This is a <strong> strong </strong> text</p>

<p>This is a Normal Text</p>
<p>This is an<i> italic </i> text</p>
<p>This is an <em> emphasized </em>text</p>

<p>This is a Normal Text</p>
<h1>This is a<small>small text than</small> others</h1>

<p>This is a Normal Text</p>
<h1>This is a<mark>marked text</mark>in heading</h1>

<p>This is a Normal Text</p>
<p>This is <del>deleted</del>text</p>

<p>This is a Normal Text</p>
<p>This is<ins>inserted</ins>text</p>

<p>This is a Normal Text</p>
<p>This is a subscript <sub>text</sub> </p>

<p>This is a Normal Text</p>
<p>This is a superscript<sup>text </sup></p>

<p>This is a Normal Text</p>
<p>This is a<u> Underlined </u> text</p>

परिणाम -
This is a Normal Text
This is a bold text
This is a strong text
   बोल्‍ड और स्‍ट्रान्‍ग एक ही चीज होती है । इसका प्रयोग इच्‍छानुसार कर सकते हैं ।

This is a Normal Text
This is an italic text
This is an emphasized text
   इटैलिक और इम्‍पैसाइज टेक्‍स्‍ट एक ही चीज होती है । इसका प्रयोग इच्‍छानुसार कर सकते हैं ।

This is a Normal Text

This is a small text than others

हेडिंग के अन्‍दर कुछ टेक्‍स्‍ट को हेडिंग की अपेक्षाकृत छोटा दिखाना

This is a Normal Text

This is a marked text in heading

हेडिंग के अन्‍दर कुछ टेक्‍स्‍ट को चिन्हित करना दिखाना

This is a Normal Text
This is deleted text
पैराग्राफ में किसी एक शब्‍द की उपस्थिति को डिलीट दिखाना

This is a Normal Text
This is inserted text
पैराग्राफ के अन्‍दर किसी नये शब्‍द की उपस्थिति दिखाना

This is a Normal Text
This is a subscripttext
किसी एक शब्‍द के नीचे कोई एक अन्‍य शब्‍द या नम्‍बर लगाना

This is a Normal Text
This is a superscripttext
किसी एक शब्‍द के उपर कोई एक अन्‍य शब्‍द या नम्‍बर लगाना

This is a Normal Text
This is a Underlined text
किसी शब्‍द को अन्‍डरलाइन दिखाना

इस तरह से इतने प्रकार से एचटीएमएल शब्‍दों की प्रकृति को बदला जा सकता है ।

Comments

  1. aapne bhut hi acche tarike se html basic tags, font tags aur heading tags ke baare me samjhaya hai. Esii trah aur tutorials bnaayee. Maine v apni site me pura html video tutorial hindi me bnaaya hai. Agar koi sikhna chahata hai to meri site me jaake sikh sakta hai. Complete html hindi tutorials free online.

    ReplyDelete

Post a Comment

Popular posts from this blog

एचटीएमएल संरचना ।

पिछले पाठ में हमने एचटीएमएल का एक प्रारूप देखा । यहाँ पर उस प्रारूप की व्‍याख्‍या की जायेगी । इस अध्‍याय को लिखते समय हम यह मानकर चल रहे हैं कि वेबडिजाइनिंग सीखने की इच्‍छा रखने वाले को सामान्‍य कम्‍प्‍यूटर ज्ञान जैसे कि कम्‍प्‍यूटर की कोई फाइल या फोल्‍डर खोलना, बन्‍द करना, किसी प्रोग्राम को खोलना, नया फोल्‍डर बनाना, किसी फाइल को खोलना, उसपर काम करना, उसे सेव करना तथा डिलीट करना आदि । इसलिये हम इन सभी बातों को बताने की अपेक्षा सीधे एचटीएमएल की तरफ चलते हैं । एचटीएमएल का फुलफार्म - HTML = Hyper Text Markup Language एचटीएमएल संरचना - पिछले पाठ में हमने निम्‍न कोडिंग का प्रयोग किया था । <!DOCTYPE HTML> <html> <head> <title>My First Html Page</title> </head> <body> Hello World </body> </html> अब इस कोडिंग की पूरी व्‍याख्‍या यहाँ प्रस्‍तुत की जा रही है ताकि आप एचटीएमएल को पूरी तरह समझ सकें । यह ध्‍यान रखें कि एचटीएमएल वेबपेज बनाने का सर्वप्रथम सोपान है, बिना इसके सीखे आप वेबपेज नही बना सकते हैं । <!DOCTYPE

एचटीएमएल सीखें - हिन्‍दी में ।।

मित्रों       वेबसाइट डिजाइनिंग सीखने के शुरुआती दिनों में ज्‍यादा तकलीफ इसी लिये हुई कि कई सारी चीजें अंग्रेजी में समझ में आती ही नही थीं । फिर घर से दूर जाकर सीखने के लिये समय का अभाव भी था । इन्‍ही बातों को ध्‍यान में रखते हुए मेरे जैसे बाकी लोगों को ये समस्‍या न आने पाये, इसके लिये ही हिन्‍दी में में यह ट्यूटोरियल ब्‍लाग प्रारम्‍भ किया जा रहा है ।      इस ब्लाग पर सबसे पहले एचटीएमएल जो कि वेबसाइट बनाने के लिये सर्वप्रथम व अनिवार्य डिजाइनिंग भाषा है को सिखाया जायेगा । जिससे कि आप सभी कुछ सामान्‍य व आवश्‍यक चीजों को जान सकें । आवश्‍यकता -  एचटीएमएल सीखने के लिये प्राथमिक आवश्‍यकता मात्र एक कम्‍प्‍यूटर सिस्‍टम जिसमें कि एक इण्‍टरनेट ब्राउजर तथा एक टेक्‍स्‍ट एडिटर (उदा. नोटपैड) हो की है । यदि आपके पास विन्‍डोज सिस्‍टम है तो इसमें इण्‍टरनेट एक्‍सप्‍लोरर इण्‍टरनेट ब्राउजर   तथा नोटपैड पहले से ही होता है । अन्‍य इण्‍टरनेट ब्राउजर्स में मोजिला का फायरफॉक्‍स, गूगल क्रोम, सफारी आदि कई हैं । इनमें से जो भी चाहें प्रयोग कर सकते हैं । यदि फायरफाक्‍स का प्रयोग करें तो अधिक आसानी

एचटीएमएल हेड सेक्‍सन (शीर्ष विभाग) ।।

     पिछले पाठ में हमने एचटीएमएल पृृष्‍ठ की सामान्‍य संरचना पढी । इस पाठ में हम वेब पेज के निर्माण में लगने वाली मूलभूत कोडिंग के विषय में जानेंगे ।      प्राय: सभी एचटीएमएल शिक्षक एक एक विषय को पकडकर एचटीएमएल कोडिंग सिखाते हैं जो निश्‍चय ही एक अत्‍यन्‍त महत्‍वपूर्ण व बेहतर तरीका है । किन्‍तु यह तरीका उन लोगों के लिये कम कारगर है जो कम समय में ज्‍यादा सीखना चाहते हैं । इसलिये यहाँ पर सिखाने का तरीका '' सरल से जटिल '' की आेर पर आधारित है  ।     आज के पाठ में हम एचटीएमएल के हेड सेक्‍सन में की जाने वाली महत्‍वपूर्ण कोडिंग सीखेंगे । एचटीएमएल हेड सेक्‍सन (शीर्ष विभाग) -      एचटीएमएल का हेड सेक्‍सन वह विभाग है जो हमें वेबपेज के रूप में तो नहीं दिखता है किन्‍तु वेबपेज के दिखने में जिसकी महत्‍वपूर्ण भूमिका रहती है  । इस सेक्‍सन के अन्‍तर्गत की गई कोडिंग्‍स आपके वेबपेज को स्‍टाइल करने के‍ लिये, वेब पेज में स्क्रिप्‍ट डालने के लिये,वेबसाइट की डिसक्रिप्‍शन तथा भाषा आदि बताने के लिये प्रयुक्‍त होती है । हेड सेक्‍सन के अन्‍तर्गत निम्‍न टैग प्रयुक्‍त किये जाते हैं  ।