ਮਨਜ਼ੂਰਸ਼ੁਦਾ HTML ਟੈਗ:
ਇਹ ਸਾਈਟ HTML ਸਮੱਗਰੀ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। ਜਦੋਂ ਕਿ ਸਾਰੇ HTML ਨੂੰ ਸਿੱਖਣਾ ਡਰਾਉਣਾ ਮਹਿਸੂਸ ਕਰ ਸਕਦਾ ਹੈ, ਬਹੁਤ ਘੱਟ ਮੂਲ HTML "ਟੈਗਾਂ" ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਿੱਖਣਾ ਬਹੁਤ ਆਸਾਨ ਹੈ। ਇਹ ਸਾਰਣੀ ਹਰੇਕ ਟੈਗ ਲਈ ਉਦਾਹਰਨਾਂ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ ਜੋ ਇਸ ਸਾਈਟ 'ਤੇ ਸਮਰਥਿਤ ਹੈ।
ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ ਵੇਖੋ HTML ਲਿਵਿੰਗ ਸਟੈਂਡਰਡ ਜਾਂ HTML ਦੀ ਵਿਆਖਿਆ ਕਰਨ ਵਾਲੀਆਂ ਹੋਰ ਸਾਈਟਾਂ ਨੂੰ ਲੱਭਣ ਲਈ ਆਪਣੇ ਮਨਪਸੰਦ ਖੋਜ ਇੰਜਣ ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਟੈਗ ਵਰਣਨ ਤੁਸੀਂ ਟਾਈਪ ਕਰੋ ਤੇਨੂੰ ਮਿਲੇਗਾ ਐਂਕਰਾਂ ਦੀ ਵਰਤੋਂ ਦੂਜੇ ਪੰਨਿਆਂ ਦੇ ਲਿੰਕ ਬਣਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। <a href="https://www.quantumrun.com">Quantumrun</a>ਕੁਆਂਟਮਰਨ ਜ਼ੋਰ ਦਿੱਤਾ <em>Emphasized</em>ਜ਼ੋਰ ਦਿੱਤਾ ਮਜਬੂਤ <strong>Strong</strong>ਮਜਬੂਤ ਹਵਾਲਾ ਦਿੱਤਾ <cite>Cited</cite>ਹਵਾਲਾ ਦਿੱਤਾ ਬਲਾਕ ਦਾ ਹਵਾਲਾ ਦਿੱਤਾ <blockquote>Block quoted</blockquote>ਬਲਾਕ ਦਾ ਹਵਾਲਾ ਦਿੱਤਾ
ਪ੍ਰੋਗਰਾਮਿੰਗ ਸਰੋਤ ਕੋਡ ਦਿਖਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਣ ਵਾਲਾ ਕੋਡ ਕੀਤਾ ਟੈਕਸਟ <code>Coded</code>Codedਬਿਨਾਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀ - ਦੀ ਵਰਤੋਂ ਕਰੋ ਹਰੇਕ ਸੂਚੀ ਆਈਟਮ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ <ul> <li>First item</li> <li>Second item</li> </ul>- ਪਹਿਲੀ ਆਈਟਮ
- ਦੂਜੀ ਆਈਟਮ
ਕ੍ਰਮਬੱਧ ਸੂਚੀ - ਦੀ ਵਰਤੋਂ ਕਰੋ ਹਰੇਕ ਸੂਚੀ ਆਈਟਮ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ <ol> <li>First item</li> <li>Second item</li> </ol>- ਪਹਿਲੀ ਆਈਟਮ
- ਦੂਜੀ ਆਈਟਮ
ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ li. ਪਰਿਭਾਸ਼ਾ ਸੂਚੀਆਂ ਹੋਰ HTML ਸੂਚੀਆਂ ਦੇ ਸਮਾਨ ਹਨ। ਪਰਿਭਾਸ਼ਾ ਸੂਚੀ ਸ਼ੁਰੂ ਹੁੰਦੀ ਹੈ, ਪਰਿਭਾਸ਼ਾ ਸ਼ਬਦ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਅਤੇ ਪਰਿਭਾਸ਼ਾ ਵਰਣਨ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ. <dl> <dt>First term</dt> <dd>First definition</dd> <dt>Second term</dt> <dd>Second definition</dd> </dl>- ਪਹਿਲਾ ਕਾਰਜਕਾਲ
- ਪਹਿਲੀ ਪਰਿਭਾਸ਼ਾ
- ਦੂਜਾ ਕਾਰਜਕਾਲ
- ਦੂਜੀ ਪਰਿਭਾਸ਼ਾ
ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ dt. ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ dd. ਸਿਰਲੇਖ <h2>Subtitle</h2>ਉਪਸਿਰਲੇਖ
ਸਿਰਲੇਖ <h3>Subtitle three</h3>ਉਪਸਿਰਲੇਖ ਤਿੰਨ
ਸਿਰਲੇਖ <h4>Subtitle four</h4>ਉਪਸਿਰਲੇਖ ਚਾਰ
ਸਿਰਲੇਖ <h5>Subtitle five</h5>ਉਪਸਿਰਲੇਖ ਪੰਜ
ਸਿਰਲੇਖ <h6>Subtitle six</h6>ਉਪਸਿਰਲੇਖ ਛੇ
ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ s. ਸੁਪਰਸਕ੍ਰਿਪਟਡ <sup>Super</sup>scriptedਸੁਪਰਸਕ੍ਰਿਪਟਡ ਸਬਸਕ੍ਰਿਪਸ਼ਨ <sub>Sub</sub>scriptedਸਬਸਕ੍ਰਿਪਟਡ ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ img. ਸਾਰਣੀ <table> <tr><th>Table header</th></tr> <tr><td>Table cell</td></tr> </table>ਸਾਰਣੀ ਸਿਰਲੇਖ ਟੇਬਲ ਸੈੱਲ ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ ਸੁਰਖੀ. ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ tbody. ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ ਸਿਰ. ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ tfoot. ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ th. ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ td. ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ tr. ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ hr. ਪੂਰਵ-ਨਿਰਧਾਰਤ ਪੈਰਾਗ੍ਰਾਫ ਟੈਗ ਸਵੈਚਲਿਤ ਤੌਰ 'ਤੇ ਸ਼ਾਮਲ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਇਸਲਈ ਵਾਧੂ ਜੋੜਨ ਲਈ ਇਸ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰੋ। <p>Paragraph one.</p> <p>Paragraph two.</p>ਪੈਰਾਗ੍ਰਾਫ ਇੱਕ.
ਪੈਰਾਗ੍ਰਾਫ ਦੋ।
ਸਿਰਲੇਖ <h1>Title</h1>ਟਾਈਟਲ
ਪ੍ਰੀਫਾਰਮੈਟ ਕੀਤਾ <pre>Preformatted</pre>ਪ੍ਰੀਫਾਰਮੈਟ ਕੀਤਾ
ਜ਼ਿਆਦਾਤਰ ਅਸਾਧਾਰਨ ਅੱਖਰ ਬਿਨਾਂ ਕਿਸੇ ਸਮੱਸਿਆ ਦੇ ਸਿੱਧੇ ਦਾਖਲ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ।
ਜੇਕਰ ਤੁਹਾਨੂੰ ਸਮੱਸਿਆਵਾਂ ਆਉਂਦੀਆਂ ਹਨ, ਤਾਂ HTML ਅੱਖਰ ਇਕਾਈਆਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ। ਇੱਕ ਆਮ ਉਦਾਹਰਨ ਐਂਪਰਸੈਂਡ ਅਤੇ ਅੱਖਰ ਲਈ & ਵਰਗੀ ਦਿਸਦੀ ਹੈ। ਇਕਾਈਆਂ ਦੀ ਪੂਰੀ ਸੂਚੀ ਲਈ HTML ਵੇਖੋ ਸੰਸਥਾਵਾਂ ਪੰਨਾ ਕੁਝ ਉਪਲਬਧ ਅੱਖਰਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:
ਅੱਖਰ ਵਰਣਨ ਤੁਸੀਂ ਟਾਈਪ ਕਰੋ ਤੇਨੂੰ ਮਿਲੇਗਾ ਐਮਪਰਸੈਂਡ && ਵੱਧ >> ਉਸ ਤੋਂ ਘਟ << ਹਵਾਲਾ ਚਿੰਨ੍ਹ "" - ਵੈਬ ਪੇਜ ਪਤੇ ਅਤੇ ਈਮੇਲ ਪਤੇ ਆਪਣੇ ਆਪ ਹੀ ਲਿੰਕਾਂ ਵਿੱਚ ਬਦਲ ਜਾਂਦੇ ਹਨ।
ਤੁਸੀਂ ਖੱਬੇ, ਸੱਜੇ ਜਾਂ ਕੇਂਦਰ ਵਿੱਚ ਚਿੱਤਰਾਂ, ਵੀਡੀਓਜ਼, ਬਲਾਕਕੋਟਾਂ ਅਤੇ ਹੋਰਾਂ ਨੂੰ ਇਕਸਾਰ ਕਰ ਸਕਦੇ ਹੋ। ਉਦਾਹਰਨਾਂ:
- ਖੱਬੇ ਪਾਸੇ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਇਕਸਾਰ ਕਰੋ:
<img src="" data-align="left" /> - ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਕੇਂਦਰ ਵਿੱਚ ਅਲਾਈਨ ਕਰੋ:
<img src="" data-align="center" /> - ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਸੱਜੇ ਪਾਸੇ ਅਲਾਈਨ ਕਰੋ:
<img src="" data-align="right" /> - ... ਅਤੇ ਤੁਸੀਂ ਇਸਨੂੰ ਹੋਰ ਤੱਤਾਂ 'ਤੇ ਵੀ ਲਾਗੂ ਕਰ ਸਕਦੇ ਹੋ:
<video src="" data-align="center" />
- ਖੱਬੇ ਪਾਸੇ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਇਕਸਾਰ ਕਰੋ:
ਤੁਸੀਂ ਚਿੱਤਰਾਂ, ਵੀਡੀਓਜ਼, ਬਲਾਕਕੋਟਸ, ਆਦਿ ਨੂੰ ਕੈਪਸ਼ਨ ਕਰ ਸਕਦੇ ਹੋ। ਉਦਾਹਰਨਾਂ:
<img src="" data-caption="This is a caption" /><video src="" data-caption="The Drupal Dance" /><blockquote data-caption="Dries Buytaert">Drupal is awesome!</blockquote><code data-caption="Hello world in JavaScript.">alert("Hello world!");</code>
ਮਨਜ਼ੂਰਸ਼ੁਦਾ HTML ਟੈਗ:
ਇਹ ਸਾਈਟ HTML ਸਮੱਗਰੀ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। ਜਦੋਂ ਕਿ ਸਾਰੇ HTML ਨੂੰ ਸਿੱਖਣਾ ਡਰਾਉਣਾ ਮਹਿਸੂਸ ਕਰ ਸਕਦਾ ਹੈ, ਬਹੁਤ ਘੱਟ ਮੂਲ HTML "ਟੈਗਾਂ" ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਿੱਖਣਾ ਬਹੁਤ ਆਸਾਨ ਹੈ। ਇਹ ਸਾਰਣੀ ਹਰੇਕ ਟੈਗ ਲਈ ਉਦਾਹਰਨਾਂ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ ਜੋ ਇਸ ਸਾਈਟ 'ਤੇ ਸਮਰਥਿਤ ਹੈ।
ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ ਵੇਖੋ HTML ਲਿਵਿੰਗ ਸਟੈਂਡਰਡ ਜਾਂ HTML ਦੀ ਵਿਆਖਿਆ ਕਰਨ ਵਾਲੀਆਂ ਹੋਰ ਸਾਈਟਾਂ ਨੂੰ ਲੱਭਣ ਲਈ ਆਪਣੇ ਮਨਪਸੰਦ ਖੋਜ ਇੰਜਣ ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਟੈਗ ਵਰਣਨ ਤੁਸੀਂ ਟਾਈਪ ਕਰੋ ਤੇਨੂੰ ਮਿਲੇਗਾ ਐਂਕਰਾਂ ਦੀ ਵਰਤੋਂ ਦੂਜੇ ਪੰਨਿਆਂ ਦੇ ਲਿੰਕ ਬਣਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। <a href="https://www.quantumrun.com">Quantumrun</a>ਕੁਆਂਟਮਰਨ ਜ਼ੋਰ ਦਿੱਤਾ <em>Emphasized</em>ਜ਼ੋਰ ਦਿੱਤਾ ਮਜਬੂਤ <strong>Strong</strong>ਮਜਬੂਤ ਹਵਾਲਾ ਦਿੱਤਾ <cite>Cited</cite>ਹਵਾਲਾ ਦਿੱਤਾ ਬਲਾਕ ਦਾ ਹਵਾਲਾ ਦਿੱਤਾ <blockquote>Block quoted</blockquote>ਬਲਾਕ ਦਾ ਹਵਾਲਾ ਦਿੱਤਾ
ਪ੍ਰੋਗਰਾਮਿੰਗ ਸਰੋਤ ਕੋਡ ਦਿਖਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਣ ਵਾਲਾ ਕੋਡ ਕੀਤਾ ਟੈਕਸਟ <code>Coded</code>Codedਬਿਨਾਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀ - ਦੀ ਵਰਤੋਂ ਕਰੋ ਹਰੇਕ ਸੂਚੀ ਆਈਟਮ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ <ul> <li>First item</li> <li>Second item</li> </ul>- ਪਹਿਲੀ ਆਈਟਮ
- ਦੂਜੀ ਆਈਟਮ
ਕ੍ਰਮਬੱਧ ਸੂਚੀ - ਦੀ ਵਰਤੋਂ ਕਰੋ ਹਰੇਕ ਸੂਚੀ ਆਈਟਮ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ <ol> <li>First item</li> <li>Second item</li> </ol>- ਪਹਿਲੀ ਆਈਟਮ
- ਦੂਜੀ ਆਈਟਮ
ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ li. ਪਰਿਭਾਸ਼ਾ ਸੂਚੀਆਂ ਹੋਰ HTML ਸੂਚੀਆਂ ਦੇ ਸਮਾਨ ਹਨ। ਪਰਿਭਾਸ਼ਾ ਸੂਚੀ ਸ਼ੁਰੂ ਹੁੰਦੀ ਹੈ, ਪਰਿਭਾਸ਼ਾ ਸ਼ਬਦ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਅਤੇ ਪਰਿਭਾਸ਼ਾ ਵਰਣਨ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ. <dl> <dt>First term</dt> <dd>First definition</dd> <dt>Second term</dt> <dd>Second definition</dd> </dl>- ਪਹਿਲਾ ਕਾਰਜਕਾਲ
- ਪਹਿਲੀ ਪਰਿਭਾਸ਼ਾ
- ਦੂਜਾ ਕਾਰਜਕਾਲ
- ਦੂਜੀ ਪਰਿਭਾਸ਼ਾ
ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ dt. ਟੈਗ ਲਈ ਕੋਈ ਮਦਦ ਨਹੀਂ ਦਿੱਤੀ ਗਈ dd. ਸਿਰਲੇਖ <h2>Subtitle</h2>ਉਪਸਿਰਲੇਖ
ਸਿਰਲੇਖ <h3>Subtitle three</h3>ਉਪਸਿਰਲੇਖ ਤਿੰਨ
ਸਿਰਲੇਖ <h4>Subtitle four</h4>ਉਪਸਿਰਲੇਖ ਚਾਰ
ਸਿਰਲੇਖ <h5>Subtitle five</h5>ਉਪਸਿਰਲੇਖ ਪੰਜ
ਸਿਰਲੇਖ <h6>Subtitle six</h6>ਉਪਸਿਰਲੇਖ ਛੇ
ਜ਼ਿਆਦਾਤਰ ਅਸਾਧਾਰਨ ਅੱਖਰ ਬਿਨਾਂ ਕਿਸੇ ਸਮੱਸਿਆ ਦੇ ਸਿੱਧੇ ਦਾਖਲ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ।
ਜੇਕਰ ਤੁਹਾਨੂੰ ਸਮੱਸਿਆਵਾਂ ਆਉਂਦੀਆਂ ਹਨ, ਤਾਂ HTML ਅੱਖਰ ਇਕਾਈਆਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ। ਇੱਕ ਆਮ ਉਦਾਹਰਨ ਐਂਪਰਸੈਂਡ ਅਤੇ ਅੱਖਰ ਲਈ & ਵਰਗੀ ਦਿਸਦੀ ਹੈ। ਇਕਾਈਆਂ ਦੀ ਪੂਰੀ ਸੂਚੀ ਲਈ HTML ਵੇਖੋ ਸੰਸਥਾਵਾਂ ਪੰਨਾ ਕੁਝ ਉਪਲਬਧ ਅੱਖਰਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:
ਅੱਖਰ ਵਰਣਨ ਤੁਸੀਂ ਟਾਈਪ ਕਰੋ ਤੇਨੂੰ ਮਿਲੇਗਾ ਐਮਪਰਸੈਂਡ && ਵੱਧ >> ਉਸ ਤੋਂ ਘਟ << ਹਵਾਲਾ ਚਿੰਨ੍ਹ "" - ਲਾਈਨਾਂ ਅਤੇ ਪੈਰੇ ਆਪਣੇ ਆਪ ਪਛਾਣੇ ਜਾਂਦੇ ਹਨ। ਦ ਲਾਈਨ ਬਰੇਕ, ਪੈਰਾਗ੍ਰਾਫ ਅਤੇ ਬੰਦ ਪੈਰਾਗ੍ਰਾਫ ਟੈਗ ਆਪਣੇ ਆਪ ਹੀ ਪਾਏ ਜਾਂਦੇ ਹਨ। ਜੇਕਰ ਪੈਰਾਗ੍ਰਾਫਾਂ ਨੂੰ ਪਛਾਣਿਆ ਨਹੀਂ ਜਾਂਦਾ ਹੈ ਤਾਂ ਬਸ ਕੁਝ ਖਾਲੀ ਲਾਈਨਾਂ ਜੋੜੋ।
- ਵੈਬ ਪੇਜ ਪਤੇ ਅਤੇ ਈਮੇਲ ਪਤੇ ਆਪਣੇ ਆਪ ਹੀ ਲਿੰਕਾਂ ਵਿੱਚ ਬਦਲ ਜਾਂਦੇ ਹਨ।
- ਕਿਸੇ HTML ਟੈਗ ਦੀ ਇਜਾਜ਼ਤ ਨਹੀਂ ਹੈ।
- ਲਾਈਨਾਂ ਅਤੇ ਪੈਰੇ ਆਪਣੇ ਆਪ ਪਛਾਣੇ ਜਾਂਦੇ ਹਨ। ਦ ਲਾਈਨ ਬਰੇਕ, ਪੈਰਾਗ੍ਰਾਫ ਅਤੇ ਬੰਦ ਪੈਰਾਗ੍ਰਾਫ ਟੈਗ ਆਪਣੇ ਆਪ ਹੀ ਪਾਏ ਜਾਂਦੇ ਹਨ। ਜੇਕਰ ਪੈਰਾਗ੍ਰਾਫਾਂ ਨੂੰ ਪਛਾਣਿਆ ਨਹੀਂ ਜਾਂਦਾ ਹੈ ਤਾਂ ਬਸ ਕੁਝ ਖਾਲੀ ਲਾਈਨਾਂ ਜੋੜੋ।
- ਵੈਬ ਪੇਜ ਪਤੇ ਅਤੇ ਈਮੇਲ ਪਤੇ ਆਪਣੇ ਆਪ ਹੀ ਲਿੰਕਾਂ ਵਿੱਚ ਬਦਲ ਜਾਂਦੇ ਹਨ।