ਕੀ ਇੱਕ HTML ਆਕਾਰ ਟੈਗ ਮੌਜੂਦਾ ਹੈ?

ਜਿਵੇਂ ਹੀ ਤੁਸੀਂ HTML ਨਾਲ ਵੈਬਸਫ਼ਿਆਂ ਦਾ ਨਿਰਮਾਣ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਤੁਸੀਂ ਆਕਾਰ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰੋਗੇ. ਆਪਣੀ ਸਾਈਟ ਨੂੰ ਜਿਸ ਤਰੀਕੇ ਨਾਲ ਤੁਸੀਂ ਵੇਖਣਾ ਚਾਹੁੰਦੇ ਹੋ ਉਸ ਨੂੰ ਦੇਖਣ ਲਈ, ਜੋ ਡਿਜ਼ਾਈਨ ਤੁਸੀਂ ਜਾਂ ਕਿਸੇ ਹੋਰ ਡਿਜ਼ਾਇਨਰ ਨੇ ਬਣਾਈ ਹੈ, ਉਸ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹੋ, ਤੁਸੀਂ ਉਸ ਸਾਈਟ ਦੇ ਟੈਕਸਟ ਦੇ ਆਕਾਰ ਅਤੇ ਪੇਜ ਦੇ ਹੋਰ ਤੱਤਾਂ ਨੂੰ ਬਦਲਣਾ ਚਾਹੋਗੇ. ਅਜਿਹਾ ਕਰਨ ਲਈ ਤੁਸੀਂ ਇੱਕ HTML "ਆਕਾਰ" ਟੈਗ ਲੱਭਣਾ ਸ਼ੁਰੂ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਤੁਸੀਂ ਛੇਤੀ ਹੀ ਇਹ ਲਾਪਤਾ ਹੋ ਜਾਵੋਗੇ.

HTML ਆਕਾਰ ਟੈਗ HTML ਵਿੱਚ ਮੌਜੂਦ ਨਹੀਂ ਹੈ ਇਸਦੇ ਬਜਾਏ, ਆਪਣੇ ਫੌਂਟਾਂ, ਚਿੱਤਰਾਂ ਜਾਂ ਲੇਆਉਟ ਦਾ ਸਾਈਜ਼ ਸੈੱਟ ਕਰਨ ਲਈ ਤੁਹਾਨੂੰ ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ ਵਾਸਤਵ ਵਿਚ, ਕਿਸੇ ਵੀ ਵਿਜ਼ੂਅਲ ਬਦਲਾਵ ਨੂੰ ਤੁਹਾਨੂੰ ਸਾਈਟ ਦੇ ਪਾਠ ਜਾਂ ਕਿਸੇ ਹੋਰ ਤੱਤ ਨੂੰ ਬਣਾਉਣ ਦੀ ਲੋੜ ਹੈ, CSS ਦੁਆਰਾ ਪਰਬੰਧਨ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ! HTML ਕੇਵਲ ਬਣਤਰ ਲਈ ਹੈ

ਇੱਕ HTML ਆਕਾਰ ਟੈਗ ਲਈ ਸਭ ਤੋਂ ਵੱਡਾ ਟੈਗ ਪੁਰਾਣਾ ਫੌਂਟ ਟੈਗ ਹੈ, ਜਿਸ ਵਿੱਚ ਅਸਲ ਵਿੱਚ ਇੱਕ ਮਿਸ਼ਰਤ ਐਟਰੀਬਿਊਟ ਸ਼ਾਮਲ ਹੈ. ਸਾਵਧਾਨ ਰਹੋ ਕਿ ਇਹ ਟੈਗ HTML ਦੇ ਮੌਜੂਦਾ ਵਰਜਨਾਂ ਵਿੱਚ ਅਣਡਿੱਠ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਹੋ ਸਕਦਾ ਹੈ ਭਵਿੱਖ ਵਿੱਚ ਬ੍ਰਾਉਜ਼ਰ ਦੁਆਰਾ ਸਮਰਥਿਤ ਨਾ ਹੋਵੇ! ਤੁਸੀਂ ਆਪਣੇ HTML ਵਿੱਚ ਫੌਂਟ ਟੈਗ ਦਾ ਇਸਤੇਮਾਲ ਨਹੀਂ ਕਰਨਾ ਚਾਹੁੰਦੇ! ਇਸਦੀ ਬਜਾਏ, ਤੁਹਾਨੂੰ CSS ਨੂੰ ਆਪਣੇ HTML ਤੱਤਾਂ ਦੇ ਆਕਾਰ ਦੇ ਅਨੁਸਾਰ ਸਿੱਖਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਉਸ ਅਨੁਸਾਰ ਤੁਹਾਡੇ ਵੈਬਪੇਜ ਨੂੰ ਸਟਾਈਲ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ.

ਫੌਂਟ ਸਾਈਜ਼

ਫੌਂਟ ਦਲੀਲਪੂਰਨ CSS ਦੇ ਨਾਲ ਆਕਾਰ ਕਰਨ ਲਈ ਸਭ ਤੋਂ ਅਸਾਨ ਚੀਜ਼ ਹੈ. ਮੋਰੋਸੋ ਇਹ ਲਿਖਣ ਦੀ ਬਜਾਏ ਸੀਐਸਐਸ ਨਾਲ, ਤੁਸੀਂ ਆਪਣੀ ਵੈੱਬਸਾਇਟ ਟਾਈਪੋਗ੍ਰਾਫੀ ਬਾਰੇ ਜ਼ਿਆਦਾ ਸਪਸ਼ਟ ਹੋ ਸਕਦੇ ਹੋ. ਤੁਸੀਂ ਫੌਂਟ ਸਾਈਜ਼, ਰੰਗ, ਕੈਸਿੰਗ, ਵਜ਼ਨ, ਮੋਹਰੀ, ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹੋ. ਫੌਂਟ ਟੈਗ ਦੇ ਨਾਲ, ਤੁਸੀਂ ਸਿਰਫ ਆਕਾਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ, ਅਤੇ ਫਿਰ ਸਿਰਫ ਬਰਾਬਰ ਦੇ ਡਿਫੌਲਟ ਫੌਂਟ ਸਾਈਜ ਨਾਲ ਸੰਬੰਧਤ ਇੱਕ ਨੰਬਰ ਦੇ ਰੂਪ ਵਿੱਚ ਜੋ ਹਰੇਕ ਗਾਹਕ ਲਈ ਵੱਖ ਹੁੰਦਾ ਹੈ.

ਆਪਣੇ ਪੈਰਾਗ੍ਰਾਫ ਨੂੰ 12pt ਦਾ ਫੌਂਟ ਸਾਈਜ਼ ਰੱਖਣ ਲਈ, ਫੌਂਟ-ਸਾਈਜ਼ ਦੀ ਸ਼ੈਲੀ ਦੀ ਵਰਤੋਂ ਕਰੋ:

h3 {font-size = 24px; }

ਇਹ ਸ਼ੈਲੀ ਹੈਡਿੰਗਿੰਗ 3 ਐਲੀਮੈਂਟਸ 24 ਪਿਕਸਲ ਦਾ ਫੌਂਟ ਸਾਈਜ਼ ਤੈਅ ਕਰੇਗਾ. ਤੁਸੀਂ ਇਸ ਨੂੰ ਇੱਕ ਬਾਹਰੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਨਾਲ ਜੋੜ ਸਕਦੇ ਹੋ ਅਤੇ ਤੁਹਾਡੀ ਸਾਈਟ ਦੇ ਸਾਰੇ H3s ਇਸ ਸਟਾਈਲ ਦੀ ਵਰਤੋਂ ਕਰਨਗੇ.

ਜੇ ਤੁਸੀਂ ਆਪਣੇ ਟੈਕਸਟ ਲਈ ਵਾਧੂ ਟਾਈਪੋਗਰਾਫਿਕ ਸਟਾਈਲ ਸ਼ਾਮਿਲ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਇਸ CSS ਨਿਯਮ ਉੱਤੇ ਜੋੜ ਸਕਦੇ ਹੋ:

h3 {ਫੌਂਟ-ਅਕਾਰ: 24px; ਰੰਗ: # 000; ਫੌਂਟ-ਭਾਰ: ਆਮ; }

ਇਹ ਨਾ ਸਿਰਫ H3s ਲਈ ਫੌਂਟ ਸਾਈਜ਼ ਨੂੰ ਤੈਅ ਕਰੇਗਾ, ਇਹ ਬਲੈਕ ਨੂੰ ਵੀ ਰੰਗਤ ਕਰੇਗਾ (ਜੋ ਕਿ ਹੈਕਸ ਕੋਡ # 000 ਦਾ ਮਤਲਬ ਹੈ) ਅਤੇ ਇਹ "ਆਮ" ਤੇ ਭਾਰ ਨੂੰ ਸੈੱਟ ਕਰੇਗਾ. ਮੂਲ ਰੂਪ ਵਿੱਚ, ਬ੍ਰਾਊਜ਼ਰ 1-6 ਦੇ ਤੌਰ ਤੇ ਬੋਲਡ ਟੈਕਸਟ ਨੂੰ ਸਿਰਲੇਖ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ, ਇਸਲਈ ਇਹ ਸਟਾਈਲ ਉਸ ਡਿਫੌਲਟ ਨੂੰ ਅਤੇ ਮੂਲ ਰੂਪ ਵਿੱਚ "ਅਨ-ਬੋਲਡ" ਪਾਠ ਨੂੰ ਓਵਰਰਾਈਡ ਕਰ ਦੇਵੇਗਾ.

ਚਿੱਤਰ ਅਕਾਰ

ਆਕਾਰ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਚਿੱਤਰ ਛਲ ਹੋ ਸਕਦੇ ਹਨ ਕਿਉਂਕਿ ਤੁਸੀਂ ਅਸਲ ਵਿੱਚ ਚਿੱਤਰ ਨੂੰ ਮੁੜ ਆਕਾਰ ਦੇਣ ਲਈ ਬਰਾਊਜ਼ਰ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ. ਬੇਸ਼ੱਕ, ਬ੍ਰਾਉਜ਼ਰ ਨਾਲ ਤਸਵੀਰਾਂ ਨੂੰ ਰੀਸਾਈਜ਼ ਕਰਨਾ ਇੱਕ ਬੁਰਾ ਵਿਚਾਰ ਹੈ ਕਿਉਂਕਿ ਇਹ ਪੰਨੇ ਨੂੰ ਹੌਲੀ ਹੌਲੀ ਲੋਡ ਕਰਨ ਦਾ ਕਾਰਨ ਬਣਦਾ ਹੈ ਅਤੇ ਬ੍ਰਾਉਜ਼ਰ ਅਕਸਰ ਰੀਸਾਈਜ਼ਿੰਗ ਦੀ ਇੱਕ ਖਰਾਬ ਕੰਮ ਕਰਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਚਿੱਤਰਾਂ ਨੂੰ ਬੁਰਾ ਲੱਗਦਾ ਹੈ. ਇਸ ਦੀ ਬਜਾਏ, ਤੁਹਾਨੂੰ ਚਿੱਤਰਾਂ ਨੂੰ ਮੁੜ ਆਕਾਰ ਦੇਣ ਲਈ ਗਰਾਫਿਕਸ ਸਾਫਟਵੇਅਰ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ ਅਤੇ ਫਿਰ ਆਪਣੇ ਵੈਬ ਪੇਜ ਨੂੰ HTML ਤੇ ਆਪਣੇ ਅਸਲ ਆਕਾਰ ਲਿਖਣਾ ਚਾਹੀਦਾ ਹੈ.

ਫੌਂਟਾਂ ਦੇ ਉਲਟ, ਚਿੱਤਰਾਂ ਦਾ ਆਕਾਰ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਐਚਟੀਐਮਐਲ ਜਾਂ ਸੀਐਸਐਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ. ਤੁਸੀਂ ਚਿੱਤਰ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੇ ਹੋ ਜਦੋਂ ਤੁਸੀਂ ਐਚਐਮਐਲਐਮ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਸਿਰਫ ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਪਿਕਸਲ ਵਿੱਚ ਹੀ ਪਰਿਭਾਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ. ਜੇ ਤੁਸੀਂ CSS ਵਰਤਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇੰਚ, ਸੈਂਟੀਮੀਟਰ, ਅਤੇ ਪ੍ਰਤੀਸ਼ਤ ਸਮੇਤ ਹੋਰ ਮਾਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਇਹ ਆਖਰੀ ਮੁੱਲ, ਪ੍ਰਤੀਸ਼ਤ ਬਹੁਤ ਮਹੱਤਵਪੂਰਣ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਤੁਹਾਡੇ ਚਿੱਤਰਾਂ ਨੂੰ ਤਰਲ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ, ਜਿਵੇਂ ਇੱਕ ਜਵਾਬਦੇਹ ਵੈਬਸਾਈਟ ਵਿੱਚ.

ਆਪਣੇ ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਨੂੰ ਐਚਟੀਐਮਐਲ ਮੁਤਾਬਕ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ, img ਟੈਗ ਦੀ ਉਚਾਈ ਅਤੇ ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ. ਉਦਾਹਰਣ ਵਜੋਂ, ਇਹ ਚਿੱਤਰ 400x400 ਪਿਕਸਲ ਦਾ ਵਰਗ ਹੋਵੇਗਾ:

ਉਚਾਈ = "400" ਚੌੜਾਈ = "400" alt = "image" />

CSS ਵਰਤਦੇ ਹੋਏ ਆਪਣੇ ਚਿੱਤਰ ਦੇ ਆਕਾਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ, ਉਚਾਈ ਅਤੇ ਚੌੜਾਈ ਸ਼ੈਲੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ. ਆਕਾਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ CSS ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਇੱਥੇ ਉਹੀ ਤਸਵੀਰ ਹੈ:

ਸ਼ੈਲੀ = "ਉਚਾਈ: 400 ਪੈਕਸ; ਚੌੜਾਈ: 400 ਪੈਕਸ;" alt = "image" />

ਲੇਆਉਟ ਸਾਈਜ਼

ਤੁਹਾਨੂੰ ਲੇਆਉਟ ਵਿੱਚ ਪਰਿਭਾਸ਼ਿਤ ਸਭ ਤੋਂ ਵੱਧ ਆਮ ਆਕਾਰ ਚੌੜਾਈ ਹੈ, ਅਤੇ ਤੁਹਾਨੂੰ ਇਹ ਫੈਸਲਾ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਪਵੇਗੀ ਜੋ ਇੱਕ ਪੱਕੀ ਚੌੜਾਈ ਲੇਆਉਟ ਜਾਂ ਇੱਕ ਜਵਾਬਦੇਹ ਵੈਬਸਾਈਟ ਵਰਤਣਾ ਹੈ. ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿਚ, ਕੀ ਤੁਸੀਂ ਚੌੜਾਈ ਨੂੰ ਪਿਕਸਲ, ਇੰਚ, ਜਾਂ ਅੰਕ ਦੀ ਸਹੀ ਗਿਣਤੀ ਵਜੋਂ ਪਰਿਭਾਸ਼ਤ ਕਰਨ ਜਾ ਰਹੇ ਹੋ? ਜਾਂ ਕੀ ਤੁਸੀਂ ਈਐਮਐਸ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਨਾਲ ਲਚਕਦਾਰ ਹੋਣ ਲਈ ਆਪਣੀ ਲੇਆਉਟ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰਨ ਜਾ ਰਹੇ ਹੋ? ਆਪਣੇ ਲੇਆਉਟ ਦੇ ਆਕਾਰ ਨੂੰ ਪ੍ਰਭਾਸ਼ਿਤ ਕਰਨ ਲਈ, ਤੁਸੀਂ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ ਜਿਵੇਂ ਤੁਸੀਂ ਇੱਕ ਚਿੱਤਰ ਵਿੱਚ ਕਰਦੇ ਹੋ

ਸਥਿਰ ਚੌੜਾਈ:

ਸ਼ੈਲੀ = "ਚੌੜਾਈ: 600 ਪੈਕਸ;">

ਤਰਲ ਚੌੜਾਈ:

ਸ਼ੈਲੀ = "ਚੌੜਾਈ: 80%;">

ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੇ ਲੇਆਉਟ ਲਈ ਚੌੜਾਈ ਦਾ ਫੈਸਲਾ ਕਰ ਰਹੇ ਹੁੰਦੇ ਹੋ, ਤੁਹਾਨੂੰ ਵੱਖਰੇ ਬ੍ਰਾਉਜ਼ਰ ਦੀਆਂ ਚੌੜਾਈਵਾਂ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ ਜੋ ਤੁਹਾਡੇ ਪਾਠਕ ਵਰਤ ਰਹੇ ਹਨ ਅਤੇ ਉਹ ਵੱਖ ਵੱਖ ਡਿਵਾਈਸਿਸ ਵੀ ਵਰਤ ਰਹੇ ਹੋਣਗੇ. ਇਸ ਲਈ, ਜਿੰਮੇਵਾਰਥੀ ਵੈੱਬਸਾਈਟ , ਜੋ ਉਨ੍ਹਾਂ ਦੇ ਲੇਆਊਟ ਬਦਲ ਸਕਦੀਆਂ ਹਨ ਅਤੇ ਵੱਖ ਵੱਖ ਡਿਵਾਈਸਾਂ ਅਤੇ ਸਕ੍ਰੀਨ ਦੇ ਅਕਾਰ ਦੇ ਆਧਾਰ ਤੇ ਸਾਈਜ਼ ਬਦਲਦੀਆਂ ਹਨ, ਅੱਜ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਪ੍ਰੈਕਟਿਸ ਸਟੈਂਡਰਡ ਹੈ.