HTML <pre> ਟੈਗ

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

<pre> ਟੈਗ ਪ੍ਰੀ-ਫਾਰਮੈਟਿਡ ਟੈਕਸਟ ਨੂੰ ਨਿਰਮਾਣ ਕਰੋ

<pre> ਅਸਤਰ ਵਿੱਚ ਟੈਕਸਟ ਨੂੰ ਅਨੁਸਾਰ ਫੰਟ ਸ਼ਾਬਦੀ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ ਅਤੇ ਟੈਕਸਟ ਵਿੱਚ ਖਾਲੀ ਥਾਂ ਅਤੇ ਲਾਈਨ ਬੈਕ ਸਾਂਭ

ਇਹ ਵੀ ਦੇਖੋ:

ਟੈਗ ਵਰਣਨ
<code> ਕੰਪਿਊਟਰ ਪ੍ਰੋਗਰਾਮ ਦੇ ਨਮੂਨਾ ਆਉਟਪੁਟ ਨੂੰ ਨਿਰਮਾਣ ਕਰੋ
<samp> ਕੀਬੋਰਡ ਇਨਪੁਟ ਨੂੰ ਨਿਰਮਾਣ ਕਰੋ
<kbd> ਕੀਬੋਰਡ ਇਨਪੁਟ ਨੂੰ ਨਿਰਮਾਣ ਕਰੋ
<var> ਸ਼ਰਤ ਵਰਗੀ ਵਿਅਕਤੀ ਨਿਰਮਾਣ ਕਰੋ

ਇਹ ਵੀ ਦੇਖੋ:

HTML ਸਿੱਖਿਆ ਦੁਆਰਾ:HTML ਟੈਕਸਟ ਫਾਰਮੈਟਿੰਗ

HTML DOM ਸੰਦਰਭ ਮੁਦਰਾ:Pre ਆਬਜੈਕਟ

ਮਾਮਲਾ

ਉਦਾਹਰਣ 1

ਪ੍ਰੀ-ਫਾਰਮੈਟਿਡ ਟੈਕਸਟ:

<pre>
pre ਅਸਤਰ ਵਿੱਚ ਟੈਕਸਟ
ਅਨੁਸਾਰ ਫੰਟ ਸ਼ਾਬਦੀ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ
ਅਤੇ ਸਾਥੇ ਰੱਖ
空格          和
ਖਾਲੀ ਜਗ੍ਹਾ          ਅਤੇ
ਲਾਈਨ ਬੰਦ

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

</pre>

ਉਦਾਹਰਣ 2

ਕਿਵੇਂ ਇੱਕ ਨਿਸ਼ਚਿਤ ਚੌਦਾਈ ਵਾਲਾ ਪ੍ਰੀ-ਫਾਰਮੈਟਿੰਗ ਟੈਕਸਟ ਬਣਾਓ (CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ):
<div style="width:200px;overflow:auto">
<pre>ਇਹ ਇੱਕ ਨਿਸ਼ਚਿਤ ਚੌਦਾਈ ਵਾਲਾ pre ਹੈ।ਇਹ ਸ਼ਾਇਦ ਸ਼ਾਰਟ ਦੀ ਨਿਸ਼ਚਿਤ ਸਪੇਸ ਦਾ ਵਰਤੋਂ ਕਰੇਗਾ。</pre>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

</div>

<pre> ਟੈਗ ਇਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਵੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨ ਗਲੋਬਲ ਪ੍ਰਤੀਯੋਗਿਤਾ。

HTML ਵਿੱਚ ਗਲੋਬਲ ਪ੍ਰਤੀਯੋਗਿਤਾ

<pre> ਟੈਗ ਇਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਵੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ。

ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ

ਮੋਸਟ ਬਰਾਉਜ਼ਰ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ <pre> ਅਬਜੈਕਟ:

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  ਮਾਰਜਿਨ: 1em 0;
}

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ