Presentational Tags:
यदि आप एक वर्ड
प्रोसेसर का उपयोग करते हैं, तो आप टेक्स्ट(Text) को बोल्ड(Bold), इटैलिकाइज़(Ittalic) या रेखांकित(Underline) करने की क्षमता से परिचित हैं; HTML और XHTML में टेक्स्ट कैसे दिखाई दे सकते हैं, यह बताने के लिए उपलब्ध दस विकल्पों में से
केवल तीन हैं।
<!DOCTYPE html>
<html>
<body>
<p><b>This text is
bold</b></p>
<p><strong>This
text is strong</strong></p>
<p><i>This text is
italic</i></p>
<p><em>This text is
emphasized</em></p>
<p><code>This is
computer output</code></p>
<p>This is<sub>
subscript</sub> and <sup>superscript</sup></p>
</body>
</html>
HTML Text Formatting
This text is bold
This text is italic
This is computer output
This is subscript and superscript
This text is italic
This is computer output
This is subscript and superscript
|
Tag
|
Description
|
|
Defines bold text(यह टेक्स्ट को बोल्ड
करता है।)
|
|
|
यह
emphasized text को प्रस्तुत करता है।
|
|
|
यह टेक्स्ट को इटैलिक करता है।
|
|
|
यह smaller text प्रस्तुत करता है।
|
|
|
यह important text प्रस्तुत करता है।
|
|
|
यह subscripted text प्रस्तुत करता है।
|
|
|
यह superscripted text प्रस्तुत करता है।
|
|
|
यह inserted text प्रस्तुत करता है।
|
|
|
यह deleted text प्रस्तुत करता है।
|
Grouping - The
<div> and <span> Elements :
<Div> और <span> तत्व आपको किसी
पृष्ठ(page) के अनुभाग(paragraph) या उपखंड(Paragraph) बनाने के लिए कई तत्वों को एक साथ समूहित करने की अनुमति
देते हैं।
उदाहरण के लिए, आप यह इंगित करने के लिए कि <div> तत्व के सभी तत्व
</ div> तत्व के भीतर एक पृष्ठ पर सभी फुटनोट्स(Footnotes) डालना
चाहते हैं, तत्व फुटनोट्स(Footnotes) से संबंधित हैं। फिर आप इस <div> तत्व के लिए एक शैली संलग्न कर सकते हैं ताकि वे शैली
नियमों के एक विशेष सेट का उपयोग करते हुए दिखाई दें। <Div> तत्व का उपयोग
ब्लॉक-स्तर(Block Level) के तत्वों को एक साथ समूह में करने के लिए किया जाता है:
<div id="menu" align="middle" >
<a href="/index.htm">HOME</a> |
<a href="/about/contact_us.htm">CONTACT</a> |
<a href="/about/index.htm">ABOUT</a>
</div>
<div id="content" align="left" bgcolor="white">
<h5>Content Articles</h5>
<p>Actual content goes here.....</p>
</div>
This
will produce following result:
|
Content
Articles
Actual
content goes here.....
|
HTML Comments
टिप्पणियाँ(Comment) किसी
भी वेब ब्राउज़र(Web Browser) द्वारा अनदेखा किए गए कोड(Code) का टुकड़ा हैं। अपने कोड पर टिप्पणी
करना अच्छा है, विशेष रूप से जटिल दस्तावेजों(Document) में, किसी दस्तावेज़ के अनुभागों को इंगित करने के लिए, और कोड को देखने वाले किसी अन्य व्यक्ति को नोट करना। टिप्पणियाँ आपको और
दूसरों को आपके कोड को समझने में मदद करती हैं।
HTML टिप्पणी लाइनों को विशेष शुरुआत टैग(Starting Tag) <-! और समाप्त होने(Closing Tags) वाले टैग द्वारा इंगित किया जाता है -> हर लाइन को शुरुआत और अंत में रखा जाता है जिसे टिप्पणी के रूप में माना जाता
है।
उदाहरण के लिए:
HTML
में लाइन एक मान्य
टिप्पणी है
<! - इस पर टिप्पणी की
गई है ->
उदाहरण के लिए:
<! -यह एक बहुभाषी(Multi Line) टिप्पणी है <br />
और जितनी चाहे
उतनी पंक्तियों के माध्यम से घूम सकते हैं।
->
सशर्त
टिप्पणियाँ:(Conditional Comment)
सशर्त टिप्पणियां(Conditional Comment) केवल विंडोज(Windos) पर एक्सप्लोरर(Explorer) में काम करती हैं, और इस प्रकार केवल विंडोज पर एक्सप्लोरर के लिए विशेष
निर्देश देने के लिए उत्कृष्ट रूप से अनुकूल हैं। वे एक्सप्लोरर 5 के बाद से
समर्थित हैं, और 5.0, 5.5 और 6.0 के बीच अंतर करना भी संभव है।
सशर्त टिप्पणियाँ
निम्नानुसार काम करती हैं:
<! - [अगर IE 6]>
IE 6 के लिए विशेष
निर्देश यहाँ
<[Endif] ->
उनकी मूल संरचना HTML
टिप्पणी (<-!
->) के समान है। इसलिए अन्य
सभी ब्राउज़र उन्हें सामान्य टिप्पणियों के रूप में देखेंगे और उन्हें पूरी तरह से
अनदेखा कर देंगे।
HTML Fonts
Font face और रंग पूरी तरह
से कंप्यूटर और ब्राउज़र पर निर्भर करता है जिसका उपयोग आपके पृष्ठ(Page) को देखने के
लिए किया जा रहा है। लेकिन <font> टैग का उपयोग आपकी साइट पर पाठ में शैली, आकार और रंग जोड़ने के लिए किया जाता है। आप
अपने सभी पाठ को एक ही आकार, चेहरे और रंग पर सेट करने के लिए एक <basefont> टैग का उपयोग कर सकते हैं।
फॉन्ट टैग में
आपके फोंट को कस्टमाइज़ करने के लिए आकार, रंग और चेहरे नामक तीन विशेषताएँ होती हैं।
अपने पृष्ठ में
किसी भी समय किसी भी फ़ॉन्ट विशेषता को बदलने के लिए, बस <font> टैग का उपयोग करें। पाठ का अनुसरण तब तक रहेगा जब तक आप </
font> टैग के साथ बंद नहीं हो
जाते। आप एक </ font> टैग के भीतर सभी
आवश्यक परिवर्तनों को शामिल करके, एक समय में किसी भी या सभी फ़ॉन्ट विशेषताओं को बदल सकते हैं।
नोट: फ़ॉन्ट और
बेसफोंट टैग हटाए गए हैं और इसे HTML के भविष्य के संस्करण में हटा दिया जाना चाहिए। इसलिए इसका
उपयोग नहीं किया जाना चाहिए। यह अपने फ़ॉन्ट में हेरफेर करने के लिए सीएसएस
शैलियों का उपयोग करने का सुझाव दिया है।
फ़ॉन्ट आकार:
आप अपने फ़ॉन्ट
का आकार आकार विशेषता के साथ सेट कर सकते हैं। स्वीकृत मूल्यों की सीमा 1 (सबसे छोटी) से 7 (सबसे बड़ी) तक है। एक फ़ॉन्ट का डिफ़ॉल्ट आकार 3 है।
उदाहरण:
<font size="1">Font size="1"</font>
<font size="2">Font size="2"</font>
<font size="3">Font size="3"</font>
<font size="4">Font size="4"</font>
<font size="5">Font size="5"</font>
<font size="6">Font size="6"</font>
<font
size="7">Font size="7"</font>
|
इसका आउटपुट इस प्रकार का होगा----
|
Font size="1"
Font size="2" Font size="3" Font size="4" Font size="5" Font size="6" Font size="7" |
विशेष रूप से
संबंधित क्षेत्र का आकार।
<font
size = "+ n"> या <font size = "- n">:
आप निर्दिष्ट कर
सकते हैं कि पूर्व निर्धारित फ़ॉन्ट आकार से कितने आकार बड़े या कितने आकार के
छोटे होने चाहिए।
|
<font size="-1">Font size="-1"</font>
<font size="+1">Font size="+1"</font>
<font size="+2">Font size="+2"</font>
<font size="+3">Font size="+3"</font>
<font size="+4">Font size="+4"</font>
|
इसका आउटपुट इस
प्रकार का होगा----
|
Font size="-1"
Font size="+1" Font size="+2" Font size="+3" Font size="+4" |
Font Face:
आप किसी भी
फ़ॉन्ट को सेट कर सकते हैं जिसे आप चेहरे() की विशेषता का उपयोग कर पसंद करते हैं
लेकिन इस बात से अवगत रहें कि यदि पृष्ठ देखने वाले उपयोगकर्ता के पास फ़ॉन्ट
स्थापित नहीं है, तो वे इसे देख
नहीं पाएंगे। इसके बजाय वे आकार की विशेषता के साथ आपके फ़ॉन्ट के टाइम्स न्यू
रोमन को डिफ़ॉल्ट करेंगे। विभिन्न फ़ॉन्ट चेहरे का उपयोग करने पर कुछ उदाहरण देखें
उदाहरण:
|
<font face="Times New
Roman" size="5">Times New Roman</font>
<font
face="Verdana" size="5">Verdana</font>
<font face="Comic sans
MS" size="5">Comic Sans MS</font>
<font
face="WildWest" size="5">WildWest</font>
<font
face="Bedrock" size="5">Bedrock</font>
|
इसका आउटपुट इस
प्रकार का होगा----
|
Times
New Roman
Verdana Comic Sans MS WildWest Bedrock |
Specify alternate font
faces:
एक आगंतुक केवल
आपके फ़ॉन्ट को देख सकेगा, यदि उनके पास वह फ़ॉन्ट उनके कंप्यूटर पर
स्थापित हो। इसलिए, अल्पविराम द्वारा अलग किए गए फ़ॉन्ट चेहरे के
नामों को सूचीबद्ध करके दो या अधिक फ़ॉन्ट चेहरे के विकल्प निर्दिष्ट करना संभव
है।
उदाहरण:
<font face="arial,helvetica">
<font face="Lucida Calligraphy,Comic
Sans MS,Lucida Console>
|
जब आपका पृष्ठ
लोड किया जाता है, तो उनका ब्राउज़र पहला फ़ॉन्ट चेहरा प्रदर्शित
करेगा जो उसने उपलब्ध किया है। यदि आपका कोई भी चयन स्थापित नहीं है .... तो यह
डिफ़ॉल्ट फॉन्ट फेस टाइम्स न्यू रोमन प्रदर्शित करेगा।
Font Color:
आप रंग विशेषता
का उपयोग करके कोई भी फ़ॉन्ट रंग सेट कर सकते हैं। आप उस रंग के लिए इच्छित रंग या
हेक्साडेसिमल कोड द्वारा इच्छित रंग निर्दिष्ट कर सकते हैं।
|
<font color="#FF00FF">This text is hexcolor #FF00FF</font>
<font
color="red">This text is red</font>
|
इसका आउटपुट इस प्रकार
है---
|
This text is hexcolor #FF00FF
This text is red |
The <basefont>
Element:
दस्तावेज़() के
किसी भी हिस्से के लिए <basefont> तत्व डिफ़ॉल्ट फ़ॉन्ट आकार, रंग और टाइपफेस सेट करने वाला है, जो अन्यथा <font> तत्व के भीतर समाहित नहीं है। फिर आप <base> सेटिंग को ओवरराइड करने के लिए <font>
तत्वों का उपयोग कर सकते
हैं।
<Basefont> तत्व के गुणधर्म <font> तत्व के लिए समान हैं। आप <basefont> के आकार के सापेक्ष फोंट का आकार भी निर्धारित कर सकते हैं,
उन्हें बड़े आकार के लिए
+1 का मान देकर या दो आकारों के छोटे -2 के लिए
नोट: यह तत्व HTML
4 में पदावनत है और इसे HTML
से हटा दिया जाएगा,
पसंदीदा विकल्प CSS
शैलियों का उपयोग करना
है। आपके ब्राउज़र में इस टैग के लिए समर्थन नहीं हो सकता है।
उदाहरण:
|
<basefont face="arial,
verdana, sans-serif" size="2" color="#ff0000">
<p>This is the page's
default font.</p>
<h2>Example of the <basefont> Element</h2>
<p><font size="+2" color="darkgray">Here is some
darkgray text
two sizes
larger</font></p>
<p><font
face="courier" size="-1" color="#000000">Here is a courier
font, a size smaller, in
black</font></p>
|
आउटपुट
|
This is the page's default font.
Example of the
<basefont> Element
Here is some darkgray text
two sizes larger
Here
is a courier
font, a size smaller, in black |
No comments:
Post a Comment
Please Do Not Enter Any Spam Link in the comment Box.