ਜੇਕਰ ਤੁਸੀਂ HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਕਿਵੇਂ ਰੱਖਣਾ ਹੈ ਇਹ ਸਿੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਸਹੀ ਜਗ੍ਹਾ 'ਤੇ ਆਏ ਹੋ। ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਤੁਹਾਨੂੰ ਇੱਕ ਸਰਲ ਅਤੇ ਸਿੱਧੇ ਤਰੀਕੇ ਨਾਲ ਦਿਖਾਵਾਂਗੇ ਕਿ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ। ਅਲਾਈਨ ਕਰੋ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਤਸਵੀਰਾਂ ਨੂੰ ਖਿਤਿਜੀ ਅਤੇ ਲੰਬਕਾਰੀ ਦੋਵੇਂ ਤਰ੍ਹਾਂ ਨਾਲ ਇਕਸਾਰ ਕਰਨ ਲਈ। ਅਸੀਂ ਤੁਹਾਨੂੰ ਇਹ ਵੀ ਦਿਖਾਵਾਂਗੇ ਕਿ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ। ਡਿਸਪਲੇਅ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਚਿੱਤਰ ਦੀ ਸਥਿਤੀ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨਾ ਅਤੇ ਇਸਦਾ ਆਕਾਰ ਕਿਵੇਂ ਵਿਵਸਥਿਤ ਕਰਨਾ ਹੈ ਉਚਾਈ y ਚੌੜਾਈ HTML ਦੀ ਵਰਤੋਂ ਕਰਨਾ। ਇਹਨਾਂ ਸਧਾਰਨ ਕਦਮਾਂ ਨਾਲ, ਤੁਸੀਂ ਆਪਣੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਆਪਣੀਆਂ ਤਸਵੀਰਾਂ ਦੀ ਪੇਸ਼ਕਾਰੀ ਨੂੰ ਤੇਜ਼ੀ ਅਤੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਅਨੁਕੂਲਿਤ ਕਰ ਸਕਦੇ ਹੋ। ਆਓ ਸ਼ੁਰੂ ਕਰੀਏ!
– ਕਦਮ ਦਰ ਕਦਮ ➡️ HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਕਿਵੇਂ ਵਿਵਸਥਿਤ ਕਰਨਾ ਹੈ
- 1 ਕਦਮ: ਪਹਿਲਾਂ, ਆਪਣਾ ਟੈਕਸਟ ਐਡੀਟਰ ਜਾਂ IDE ਖੋਲ੍ਹੋ ਅਤੇ ਇੱਕ ਨਵੀਂ HTML ਫਾਈਲ ਬਣਾਓ।
- 2 ਕਦਮ: ਫਿਰ, HTML ਫਾਈਲ ਦੇ ਅੰਦਰ, ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰੋ
ਚਿੱਤਰ ਪਾਉਣ ਲਈ, ਤੁਸੀਂ ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਚਿੱਤਰ ਮਾਰਗ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ। ਝਰੋਖੇ.
- 3 ਕਦਮ: ਅੱਗੇ, ਤੁਸੀਂ ਗੁਣਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਵਿਵਸਥਿਤ ਕਰ ਸਕਦੇ ਹੋ ਚੌੜਾਈ y ਉਚਾਈ.
- 4 ਕਦਮ: ਜੇਕਰ ਤੁਸੀਂ ਚਿੱਤਰ ਨੂੰ ਇਕਸਾਰ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਅਲਾਈਨ ਕਰੋ "ਖੱਬੇ" ਜਾਂ "ਸੱਜੇ" ਮੁੱਲਾਂ ਦੇ ਨਾਲ।
- 5 ਕਦਮ: ਪੰਨੇ 'ਤੇ ਚਿੱਤਰ ਨੂੰ ਕੇਂਦਰਿਤ ਕਰਨ ਲਈ, ਤੁਸੀਂ ਇਸਨੂੰ ਇੱਕ ਕੰਟੇਨਰ ਵਿੱਚ ਲਪੇਟ ਸਕਦੇ ਹੋ ਅਤੇ CSS ਸਟਾਈਲ ਲਾਗੂ ਕਰ ਸਕਦੇ ਹੋ, ਜਾਂ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ
ਗੁਣ ਦੇ ਨਾਲ ਅਲਾਈਨ = "ਕੇਂਦਰ".
- 6 ਕਦਮ: ਅੰਤ ਵਿੱਚ, HTML ਫਾਈਲ ਨੂੰ ਸੇਵ ਕਰੋ ਅਤੇ ਇਸਨੂੰ ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਖੋਲ੍ਹੋ ਤਾਂ ਜੋ ਚਿੱਤਰ ਨੂੰ ਤੁਹਾਡੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਨੁਸਾਰ ਵਿਵਸਥਿਤ ਕੀਤਾ ਗਿਆ ਹੋਵੇ।
ਪ੍ਰਸ਼ਨ ਅਤੇ ਜਵਾਬ
HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ?
- ਲਿਖੋ
HTML ਕੋਡ ਵਿੱਚ ਜਿੱਥੇ ਤੁਸੀਂ ਚਿੱਤਰ ਨੂੰ ਦਿਖਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ।
HTML ਕੋਡ ਵਿੱਚ ਜਿੱਥੇ ਤੁਸੀਂ ਚਿੱਤਰ ਨੂੰ ਦਿਖਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ।HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਕਿਵੇਂ ਇਕਸਾਰ ਕਰਨਾ ਹੈ?
- ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ਾਮਲ ਕਰੋ ਅਲਾਈਨ = "ਖੱਬੇ" o ਅਲਾਈਨ = "ਸੱਜੇ" ਅੰਦਰ ਟੈਗ
ਚਿੱਤਰ ਨੂੰ ਕ੍ਰਮਵਾਰ ਖੱਬੇ ਜਾਂ ਸੱਜੇ ਪਾਸੇ ਇਕਸਾਰ ਕਰਨ ਲਈ।
HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ?
- ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰੋ ਚੌੜਾਈ="ਮੁੱਲ_ਪਿਕਸਲਾਂ ਵਿੱਚ_" y ਉਚਾਈ = "ਮੁੱਲ_ਪਿਕਸਲਾਂ ਵਿੱਚ" ਅੰਦਰ ਟੈਗ
ਚਿੱਤਰ ਦੇ ਆਕਾਰ ਨੂੰ ਅਨੁਕੂਲ ਕਰਨ ਲਈ.
HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਕਿਵੇਂ ਕੇਂਦਰਿਤ ਕਰਨਾ ਹੈ?
- ਰੈਪ ਟੈਗ
ਅੰਦਰ ਟੈਗ
ਅਤੇ ਸ਼ੈਲੀ ਜੋੜਦਾ ਹੈ ਟੈਕਸਟ-ਅਲਾਈਨ: ਸੈਂਟਰ; alਚਿੱਤਰ ਨੂੰ ਕੇਂਦਰ ਵਿੱਚ ਰੱਖਣ ਲਈ।
HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਵਿੱਚ ਬਾਰਡਰ ਕਿਵੇਂ ਜੋੜਿਆ ਜਾਵੇ?
- ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰੋ ਬਾਰਡਰ="ਮੁੱਲ_ਪਿਕਸਲਾਂ ਵਿੱਚ_" ਅੰਦਰ ਟੈਗ
ਚਿੱਤਰ ਵਿੱਚ ਇੱਕ ਬਾਰਡਰ ਜੋੜਨ ਲਈ।
HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਕਲਿੱਕ ਕਰਨ ਯੋਗ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਵੇ?
HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਵਿੱਚ ਸਿਰਲੇਖ ਕਿਵੇਂ ਜੋੜਿਆ ਜਾਵੇ?
- ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ਾਮਲ ਕਰੋ ਸਿਰਲੇਖ="ਸਿਰਲੇਖ_ਲਿਖਤ" ਅੰਦਰ ਟੈਗ
ਚਿੱਤਰ ਵਿੱਚ ਇੱਕ ਸਿਰਲੇਖ ਜੋੜਨ ਲਈ ਜੋ ਤੁਹਾਡੇ ਉੱਤੇ ਹੋਵਰ ਕਰਨ 'ਤੇ ਦਿਖਾਈ ਦੇਵੇਗਾ।
HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਕਿਵੇਂ ਫਾਰਮੈਟ ਕਰਨਾ ਹੈ?
- ਵਰਗੀਆਂ ਸ਼ੈਲੀਆਂ ਲਾਗੂ ਕਰਨ ਲਈ CSS ਦੀ ਵਰਤੋਂ ਕਰੋ ਕਿਨਾਰਾ, ਹਾਸ਼ੀਆ, ਪੈਡਿੰਗ, ਚੌੜਾਈ, ਉਚਾਈਚਿੱਤਰ ਨੂੰ ਆਦਿ।
HTML ਵਿੱਚ ਕਿਸੇ ਬਾਹਰੀ ਸਰੋਤ ਤੋਂ ਚਿੱਤਰ ਕਿਵੇਂ ਲੋਡ ਕਰਨਾ ਹੈ?
- ਲਿਖੋ HTML ਕੋਡ ਵਿੱਚ ਜਿਵੇਂ ਤੁਸੀਂ ਇੱਕ ਸਥਾਨਕ ਚਿੱਤਰ ਨਾਲ ਕਰੋਗੇ।
HTML ਕੋਡ ਵਿੱਚ ਜਿਵੇਂ ਤੁਸੀਂ ਇੱਕ ਸਥਾਨਕ ਚਿੱਤਰ ਨਾਲ ਕਰੋਗੇ।HTML ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਦੀ ਜਗ੍ਹਾ ਨੂੰ ਕਿਵੇਂ ਐਡਜਸਟ ਕਰਨਾ ਹੈ?
- ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ਾਮਲ ਕਰੋ hspace="ਪਿਕਸਲਾਂ ਵਿੱਚ_ਮੁੱਲ" y vspace="ਪਿਕਸਲਾਂ ਵਿੱਚ_ਮੁੱਲ" ਅੰਦਰ ਟੈਗ
ਚਿੱਤਰ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਖਿਤਿਜੀ ਅਤੇ ਲੰਬਕਾਰੀ ਵਿੱਥ ਨੂੰ ਅਨੁਕੂਲ ਕਰਨ ਲਈ।
ਮੈਂ ਸੇਬੇਸਟਿਅਨ ਵਿਡਾਲ ਹਾਂ, ਇੱਕ ਕੰਪਿਊਟਰ ਇੰਜੀਨੀਅਰ ਟੈਕਨਾਲੋਜੀ ਅਤੇ DIY ਬਾਰੇ ਭਾਵੁਕ ਹਾਂ। ਇਸ ਤੋਂ ਇਲਾਵਾ, ਮੈਂ ਦਾ ਸਿਰਜਣਹਾਰ ਹਾਂ tecnobits.com, ਜਿੱਥੇ ਮੈਂ ਹਰ ਕਿਸੇ ਲਈ ਤਕਨਾਲੋਜੀ ਨੂੰ ਵਧੇਰੇ ਪਹੁੰਚਯੋਗ ਅਤੇ ਸਮਝਣਯੋਗ ਬਣਾਉਣ ਲਈ ਟਿਊਟੋਰਿਅਲ ਸਾਂਝੇ ਕਰਦਾ ਹਾਂ।