HTML <hr> ਟੈਗ

  • ਪਿਛਲਾ ਪੰਨਾ <hgroup>
  • ਅਗਲਾ ਪੰਨਾ <html>

ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ

<hr> ਟੈਗ ਹੈਲਟ ਪੰਨੇ ਵਿੱਚ ਥੀਮ ਵੰਡ ਦੀ ਨਿਰਧਾਰਣ ਕਰਦੇ ਹਨ (ਉਦਾਹਰਣ ਵਜੋਂ, ਥੀਮ ਦੀ ਤਬਦੀਲੀ)

<hr> ਅੰਗਾਂ ਸਧਾਰਨ ਤੌਰ 'ਤੇ ਪੱਧਰੀ ਰੇਖਾ ਦੇ ਰੂਪ 'ਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੇ ਹਨ, ਇਹ ਵੈੱਬ ਪੰਨੇ ਵਿੱਚ ਸਮੱਗਰੀ ਵਿੱਚ ਵੰਡ ਕਰਨ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ ਜਾਂ ਸਮੱਗਰੀ 'ਤੇ ਕਿਸੇ ਤਬਦੀਲੀ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਦੇ ਹਨ。

ਇਹ ਵੀ ਦੇਖੋ:

HTML DOM ਸੰਦਰਭ ਮੁੱਲਾਂਕਰਣ:HR ਆਬਜੈਕਟ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਉਪਯੋਗ ਕਰਕੇ <hr> ਸਮੱਗਰੀ ਵਿੱਚ ਥੀਮ ਤਬਦੀਲੀ ਦੀ ਨਿਰਧਾਰਣ ਲਈ ਟੈਗ ਵਰਤੋਂ ਕਰੋ:

<h1>ਵੈੱਬ ਦੇ ਮੁੱਖ ਭਾਸ਼ਾਵਾਂ</h1>
<p>HTML ਵੈੱਬ ਪੰਨੇ ਬਣਾਉਣ ਦਾ ਮਿਆਰੀ ਟੈਗ ਭਾਸ਼ਾ ਹੈ।HTML ਵੈੱਬ ਪੰਨੇ ਦੀ ਢਾਂਚਾ ਦੇਖਦਾ ਹੈ ਅਤੇ ਇਹ ਕਈ ਅੰਗਾਂ ਤੋਂ ਬਣਿਆ ਹੋਇਆ ਹੈ......</p>
<hr>
<p>CSS ਹੈਲਟ ਅਣੂ ਨੂੰ ਸਕਰੀਨ, ਕਾਗਜ਼ ਜਾਂ ਹੋਰ ਮੀਡੀਆ ਉੱਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦਾ ਭਾਸ਼ਾ ਹੈ......</p>
<hr>
<p>JavaScript ਹੈਲਟ ਅਤੇ ਵੈੱਬ ਦਾ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾ ਹੈ।JavaScript ਹੈਲਟ ਦੇ ਸਮੱਗਰੀ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਬਦਲ ਸਕਦਾ ਹੈ......</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>