CSS ਸ਼ੈਲੀ ਵਿੱਚ ਪ੍ਰੀ ਕੀ ਹੈ? HTML ਵਿੱਚ ਪ੍ਰੀ ਰੈਪਿੰਗ ਕੋਡ ਟੈਗਾਂ ਦੀ ਭੂਮਿਕਾ

ਅਸੀਂ ਵਰਤਦੇ ਹਾਂਵਰਡਪਰੈਸ ਵੈਬਸਾਈਟCSS ਅਤੇ HTML ਦੀਆਂ ਕੁਝ ਮੂਲ ਗੱਲਾਂ ਸਿੱਖਣ ਦੀ ਲੋੜ ਹੈ:

• ਕੁਝ ਵਰਡਪਰੈਸ ਥੀਮਾਂ ਦੀਆਂ CSS ਸਟਾਈਲ ਫਾਈਲਾਂ ਦੇ ਕਾਰਨ, ਪ੍ਰੀ ਅਤੇ ਕੋਡ ਟੈਗ ਸਟਾਈਲ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤੇ ਗਏ ਹਨ।
• ਜ਼ਿਆਦਾਤਰ ਬ੍ਰਾਊਜ਼ਰ ਇਸ ਵੇਲੇ ਸਮਰਥਨ ਕਰਦੇ ਹਨਨਿਸ਼ਾਨ

HTML  ਲੇਬਲ ਉਦਾਹਰਨ

ਹੇਠਾਂ ਦਿੱਤੇ ਪ੍ਰੀ ਟੈਗ ਦੀ CSS ਸ਼ੈਲੀ ਹੈ (ਜੋ ਆਪਣੇ ਆਪ HTML ਕੋਡ ਨੂੰ ਸਮੇਟ ਸਕਦੀ ਹੈ) ▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

ਹੇਠਾਂ ਕੋਡ ਟੈਗ ਦੀ CSS ਸ਼ੈਲੀ ਹੈ ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

ਨਿਰਦੇਸ਼:

• ਕਿਰਪਾ ਕਰਕੇ ਉਪਰੋਕਤ CSS ਟੈਗਸ ਨੂੰ ਵਰਡਪਰੈਸ ਥੀਮ ਵਿੱਚ ਕਾਪੀ ਕਰੋ style.css ਫਾਇਲ ਵਿੱਚ.

HTML ਪ੍ਰੀ ਟੈਗ ਫੰਕਸ਼ਨ ਅਤੇ ਵਰਤੋਂ ਨਿਰਦੇਸ਼

• ਲੇਬਲ ਪਹਿਲਾਂ ਤੋਂ ਫਾਰਮੈਟ ਕੀਤੇ ਟੈਕਸਟ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ।
• ਮਾਰਕਅਪ ਐਲੀਮੈਂਟਸ ਵਿੱਚ, ਸ਼ਾਮਲ ਟੈਕਸਟ ਆਮ ਤੌਰ 'ਤੇ ਸਪੇਸ ਅਤੇ ਲਾਈਨ ਬ੍ਰੇਕ ਛੱਡਦਾ ਹੈ।
• ਟੈਕਸਟ ਨੂੰ ਮੋਨੋਸਪੇਸ ਵਾਲੇ ਫੌਂਟ ਵਿੱਚ ਵੀ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇਗਾ।

ਮਾਰਕਅਪ ਨੂੰ ਅਕਸਰ ਮਾਰਕਅੱਪ标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

ਜੇਕਰ ਤੁਸੀਂ HTML ਵਿੱਚ ਨਿਸ਼ਚਿਤ ਟੈਕਸਟ ਫਾਰਮੈਟ ਰੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਪ੍ਰਮੁੱਖ ਤੱਤ ਦੇ ਗੁਣ ਦਾ ਲਾਭ ਲੈਣ ਦੀ ਲੋੜ ਹੈ।

ਸੁਝਾਅ ਅਤੇ ਹਦਾਇਤਾਂ

ਸੰਕੇਤ:ਟੈਗਸ ਦੀ ਇੱਕ ਆਮ ਵਰਤੋਂ ਕੰਪਿਊਟਰ ਦੇ ਸਰੋਤ ਕੋਡ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਹੈ।

HTML 4.01 ਅਤੇ HTML5 ਵਿਚਕਾਰ ਅੰਤਰ

HTML 4.01 ਵਿੱਚ, "ਚੌੜਾਈ" ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਬਰਤਰਫ਼ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਵਰਤਿਆ ਨਹੀਂ ਜਾ ਸਕਦਾ ਹੈ। HTML5 "ਚੌੜਾਈ" ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ ਹੈ।

ਵਿਸ਼ੇਸ਼ਤਾ

ਸੰਪੱਤੀ ਮੁੱਲ ਦਾ ਵੇਰਵਾ

• ਚੌੜਾਈ ਨੰਬਰ HTML5 ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ ਹੈ।
• ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ HTML 4.01 ਵਿੱਚ ਬਰਤਰਫ਼ ਕੀਤਾ ਗਿਆ ਹੈ।
• ਪ੍ਰਤੀ ਲਾਈਨ ਅੱਖਰਾਂ ਦੀ ਅਧਿਕਤਮ ਸੰਖਿਆ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ (ਆਮ ਤੌਰ 'ਤੇ 40,80, 132 ਜਾਂ XNUMX)।

ਗਲੋਬਲ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

• <pre>ਮਾਰਕਅੱਪ ਗਲੋਬਲ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਅਤੇ ਪੂਰੀ ਪ੍ਰਾਪਰਟੀ ਸ਼ੀਟ HTML ਗਲੋਬਲ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇਖੋ।

ਇਵੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

• ਟੈਗਸ ਸਾਰੀਆਂ HTML ਇਵੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦੇ ਹਨ।