ਜੇਕਰ ਤੁਸੀਂ ਵੈਬ ਪੇਜ ਡਿਜ਼ਾਈਨ ਕਰਨਾ ਸਿੱਖ ਰਹੇ ਹੋ, ਤਾਂ ਇਹ ਜਾਣਨਾ ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿ ਕਿਵੇਂ HTML ਵਿੱਚ ਸੈਂਟਰ ਟੈਕਸਟ ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟਾਂ ਨੂੰ ਇੱਕ ਪੇਸ਼ੇਵਰ ਦਿੱਖ ਦੇਣ ਲਈ। ਭਾਵੇਂ ਇਹ ਗੁੰਝਲਦਾਰ ਲੱਗ ਸਕਦਾ ਹੈ, ਪਰ ਸੱਚਾਈ ਇਹ ਹੈ ਕਿ ਇਹ ਬਹੁਤ ਸਰਲ ਹੈ। ਕੁਝ ਕੋਡਾਂ ਅਤੇ ਟੈਗਾਂ ਨਾਲ, ਤੁਸੀਂ ਆਪਣੇ ਵੈੱਬ ਪੰਨਿਆਂ 'ਤੇ ਟੈਕਸਟ ਨੂੰ ਕਿਸੇ ਵੀ ਤਰੀਕੇ ਨਾਲ ਇਕਸਾਰ ਕਰ ਸਕਦੇ ਹੋ ਜਿਸ ਤਰ੍ਹਾਂ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ। ਭਾਵੇਂ ਤੁਸੀਂ ਸਿਰਲੇਖ, ਪੈਰਾ, ਜਾਂ ਸੂਚੀ ਬਣਾ ਰਹੇ ਹੋ, ਜਾਣੋ ਕਿ ਕਿਵੇਂ HTML ਵਿੱਚ ਸੈਂਟਰ ਟੈਕਸਟ ਇਹ ਤੁਹਾਨੂੰ ਤੁਹਾਡੀ ਸਮਗਰੀ ਦੀ ਪੇਸ਼ਕਾਰੀ 'ਤੇ ਵਧੇਰੇ ਨਿਯੰਤਰਣ ਕਰਨ ਦੀ ਆਗਿਆ ਦੇਵੇਗਾ. ਇਸ ਲੇਖ ਵਿਚ, ਅਸੀਂ ਤੁਹਾਨੂੰ ਕਦਮ ਦਰ ਕਦਮ ਦਿਖਾਵਾਂਗੇ ਕਿ ਇਸ ਨੂੰ ਜਲਦੀ ਅਤੇ ਆਸਾਨੀ ਨਾਲ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰਨਾ ਹੈ.
- ਕਦਮ ਦਰ ਕਦਮ ➡️ HTML ਵਿੱਚ ਟੈਕਸਟ ਨੂੰ ਕੇਂਦਰ ਵਿੱਚ ਰੱਖੋ
Html ਵਿੱਚ ਸੈਂਟਰ ਟੈਕਸਟ
-
–
–
–
-
–
–
–
- ਲੇਬਲ ਦੀ ਵਰਤੋਂ ਕਰੋ
ਉਸ ਟੈਕਸਟ ਨੂੰ ਸਮੇਟਣ ਲਈ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਕੇਂਦਰ ਵਿੱਚ ਰੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ। - ਹਾਂ, ਤੁਸੀਂ ਟੈਕਸਟ ਨੂੰ ਕੇਂਦਰਿਤ ਕਰਨ ਲਈ CSS ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।
- ਜਾਇਦਾਦ ਦੀ ਵਰਤੋਂ ਕਰੋ text-align ਉਸ ਤੱਤ ਲਈ CSS ਸ਼ੈਲੀ ਵਿੱਚ ਜਿਸ ਵਿੱਚ ਟੈਕਸਟ ਸ਼ਾਮਲ ਹੈ।
- ਦਾ ਮੁੱਲ ਸੈੱਟ ਕਰਦਾ ਹੈ text-align ਨੂੰ center.
- ਰੈਪ ਟੈਗ
ਟੈਗ ਦੇ ਨਾਲ
. - CSS ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਟੈਕਸਟ ਲਈ ਉਹੀ ਸੈਂਟਰਿੰਗ ਤਕਨੀਕ ਲਾਗੂ ਕਰੋ।
- ਰੈਪ ਟੈਗ
ਟੈਗ ਦੇ ਨਾਲ.- CSS ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਟੈਕਸਟ ਲਈ ਉਹੀ ਸੈਂਟਰਿੰਗ ਤਕਨੀਕ ਲਾਗੂ ਕਰੋ।
5. ਕੀ ਲੇਬਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਸਲਾਹ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ
HTML ਵਿੱਚ? - ਇਸਦੀ ਸਿਫ਼ਾਰਸ਼ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ।
- ਇਸਨੂੰ HTML5 ਵਿੱਚ ਪੁਰਾਣਾ ਮੰਨਿਆ ਜਾਂਦਾ ਹੈ।
- ਪੇਜ ਦੀ ਪੇਸ਼ਕਾਰੀ ਨੂੰ ਫਾਰਮੈਟ ਅਤੇ ਸਟਾਈਲ ਕਰਨ ਲਈ CSS ਦੀ ਵਰਤੋਂ ਨੂੰ ਉਤਸ਼ਾਹਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
6. ਮੈਂ HTML ਵਿੱਚ ਇੱਕ div ਵਿੱਚ ਟੈਕਸਟ ਨੂੰ ਹਰੀਜੱਟਲੀ ਕਿਵੇਂ ਕੇਂਦਰਿਤ ਕਰਾਂ?
- ਉਹੀ CSS ਪ੍ਰਾਪਰਟੀ ਦੀ ਵਰਤੋਂ ਕਰੋ text-align ਕੰਟੇਨਰ ਡਿਵੀ ਸ਼ੈਲੀ ਵਿੱਚ।
- ਦਾ ਮੁੱਲ ਸੈੱਟ ਕਰਦਾ ਹੈ text-align a center.
7. ਕੀ ਮੈਂ HTML ਵਿੱਚ ਟੈਕਸਟ ਨੂੰ ਵਰਟੀਕਲ ਸੈਂਟਰ ਕਰ ਸਕਦਾ ਹਾਂ?
- ਹਾਂ, ਤੁਸੀਂ ਟੈਕਸਟ ਨੂੰ ਲੰਬਕਾਰੀ ਤੌਰ 'ਤੇ ਕੇਂਦਰਿਤ ਕਰਨ ਲਈ CSS ਵਿੱਚ flexbox ਜਾਂ ਗਰਿੱਡ ਲੇਆਉਟ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।
8. ਕੀ ਹੁੰਦਾ ਹੈ ਜੇਕਰ ਟੈਕਸਟ ਉਸ ਤਰੀਕੇ ਨਾਲ ਕੇਂਦਰਿਤ ਨਹੀਂ ਹੁੰਦਾ ਜਿਸ ਤਰ੍ਹਾਂ ਮੈਂ ਚਾਹੁੰਦਾ ਹਾਂ?
- ਪੁਸ਼ਟੀ ਕਰੋ ਕਿ ਤੁਸੀਂ ਸੈਂਟਰਿੰਗ ਤਕਨੀਕ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਲਾਗੂ ਕਰ ਰਹੇ ਹੋ।
- ਆਪਣੇ HTML ਜਾਂ CSS ਕੋਡ ਵਿੱਚ ਸੰਟੈਕਸ ਗਲਤੀਆਂ ਦੀ ਜਾਂਚ ਕਰੋ।
- HTML ਅਤੇ CSS 'ਤੇ ਕੇਂਦ੍ਰਿਤ ਵਾਧੂ ਦਸਤਾਵੇਜ਼ਾਂ ਜਾਂ ਟਿਊਟੋਰਿਅਲਸ ਦੀ ਸਲਾਹ ਲੈਣ 'ਤੇ ਵਿਚਾਰ ਕਰੋ।
9. ਕੀ ਵੈਬ ਪੇਜ ਦੀ ਪੇਸ਼ਕਾਰੀ ਲਈ ਟੈਕਸਟ ਦਾ ਕੇਂਦਰੀਕਰਨ ਮਹੱਤਵਪੂਰਨ ਹੈ?
- ਹਾਂ, ਪਾਠ ਨੂੰ ਕੇਂਦਰਿਤ ਕਰਨਾ ਇੱਕ ਹੋਰ ਸੁਹਜ ਅਤੇ ਸੰਗਠਿਤ ਪੇਸ਼ਕਾਰੀ ਵਿੱਚ ਯੋਗਦਾਨ ਪਾਉਂਦਾ ਹੈ।
- ਪੰਨੇ ਦੀ ਪੜ੍ਹਨਯੋਗਤਾ ਅਤੇ ਵਿਜ਼ੂਅਲ ਤਾਲਮੇਲ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ।
10. ਕੀ ਮੈਂ ਐਡਵਾਂਸ ਪ੍ਰੋਗਰਾਮਿੰਗ ਗਿਆਨ ਤੋਂ ਬਿਨਾਂ HTML ਵਿੱਚ ਟੈਕਸਟ ਨੂੰ ਕੇਂਦਰਿਤ ਕਰ ਸਕਦਾ ਹਾਂ?
- ਹਾਂ, ਉੱਪਰ ਦਿੱਤੀਆਂ ਮੁਢਲੀਆਂ ਹਦਾਇਤਾਂ ਦੇ ਨਾਲ, ਤੁਸੀਂ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਮਾਹਰ ਹੋਣ ਤੋਂ ਬਿਨਾਂ HTML ਵਿੱਚ ਟੈਕਸਟ ਸੈਂਟਰਿੰਗ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ।
- ਆਪਣੇ ਵੈੱਬ ਡਿਜ਼ਾਈਨ ਹੁਨਰ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ ਵੱਖ-ਵੱਖ ਤਕਨੀਕਾਂ ਨਾਲ ਅਭਿਆਸ ਅਤੇ ਪ੍ਰਯੋਗ ਕਰੋ।
ਮੈਂ ਸੇਬੇਸਟਿਅਨ ਵਿਡਾਲ ਹਾਂ, ਇੱਕ ਕੰਪਿਊਟਰ ਇੰਜੀਨੀਅਰ ਟੈਕਨਾਲੋਜੀ ਅਤੇ DIY ਬਾਰੇ ਭਾਵੁਕ ਹਾਂ। ਇਸ ਤੋਂ ਇਲਾਵਾ, ਮੈਂ ਦਾ ਸਿਰਜਣਹਾਰ ਹਾਂ tecnobits.com, ਜਿੱਥੇ ਮੈਂ ਹਰ ਕਿਸੇ ਲਈ ਤਕਨਾਲੋਜੀ ਨੂੰ ਵਧੇਰੇ ਪਹੁੰਚਯੋਗ ਅਤੇ ਸਮਝਣਯੋਗ ਬਣਾਉਣ ਲਈ ਟਿਊਟੋਰਿਅਲ ਸਾਂਝੇ ਕਰਦਾ ਹਾਂ।
ਅੱਗੇ ਵਧੋ ਅਤੇ ਆਪਣੀ ਖੁਦ ਦੀ ਸਮੱਗਰੀ ਲਿਖਣ ਦਾ ਮਜ਼ਾ ਲਓ!
