Some Important Tags In html.


                            Create Headings - The <hn> Elements:
                                            ( हेडिंग टैग का प्रयोग) :-----

कोई भी दस्तावेज(Document) हेडिंग से शुरू होता है। आप अपने शीर्षकों(Heading) के लिए विभिन्न आकारों(Size) का उपयोग करते हैं। HTML में शीर्षकों के छह स्तर भी हैं, जो तत्वों का उपयोग करते हैं <h1>, <h2>, <h3>, <h4>, <h5>, और <h6>। किसी भी शीर्षक(heading) को प्रदर्शित करते समय, ब्राउज़र उस शीर्षक से पहले और बाद में एक पंक्ति जोड़ता है।

<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>

</html>
This will display following result:
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6




                                 Create Paragraph - The <p> Element                        
                  अनुच्छेद बनाएँ - <p> तत्व:

<P> तत्व आपके पाठ को संरचना(Structure) करने का एक तरीका प्रदान करता है। पाठ के प्रत्येक पैराग्राफ को एक उद्घाटन <p> और समापन </ p> के बीच जाना चाहिए जैसा कि उदाहरण में नीचे दिखाया गया है:

<p>Here is a paragraph of text.</p>
<p>Here is a second paragraph of text.</p>
<p>Here is a third paragraph of text.</p>

इसका आउटपुट इस प्रकार होगा

Here is a paragraph of text.
Here is a second paragraph of text.
Here is a third paragraph of text.

आप इसमे  align attribute  का प्रयोग कर सकते है

<p align="left">This is left aligned.</p>
<p align="center">This is center aligned.</p>
<p align="right">This is right aligned.</p>
<p align="justify">This is jutified. This works when you have multiple lines in your paragraph and you want to justfy all the lines so that they can look more nice.</p>

इसका आउटपुट इस प्रकार होगा

This is left aligned.

This is center aligned.

This is right aligned.

This is jutified. This works when you have multiple lines in your paragraph and you want to justfy all the lines so that they can look more nice.


                             Create Line Breaks - The <br /> Element:

जब भी आप <br /> एलिमेंट(Element) का उपयोग करते हैं, उसके बाद कुछ भी अगली लाइन पर शुरू होता है। यह टैग एक खाली(Empty) तत्व का एक उदाहरण है, जहां आपको टैग खोलने और बंद करने की आवश्यकता नहीं है, क्योंकि उनके बीच में जाने के लिए कुछ भी नहीं है।

नोट: <br /> तत्व में अक्षर br और आगे स्लैश के बीच एक स्थान है। यदि आप इस स्थान को छोड़ देते हैं, तो पुराने ब्राउज़रों को लाइन ब्रेक देने में परेशानी होगी, जबकि यदि आप आगे के स्लैश चरित्र को याद करते हैं और बस का उपयोग करते हैं XHTML मे यह मान्य नहीं है

Hello<br />
You come most carefully upon your hour.<br />
Thanks<br />
Kusum
     इसका आउटपुट इस प्रकार होगा
Hello

You come most carefully upon your hour.

Thanks

Kusum



                                      Centring Content - The <center> Element:
आप किसी भी सामग्री(Document) को पेज(Page) या किसी टेबल(Table) सेल के केंद्र (center) में रखने के लिए 
< center > टैग का उपयोग कर सकते हैं।

<p>This is not in the center.</p>
<center>
<p>This is in the center.</p>
</center>

इसका आउटपुट इस प्रकार होगा

This is not in the center.
This is in the center.
                      
                              Preserve Formatting - The <pre> Element:

कभी-कभी आप चाहते हैं कि आपका पाठ(Lession) HTML दस्तावेज़(Document) में लिखे गए सटीक प्रारूप(Syntax) का पालन करे। उन मामलों में, आप पूर्वनिर्मित टैग (<pre>) का उपयोग कर सकते हैं।
उद्घाटन(Starting) < pre > टैग और समापन(Closing) </ pre > टैग के बीच कोई भी पाठ स्रोत(Source) दस्तावेज़(Document) के स्वरूपण को संरक्षित(Safe) करेगा।

<pre>
function testFunction( strText ){
   alert (strText)
}
</pre>

इसका आउटपुट इस प्रकार होगा

function testFunction( strText ){
   alert (strText)
}
                                   
                                    Horizontal Rules - The <hr /> Element:

किसी दस्तावेज़(Document) के दो पैराग्राफ(Paragraph) के मध्‍य एक लाइन बनाने  के लिए क्षैतिज(Horizontal) नियमों का उपयोग किया जाता है। <Hr> टैग दस्तावेज़ में वर्तमान स्थिति से सही मार्जिन तक एक रेखा बनाता है और तदनुसार रेखा को तोड़ता है।
उदाहरण के लिए, आप दो पैराग्राफ के बीच एक पंक्ति इस प्रकार देना चाहते हैं:
<p>This is paragraph one and should be on top</p>
<hr />
<p>This is paragraph two and should be at bottom</p>
This will produce following result:


This is paragraph one and should be on top


This is paragraph two and should be at bottom

No comments:

Post a Comment

Please Do Not Enter Any Spam Link in the comment Box.