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.