hr tag क्या होता है।
what is hr tag
HTML5 में <hr> tag thematic break को define करता है और पुराने versions में यह horizontal rule (विषय अंतराल) create करने के लिए use किया जाता था।
horizontal line के लिए hr का उपयोग होता है ।
जिसे अलग अलग विषयों को separate करने के लिए use किया जा सकता है। इसे HTML में horizontal rule भी कहा जाता है।
Syntax of HTML <hr> Tag :-
<hr> tag का general syntax निचे दिया जा रहा है।
<hr>
जैसा की आप ऊपर दिए गए syntax में देख सकते है <hr> tag का कोई end tag नहीं होता है। यह एक empty tag होता है। लेकिन यदि आप इसका प्रयोग XHTML में कर रहे है तो इसे आपको इस प्रकार close करना होता है।
<hr/>
XHTML में आप opening tag में ही forward slash लगा देते है जो opening और ending दोनों ही tags को दर्शाता है।
Example of HTML <hr> Tag :-
<hr> tag का उदाहरण निचे दिया जा रहा है।
<html>
<head>
<title>hr tag Example</title>
</head>
<body>
<h2>hr teg demo</h2>
<hr>
this is frist part of article.
<hr>
this is second part of articale.
<hr>
this si another part of articale.
this is frist part of article.
<hr>
this is second part of articale.
<hr>
this si another part of articale.
</body>
</html>
Interpreting a HTML Program
ऊपर दिया गया उदाहरण निचे दिया गया output generate करता है।
Attributes of < hr > Tag
< hr > tag के 4 Attributes define किये गए है !
Width :- इस attribut की हेल्प से हम hr लाइन की width define करते है , हम hr की width काम और ज्यादा कर सकते है ! हम width को px में define करते है !
Size :- इस Attribu से hr tag की height (मोटाई ) defined करते है !
Align :- यह attribut hr line adjust करते है ! ( left , center , right )
Color :- इससे हम कलर को chang कर सकते है !
<html>
<head>
<title>hr tag Demo</title>
</head>
<body>
<center>
<h1>hr tag Attributes</h1>
<hr width="350px">
This is first part of article and I am talking about fruits here.
<hr width="400px" size="5px">
This is second part of article and I am talking about cars here.
<hr width="450px" align="center" size="4px" color="yellow">
This is another part of article and I am talking about different topic here.
<hr width="500px" align="center" size="8px" color="blue">
This is another part of article and I am talking about different topic here.
</center>
</body>
</html>
Output of this program :-
इस program में हमने hr tag के सभी attributes को defind किया गया है Example के साथ !
frist hr tag में हमने width को spacify किया है ,
second hr tag में हमने siz को adjest किया गया है ,असेही हमने आगे के hr tag में alignऔर color defind किया है !
Comments