एचटीएमएल <hr> टैग

  • पिछला पृष्ठ <hgroup>
  • अगला पृष्ठ <html>

परिभाषा और उपयोग

<hr> टैग HTML पृष्ठ में विषय के अलगाव (उदाहरण में, विषय के परिवर्तन) को परिभाषित करता है。

<hr> एलिमेंट आमतौर पर स्तरीय रेखा के रूप में प्रदर्शित होते हैं, जो HTML पृष्ठ में सामग्री को अलग करने के लिए या सामग्री पर परिवर्तन को परिभाषित करने के लिए उपयोग किया जाता है。

और देखें:

HTML DOM संदर्भ पुस्तका:HR ऑब्जैक्ट

उदाहरण

उदाहरण 1

उपयोग करने के लिए <hr> टैग के द्वारा सामग्री में विषय के परिवर्तन को परिभाषित करते है:

<h1>वेब के प्रमुख भाषा</h1>
<p>HTML वेब पृष्ठ बनाने के लिए मानक टैग भाषा है।HTML वेब पृष्ठ की संरचना को वर्णित करती है जो एक श्रृंखला एलिमेंटों से मिली जाती है......</p>
<hr>
<p>CSS एक भाषा है जो HTML एलिमेंट को स्क्रीन, पेपर या अन्य मीडिया पर प्रदर्शित करने के तरीके को वर्णित करती है......</p>
<hr>
<p>जेसक्रिप्ट HTML और वेब का प्रोग्रामिंग भाषा है।जेसक्रिप्ट से HTML सामग्री और गुण मूल्य को बदला जा सकता है......</p>

खुद आजीविका करें

उदाहरण 2

जगह <hr> एलिमेंट (उपयोग करते हुए CSS):

<hr style="width:50%;text-align:left;margin-left:0">

खुद आजीविका करें

उदाहरण 3

शादी के बिना <hr> (उपयोग करते हुए CSS):

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

खुद आजीविका करें

उदाहरण 4

सेट करें <hr> एलीमेंट की ऊंचाई (CSS के द्वारा):

<hr style="height:30px">

खुद आजीविका करें

उदाहरण 5

सेट करें <hr> एलीमेंट की चौड़ाई (CSS के द्वारा):

<hr style="width:50%">

खुद आजीविका करें

वैश्विक गुण

<hr> टैग इवेंट प्रकृति का समर्थन करते हैं HTML में वैश्विक गुण。

इवेंट प्रकृति

<hr> टैग इवेंट प्रकृति का समर्थन करते हैं HTML में इवेंट प्रकृति。

डिफ़ॉल्ट CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफ़ॉल्ट मूल्यों के साथ प्रदर्शित करेंगे <hr> एलीमेंट:

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

खुद आजीविका करें

ब्राउज़र सहायता

च्रोम एज फायरफॉक्स सैफारी ऑपेरा
च्रोम एज फायरफॉक्स सैफारी ऑपेरा
सहायता सहायता सहायता सहायता सहायता
  • पिछला पृष्ठ <hgroup>
  • अगला पृष्ठ <html>