ਤੁਹਾਡੇ ਵੈਬ ਡਿਜ਼ਾਈਨ ਸਿੱਖਿਆ ਦੇ ਸ਼ੁਰੂ ਵਿਚ ਜਿਨ੍ਹਾਂ ਇਕ ਟੈਗ ਬਾਰੇ ਤੁਸੀਂ ਸਿਖੋਗੇ ਉਹ ਇਕ ਟੈਗ ਹੈ ਜੋ "ਜ਼ੋਰ ਟੈਗਸ" ਵਜੋਂ ਜਾਣੇ ਜਾਂਦੇ ਹਨ. ਆਓ ਇਹ ਦੇਖੀਏ ਕਿ ਇਹ ਟੈਗ ਕੀ ਹਨ ਅਤੇ ਅੱਜ ਉਹ ਵੈਬ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਕਿਵੇਂ ਵਰਤੇ ਜਾਂਦੇ ਹਨ.
XHTML ਤੇ ਵਾਪਸ
ਜੇਕਰ ਤੁਸੀਂ HTML ਸਾਲ ਪਹਿਲਾਂ ਸਿੱਖਿਆ ਹੈ, ਤਾਂ HTML5 ਦੇ ਉਭਾਰ ਤੋਂ ਬਹੁਤ ਪਹਿਲਾਂ, ਤੁਸੀਂ ਸ਼ਾਇਦ ਗੂੜ੍ਹੇ ਅਤੇ ਤਿਰਛੇ ਦੋਨੋਂ ਟੈਗਸ ਦਾ ਇਸਤੇਮਾਲ ਕੀਤਾ. ਜਿਵੇਂ ਤੁਸੀਂ ਉਮੀਦ ਕਰਦੇ ਹੋ, ਇਹ ਟੈਗ ਅਨੁਪਾਤ ਕ੍ਰਮਵਾਰ ਗੂੜ੍ਹੇ ਟੈਕਸਟ ਜਾਂ ਇਟਾਲੀਕਾਈਜ਼ਡ ਪਾਠ ਵਿੱਚ ਪਾਉਂਦੇ ਹਨ. ਇਹਨਾਂ ਟੈਗਸ ਦੇ ਨਾਲ ਸਮੱਸਿਆ ਹੈ, ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਨਵੇਂ ਤੱਤ ਦੇ ਪੱਖ ਵਿੱਚ ਕਿਉਂ ਧੱਕਿਆ ਗਿਆ ਸੀ (ਜੋ ਅਸੀਂ ਜਲਦੀ ਤੇ ਵੇਖਾਂਗੇ), ਇਹ ਹੈ ਕਿ ਉਹ ਸਿਮਟੀਅਨ ਤੱਤ ਨਹੀਂ ਹਨ. ਇਹ ਇਸਲਈ ਹੈ ਕਿਉਂਕਿ ਉਹ ਇਹ ਪ੍ਰਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ ਕਿ ਪਾਠ ਨੂੰ ਕਿਵੇਂ ਟੈਕਸਟ ਦੇ ਬਾਰੇ ਜਾਣਕਾਰੀ ਦੀ ਬਜਾਏ ਦਿਖਾਈ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ. ਯਾਦ ਰੱਖੋ, ਐਚਟੀਐਮਐਲਐਮ (ਜੋ ਕਿ ਜਿੱਥੇ ਇਹ ਟੈਗ ਲਿਖੇ ਜਾਣਗੇ) ਸਭ ਢਾਂਚੇ ਬਾਰੇ ਨਹੀਂ, ਵਿਜ਼ੂਅਲ ਸਟਾਈਲ ਨਹੀਂ! ਵਿਜ਼ੁਅਲਸ ਨੂੰ CSS ਅਤੇ ਵੈਬ ਡਿਜ਼ਾਈਨ ਦੁਆਰਾ ਵਧੀਆ ਤਰੀਕੇ ਨਾਲ ਚਲਾਇਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਲੰਬੇ ਸਮੇਂ ਤੱਕ ਇਹ ਮੰਨਿਆ ਜਾਂਦਾ ਹੈ ਕਿ ਤੁਹਾਡੇ ਵੈਬ ਪੇਜਾਂ ਵਿੱਚ ਤੁਹਾਨੂੰ ਸਟਾਈਲ ਅਤੇ ਢਾਂਚੇ ਦੀ ਸਪਸ਼ਟ ਅਲਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਇਸਦਾ ਮਤਲਬ ਇਹ ਹੈ ਕਿ ਉਹ ਤੱਤ ਨਹੀਂ ਵਰਤਦੇ ਜੋ ਗੈਰ-ਅਰਥ ਹਨ ਅਤੇ ਢਾਂਚੇ ਦੀ ਬਜਾਏ ਵਿਸਥਾਰ ਨਾਲ ਦਿੱਖਦੇ ਹਨ. ਇਸੇ ਕਰਕੇ ਬੋਲਡ ਅਤੇ ਇਟਾਲਿਕ ਟੈਗਸ ਨੂੰ ਆਮ ਤੌਰ 'ਤੇ ਮਜ਼ਬੂਤ (ਬੋਲਡ ਲਈ) ਅਤੇ ਜ਼ੋਰ (ਤਿਰਛੇ ਲਈ) ਨਾਲ ਤਬਦੀਲ ਕੀਤਾ ਗਿਆ ਹੈ.
& lt; ਮਜ਼ਬੂਤ & gt; ਅਤੇ & lt; em & gt;
ਮਜ਼ਬੂਤ ਅਤੇ ਜ਼ੋਰ ਦੇਣ ਵਾਲੇ ਤੱਤਾਂ ਤੁਹਾਡੇ ਪਾਠ ਵਿੱਚ ਜਾਣਕਾਰੀ ਸ਼ਾਮਿਲ ਕਰਦੇ ਹਨ, ਉਸ ਸਮੱਗਰੀ ਦਾ ਵਿਸਥਾਰ ਕਰਦੇ ਹਨ ਜਿਸਨੂੰ ਵੱਖਰੇ ਢੰਗ ਨਾਲ ਵਿਵਹਾਰ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਉਸ ਸਮਗਰੀ ਨੂੰ ਬੋਲੇ ਜਾਣ ਤੇ ਜ਼ੋਰ ਦਿੱਤਾ ਗਿਆ ਹੈ. ਤੁਸੀਂ ਇਨ੍ਹਾਂ ਤੱਤਾਂ ਨੂੰ ਬਹੁਤ ਹੀ ਉਸੇ ਤਰੀਕੇ ਨਾਲ ਵਰਤਦੇ ਹੋ ਜਿਵੇਂ ਤੁਸੀਂ ਅਤੀਤ ਵਿਚ ਦਲੇਰੀ ਅਤੇ ਤਿਰਛੇ ਨੂੰ ਵਰਤਿਆ ਹੋਵੇਗਾ. ਸਧਾਰਣ ਜ਼ੋਰ ਲਈ ਉਦਘਾਟਨੀ ਅਤੇ ਸਮਾਪਤ ਹੋਣ ਵਾਲੇ ਟੈਗਸ ( ਅਤੇ ਤੇ ਜ਼ੋਰ ਅਤੇ ਅਤੇ ) ਦੇ ਨਾਲ ਆਪਣੇ ਪਾਠ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਫੈਲਾਓ ਅਤੇ ਉਸਦੇ ਨਾਲ ਸਬੰਧਤ ਪਾਠ ਉੱਤੇ ਜ਼ੋਰ ਦਿੱਤਾ ਜਾਵੇਗਾ.
ਤੁਸੀਂ ਇਹਨਾਂ ਟੈਗਾਂ ਨੂੰ ਪਛਾੜ ਸਕਦੇ ਹੋ ਅਤੇ ਇਹ ਕੋਈ ਫਰਕ ਨਹੀਂ ਪੈਂਦਾ ਕਿ ਬਾਹਰੀ ਟੈਗ ਹੈ ਇੱਥੇ ਕੁਝ ਉਦਾਹਰਨਾਂ ਹਨ
ਇਸ ਟੈਕਸਟ ਤੇ ਜ਼ੋਰ ਦਿੱਤਾ ਗਿਆ ਹੈ ਅਤੇ ਜ਼ਿਆਦਾਤਰ ਬ੍ਰਾਊਜ਼ਰ ਇਸਨੂੰ ਤਿਰਛੇ ਵਜੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਗੇ. ਇਸ ਪਾਠ 'ਤੇ ਜ਼ੋਰ ਦਿੱਤਾ ਗਿਆ ਹੈ ਅਤੇ ਜ਼ਿਆਦਾਤਰ ਬ੍ਰਾਉਜ਼ਰ ਇਸ ਨੂੰ ਗੂੜ੍ਹੇ ਪ੍ਰਕਾਰ ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਗੇ.ਇਨ੍ਹਾਂ ਦੋਹਾਂ ਉਦਾਹਰਣਾਂ ਵਿੱਚ, ਅਸੀਂ ਵਿਸਤ੍ਰਿਤ ਦਿੱਖ ਨੂੰ HTML ਨਾਲ ਨਹੀਂ ਦਰਸਾ ਰਹੇ ਹਾਂ. ਜੀ ਹਾਂ, ਟੈਗ ਦੀ ਡਿਫਾਲਟ ਦਿੱਖ ਤਿਰਛੇ ਹੋ ਸਕਦੀ ਹੈ ਅਤੇ bold ਹੋ ਜਾਵੇਗਾ, ਪਰ ਉਹ ਦਿੱਖ ਨੂੰ ਆਸਾਨੀ ਨਾਲ CSS ਵਿੱਚ ਬਦਲਿਆ ਜਾ ਸਕਦਾ ਹੈ. ਇਹ ਦੋਵੇਂ ਦੁਨੀਆ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਹੈ ਅਸਲ ਰੂਪ ਵਿੱਚ ਲਾਈਨ ਨੂੰ ਪਾਰ ਕਰਨ ਅਤੇ ਢਾਂਚਾ ਅਤੇ ਸ਼ੈਲੀ ਨੂੰ ਮਿਲਾਉਣ ਤੋਂ ਬਿਨਾਂ ਤੁਸੀਂ ਆਪਣੇ ਦਸਤਾਵੇਜ਼ ਵਿਚ ਇਟੈਲਿਕਾਈਜ਼ਡ ਜਾਂ ਗੂੜ੍ਹੇ ਟੈਕਸਟ ਨੂੰ ਡਿਫੌਲਟ ਬ੍ਰਾਉਜ਼ਰ ਸਟਾਈਲ ਦਾ ਲਾਭ ਲੈ ਸਕਦੇ ਹੋ. ਕਹੋ ਕਿ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਟੈਕਸਟ ਨੂੰ ਨਾ ਸਿਰਫ ਬੋਲਡ ਹੋਵੇ ਬਲਕਿ ਲਾਲ ਵੀ ਹੋ ਜਾਵੇ, ਤੁਸੀਂ ਇਸ ਨੂੰ CSS ਵਿਚ ਜੋੜ ਸਕਦੇ ਹੋ
ਮਜ਼ਬੂਤ {
ਰੰਗ: ਲਾਲ;
}
ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਤੁਹਾਨੂੰ ਗੁੰਝਲਦਾਰ ਫੌਂਟ-ਭਾਰ ਲਈ ਕੋਈ ਜਾਇਦਾਦ ਜੋੜਨ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਕਿਉਂਕਿ ਇਹ ਮੂਲ ਹੈ. ਜੇ ਤੁਸੀਂ ਇਸ ਨੂੰ ਮੌਕਾ ਦੇਣ ਲਈ ਨਹੀਂ ਛੱਡਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਵੀ, ਤੁਸੀਂ ਹਮੇਸ਼ਾ ਇਸ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋ ਸਕਦੇ ਹੋ:
ਮਜ਼ਬੂਤ {
ਫੌਂਟ-ਭਾਰ: ਬੋਲਡ;
ਰੰਗ: ਲਾਲ;
}
ਹੁਣ ਤੁਸੀਂ ਸਾਰੇ ਹੋ ਜਾਵੋਗੇ ਪਰ ਗਾਰੰਟੀ ਦਿੱਤੀ ਜਾ ਸਕਦੀ ਹੈ ਕਿ ਇੱਕ ਪੇਜ ਨੂੰ ਬੋਲਡ (ਅਤੇ ਲਾਲ) ਦੇ ਨਾਲ ਜਿੱਥੇ ਵੀ ਟੈਗ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ.
ਜ਼ੋਰ ਉੱਤੇ ਡਬਲ ਕਰੋ
ਇਕ ਸਾਲ ਵਿਚ ਮੈਂ ਇਕ ਗੱਲ ਧਿਆਨ ਵਿਚ ਰੱਖੀ ਹੈ, ਜੇਕਰ ਤੁਸੀਂ ਜ਼ੋਰ 'ਤੇ ਡਬਲ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹੋ ਤਾਂ ਕੀ ਹੁੰਦਾ ਹੈ. ਉਦਾਹਰਣ ਲਈ:
ਇਸ ਪਾਠ ਵਿੱਚ ਇਸਦੇ ਅੰਦਰ ਬੋਲਡ ਅਤੇ ਇਟੈਲਿਕਾਈਜ਼ਡ ਪਾਠ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ.ਤੁਸੀਂ ਸੋਚੋਗੇ ਕਿ ਇਹ ਲਾਈਨ ਉਸ ਖੇਤਰ ਨੂੰ ਪੈਦਾ ਕਰੇਗੀ ਜਿਸਦਾ ਬੋਲਡ ਅਤੇ ਇਟਾਲਿਕ ਹੋਵੇ. ਕਦੇ-ਕਦੇ ਇਹ ਅਸਲ ਵਿੱਚ ਵਾਪਰਦਾ ਹੈ, ਪਰ ਮੈਂ ਦੇਖਿਆ ਹੈ ਕਿ ਕੁਝ ਬ੍ਰਾਊਜ਼ਰ ਦੋ ਸਕੋਰਾਂ ਦੇ ਦੂਜੇ ਦਰਜੇ ਦਾ ਸਨਮਾਨ ਕਰਦੇ ਹਨ, ਪ੍ਰਸ਼ਨ ਵਿੱਚ ਅਸਲ ਟੈਕਸਟ ਦੇ ਸਭ ਤੋਂ ਨਜ਼ਦੀਕ ਹੈ, ਅਤੇ ਸਿਰਫ ਇਸ ਨੂੰ ਤਿਰਛੇ ਵਜੋਂ ਦਰਸਾਉਂਦੇ ਹਨ. ਇਹ ਇਕ ਕਾਰਨ ਹੈ ਕਿ ਮੈਂ ਜ਼ੋਰ ਟੈਗ ਤੇ ਦੁਗਣਾ ਨਹੀਂ ਕਰਦਾ.
ਇਸ ਨੂੰ "ਦੁਗਣਾ ਕਰਨ" ਤੋਂ ਬਚਣ ਦਾ ਇੱਕ ਹੋਰ ਕਾਰਨ ਸ਼ੈਲੀਗਤ ਉਦੇਸ਼ਾਂ ਲਈ ਹੈ. ਜ਼ੋਰ ਦੇਣ ਦਾ ਇਕ ਰੂਪ ਜੇ ਆਮ ਤੌਰ 'ਤੇ ਉਹ ਟੋਨ ਨੂੰ ਸੰਬੋਧਿਤ ਕਰਦਾ ਹੈ ਜੋ ਤੁਸੀਂ ਸੈਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. ਤੁਹਾਨੂੰ ਬੋਲਡ, ਤਿਰਛੇ, ਰੰਗ, ਵੱਡਾ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ, ਅਤੇ ਇਸਦੇ ਲਈ ਖੜ੍ਹੇ ਹੋਣ ਲਈ ਟੈਕਸਟ ਨੂੰ ਹੇਠਾਂ ਰੇਖਾ ਦਿਓ. ਉਹ ਪਾਠ, ਉਹ ਸਾਰੇ ਵੱਖ ਵੱਖ ਕਿਸਮ ਦੇ ਜ਼ੋਰ, ਭਿਖਾਰੀ ਬਣ ਜਾਵੇਗਾ ਇਸਲਈ ਜ਼ੋਰ ਪਾਉਣ ਲਈ ਜ਼ੋਰ ਟੈਗਸ ਜਾਂ CSS ਸਟਾਈਲ ਦੀ ਵਰਤੋਂ ਸਮੇਂ ਸਾਵਧਾਨ ਰਹੋ ਅਤੇ ਇਸਨੂੰ ਵਧਾਓ ਨਾ ਕਰੋ.
ਬੋਲੋਡ ਐਂਡ ਇਟਾਲਿਕ ਤੇ ਇੱਕ ਨੋਟ
ਇਕ ਅੰਤਿਮ ਵਿਚਾਰ - ਹਾਲਾਂਕਿ ਬੋਲੇ () ਅਤੇ ਇਟਾਲਿਕ () ਟੈਗਾਂ ਨੂੰ ਜ਼ੋਰ ਦੇਣ ਵਾਲੇ ਤੱਤ ਵਜੋਂ ਵਰਤਣ ਦੀ ਸਿਫਾਰਸ਼ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ, ਪਰ ਕੁਝ ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਅਜਿਹੇ ਟੈਕਸਟ ਦੇ ਇਨਲਾਈਨ ਖੇਤਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ. ਅਸਲ ਵਿੱਚ, ਉਹ ਇਸਨੂੰ ਤੱਤ ਦੇ ਤੌਰ ਤੇ ਵਰਤਦੇ ਹਨ ਇਹ ਵਧੀਆ ਹੈ ਕਿਉਂਕਿ ਇਹ ਟੈਗ ਬਹੁਤ ਛੋਟੇ ਹਨ, ਪਰ ਇਹਨਾਂ ਤਰੀਕਿਆਂ ਨਾਲ ਇਸ ਤਰੀਕੇ ਨਾਲ ਵਰਤੋਂ ਆਮ ਤੌਰ ਤੇ ਸਿਫਾਰਸ਼ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ. ਮੈਂ ਇਸਦਾ ਜ਼ਿਕਰ ਕਰਦਾ ਹਾਂ ਜੇ ਤੁਸੀਂ ਇਸ ਨੂੰ ਕੁਝ ਸਾਈਟਾਂ 'ਤੇ ਦੇਖਦੇ ਹੋ ਜੋ ਬੋਲਡ ਜਾਂ ਇਟੈਲਿਕਾਈਜ਼ਡ ਟੈਕਸਟ ਨੂੰ ਬਣਾਉਣ ਲਈ ਨਹੀਂ ਵਰਤਿਆ ਜਾਂਦਾ, ਪਰ ਕਿਸੇ ਹੋਰ ਕਿਸਮ ਦੇ ਵਿਜ਼ੂਅਲ ਸਟਾਈਲ ਲਈ ਇੱਕ ਸੀ.ਡੀ.
ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 12/2/16 ਤੇ ਜਰਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ