ਬ੍ਰਾਉਜ਼ਰ ਦੁਆਰਾ HTML ਵਿੱਚ ਕਿਸੀ ਸਫੈਦ ਸਪੇਸ ਨੂੰ ਕਿਵੇਂ ਧਿਆਨ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ
ਜੇ ਤੁਸੀਂ ਆਰੰਭ ਵੈੱਬ ਡਿਜ਼ਾਇਨਰ ਹੋ, ਤਾਂ ਬਹੁਤ ਸਾਰੀਆਂ ਚੀਜਾਂ ਵਿੱਚੋਂ ਇਕ ਤੁਹਾਨੂੰ ਛੇਤੀ ਸਮਝਣਾ ਹੋਏਗਾ ਕਿ ਸਾਈਟ ਦੇ ਕੋਡ ਵਿਚ ਚਿੱਟੀ ਸਪੇਸ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਦੁਆਰਾ ਵਰਤੀ ਜਾਂਦੀ ਹੈ.
ਬਦਕਿਸਮਤੀ ਨਾਲ, ਜਿਸ ਢੰਗ ਨਾਲ ਬ੍ਰਾਉਜ਼ਰ ਨੂੰ ਸਫੈਦ ਜਗ੍ਹਾਂ ਦਾ ਸੰਚਾਲਨ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਉਹ ਪਹਿਲੀ ਤੇ ਬਹੁਤ ਜ਼ਿਆਦਾ ਅਨੁਭਵੀ ਨਹੀਂ ਹੁੰਦਾ, ਖਾਸ ਤੌਰ 'ਤੇ ਜੇ ਤੁਸੀਂ HTML ਵਿੱਚ ਆਉਂਦੇ ਹੋ ਅਤੇ ਇਸ ਦੀ ਤੁਲਨਾ ਵਰਡ ਪ੍ਰੋਸੈਸਿੰਗ ਪ੍ਰੋਗ੍ਰਾਮਾਂ ਵਿੱਚ ਕਿਵੇਂ ਸਫੈਦ ਥਾਂ ਨਾਲ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਹੋਰ ਜਾਣੂ ਹੋ ਸਕਦੇ ਹੋ.
ਵਰਡ ਪ੍ਰੋਸੈਸਿੰਗ ਸੌਫਟਵੇਅਰ ਵਿੱਚ, ਤੁਸੀਂ ਡੌਕਯੂਮੈਂਟ ਵਿੱਚ ਬਹੁਤ ਸਾਰੀਆਂ ਸਪੇਸਿੰਗ ਜਾਂ ਟੈਬਸ ਨੂੰ ਜੋੜ ਸਕਦੇ ਹੋ ਅਤੇ ਇਹ ਸਪੇਸਿੰਗ ਡੌਕਯੂਮੈਂਟ ਦੀ ਸਮੱਗਰੀ ਦੇ ਡਿਸਪਲੇ ਵਿੱਚ ਦਰਸਾਏ ਜਾਣਗੇ. ਇਹ HTML ਜਾਂ ਵੈਬ ਪੇਜਾਂ ਦੇ ਨਾਲ ਨਹੀਂ ਹੈ. ਜਿਵੇਂ ਕਿ, ਸਿੱਖਣ ਨਾਲ ਕਿ ਕਿਵੇਂ ਸਫੈਦ ਥਾਂ ਹੈ, ਅਸਲ ਵਿਚ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਦੁਆਰਾ ਵਰਤੀ ਜਾਂਦੀ ਹੈ ਬਹੁਤ ਮਹੱਤਵਪੂਰਨ.
ਪ੍ਰਿੰਟ ਵਿੱਚ ਸਪੇਸਿੰਗ
ਵਰਡ ਪ੍ਰੋਸੈਸਿੰਗ ਸੌਫਟਵੇਅਰ ਵਿੱਚ, ਤਿੰਨ ਪ੍ਰਾਇਮਰੀ ਵਾਈਟ ਸਪੇਸ ਅੱਖਰ ਸਪੇਸ, ਟੈਬ ਅਤੇ ਕੈਰੇਜ ਰਿਟਰਨ ਹਨ. ਇਹਨਾਂ ਵਿੱਚੋਂ ਹਰ ਇਕ ਵੱਖਰਾ ਤਰੀਕਾ ਹੈ, ਪਰ ਐਚਟੀਐਮ ਟੀ, ਬ੍ਰਾਉਜ਼ਰ ਇਨ੍ਹਾਂ ਸਭ ਨੂੰ ਲਾਜ਼ਮੀ ਰੂਪ ਵਿੱਚ ਪੇਸ਼ ਕਰਦੇ ਹਨ. ਭਾਵੇਂ ਤੁਸੀਂ ਆਪਣੇ ਐਮਐਲਐਲ ਮੱਧਮਾਨ ਵਿਚ ਇਕ ਸਪੇਸ ਲਗਾਓ ਜਾਂ 100 ਸਪੇਸ ਕਰੋ, ਜਾਂ ਟੈਬਸ ਅਤੇ ਕੈਰੇਸ ਰਿਟਰਨ ਦੇ ਨਾਲ ਆਪਣੇ ਫਾਸਲੇ ਨੂੰ ਰਲਾਓ, ਇਹ ਸਾਰੇ ਇਕ ਥਾਂ ਤੇ ਘਟਾਏ ਜਾਣਗੇ ਜਦੋਂ ਇਹ ਬ੍ਰਾਊਜ਼ਰ ਦੁਆਰਾ ਪੰਨਾ ਪੇਸ਼ ਕੀਤਾ ਜਾਵੇਗਾ. ਵੈਬ ਡਿਜ਼ਾਈਨ ਟਰਮਿਨੌਲੋਜੀ ਵਿੱਚ, ਇਸਨੂੰ ਵ੍ਹਾਈਟ ਸਪੇਸ ਪਕੜ ਜਾਣ ਵਜੋਂ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ. ਤੁਸੀਂ ਇੱਕ ਵਾਈਟ ਪੇਜ਼ ਵਿੱਚ ਵ੍ਹਾਈਟਪੇਸ ਜੋੜਨ ਲਈ ਇਹਨਾਂ ਸਪਸ਼ਟ ਚਤੁਰਭੁਜ ਕੁੰਜੀਆਂ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰ ਸਕਦੇ ਹੋ ਕਿਉਂਕਿ ਬ੍ਰਾਉਜ਼ਰ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਰੈਂਡਰ ਕੀਤੇ ਬਹੁਤ ਸਾਰੇ ਸਥਾਨਾਂ ਨੂੰ ਇੱਕ ਥਾਂ ਵਿੱਚ ਘਟਾ ਦਿੰਦਾ ਹੈ,
ਕੋਈ ਵਿਅਕਤੀ ਟੈਬਾਂ ਕਿਉਂ ਵਰਤਦਾ ਹੈ?
ਆਮ ਤੌਰ 'ਤੇ, ਜਦੋਂ ਲੋਕ ਟੈਕਸਟ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਟੈਬਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ, ਤਾਂ ਉਹ ਲੇਆਉਟ ਕਾਰਨਾਂ ਕਰਕੇ ਉਹਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹਨ ਜਾਂ ਕਿਸੇ ਖਾਸ ਥਾਂ ਤੇ ਜਾਣ ਲਈ ਟੈਕਸਟ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ ਜਾਂ ਕਿਸੇ ਹੋਰ ਐਲੀਮੈਂਟ ਤੋਂ ਕੁਝ ਦੂਰੀ ਤੱਕ ਪਹੁੰਚ ਸਕਦੇ ਹਨ. ਵੈਬ ਡਿਜ਼ਾਈਨ ਵਿੱਚ, ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਅਨੁਪਾਤਕ ਸਪੇਸ ਅੱਖਰਾਂ ਦੀ ਵਰਤੋਂ ਉਹਨਾਂ ਵਿਜ਼ੁਅਲ ਸਟਾਈਲ ਜਾਂ ਲੇਆਉਟ ਦੀਆਂ ਲੋੜਾਂ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ ਨਹੀਂ ਕਰ ਸਕਦੇ.
ਵੈੱਬ ਡੀਜ਼ਾਈਨ ਵਿਚ, ਕੋਡ ਵਿਚਲੇ ਵਾਧੂ ਖਾਲੀ ਥਾਂ ਦੇ ਇਸਤੇਮਾਲ ਨੂੰ ਉਹ ਕੋਡ ਪੜਨ ਵਿਚ ਅਸਾਨੀ ਨਾਲ ਹੋਵੇਗਾ. ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਅਤੇ ਡਿਵੈਲਪਰ ਅਕਸਰ ਟੈਬਸ ਨੂੰ ਇੰਡੈਂਟ ਕੋਡ ਵਿੱਚ ਵਰਤਦੇ ਹਨ ਤਾਂ ਕਿ ਉਹ ਦੇਖ ਸਕਣ ਕਿ ਕਿਹੜੀਆਂ ਚੀਜ਼ਾਂ ਹੋਰ ਤੱਤਾਂ ਦੇ ਬੱਚੇ ਹਨ - ਪਰ ਉਹ ਇੰਡੈਂਟ ਸਫੇ ਦੇ ਵਿਜ਼ੂਅਲ ਲੇਆਉਟ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਨਹੀਂ ਕਰਦੇ. ਲੋੜੀਂਦੇ ਦਿੱਖ ਲੇਆਉਟ ਬਦਲਾਆਂ ਲਈ, ਤੁਹਾਨੂੰ CSS (ਕੈਸਕੇਡਿੰਗ ਸ਼ੈਲੀ ਸ਼ੀਟਾਂ) ਤੇ ਜਾਣ ਦੀ ਜ਼ਰੂਰਤ ਹੋਏਗੀ.
HTML ਟੈਬਸ ਅਤੇ ਸਪੇਸਿੰਗ ਬਣਾਉਣ ਲਈ CSS ਦਾ ਉਪਯੋਗ ਕਰਨਾ
ਅੱਜ ਦੀਆਂ ਵੈਬਸਾਈਟਾਂ ਨੂੰ ਬਣਤਰ ਅਤੇ ਸ਼ੈਲੀ ਦੇ ਵੱਖਰੇ ਨਾਲ ਬਣਾਇਆ ਗਿਆ ਹੈ. ਇੱਕ ਪੇਜ ਦਾ ਢਾਂਚਾ HTML ਦੁਆਰਾ ਪਰਬੰਧਿਤ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਕਿ ਸਟਾਇਲ CSS ਦੁਆਰਾ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦਾ ਹੈ. ਇਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਸਪੇਸ ਬਣਾਉਣ ਜਾਂ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਖਾਕਾ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ CSS ਨੂੰ ਮੋੜਨਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ HTML ਕੋਡ ਵਿੱਚ ਸਿਰਫ਼ ਸਪੇਸਿੰਗ ਅੱਖਰ ਜੋੜਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਨਹੀਂ ਕਰਨੀ ਚਾਹੀਦੀ.
ਜੇ ਤੁਸੀਂ ਟੈਕਸਟ ਦੇ ਕਾਲਮ ਬਣਾਉਣ ਲਈ ਟੈਬਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਉਸ ਕਾਲਮ ਲੇਆਉਟ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ CSS ਦੇ ਨਾਲ ਬਣੇ
ਜੇ ਤੁਹਾਡੇ ਦੁਆਰਾ ਰੱਖੀ ਗਈ ਡਾਟਾ ਸਾਰਣੀਕਾਰ ਡੇਟਾ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਉਸ ਡੇਟਾ ਨੂੰ ਇਕਸਾਰ ਬਣਾਉਣ ਲਈ ਟੇਬਲਸ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ. ਸਾਰਣੀਆਂ ਨੂੰ ਅਕਸਰ ਵੈਬ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਇੱਕ ਖਰਾਬ ਰੈਪ ਹੋ ਜਾਂਦਾ ਹੈ ਕਿਉਂਕਿ ਇਹਨਾਂ ਨੂੰ ਕਈ ਸਾਲਾਂ ਤੋਂ ਸ਼ੁੱਧ ਲੇਆਉਟ ਟੂਲ ਦੇ ਰੂਪ ਵਿੱਚ ਦੁਰਵਿਵਹਾਰ ਕੀਤਾ ਗਿਆ ਸੀ, ਪਰ ਟੇਬਲ ਅਜੇ ਵੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪ੍ਰਮਾਣਿਤ ਹਨ ਜੇ ਤੁਹਾਡੀ ਸਮਗਰੀ ਵਿੱਚ ਪਹਿਲਾਂ ਦਿੱਤੇ ਸਾਰਣੀਕਾਰ ਡਾਟਾ ਸ਼ਾਮਲ ਹੈ.
ਮਾਰਜਿਨਜ਼, ਪੈਡਿੰਗ ਅਤੇ ਟੈਕਸਟ ਇੰਡੈਂਟ
CSS ਦੇ ਨਾਲ ਸਪੇਸ ਬਣਾਉਣ ਦਾ ਸਭ ਤੋਂ ਆਮ ਤਰੀਕਾ ਹੇਠਲੀਆਂ CSS ਸਟਾਈਲਾਂ ਵਿੱਚੋਂ ਇੱਕ ਵਰਤ ਰਿਹਾ ਹੈ:
- ਹਾਸ਼ੀਆ
- ਪੈਡਿੰਗ
- ਟੈਕਸਟ-ਇੰਡੈਂਟ
ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਪੈਰਾ ਦੀ ਪਹਿਲੀ ਲਾਈਨ ਜਿਵੇਂ ਕਿ ਹੇਠਾਂ ਦਿੱਤੀ CSS ਨਾਲ ਇੱਕ ਟੈਬ ਦੀ ਨਕਲ ਕਰ ਸਕਦੇ ਹੋ (ਨੋਟ ਕਰੋ ਕਿ ਇਹ ਤੁਹਾਡੇ ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਕੋਲ "ਪਹਿਲਾਂ" ਨਾਲ ਜੁੜੇ ਇੱਕ ਕਲਾਸ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ):
p.first {
ਟੈਕਸਟ-ਇੰਂਡੇਂਟ: 5ਮ;
}
ਹੁਣ ਇਹ ਪੈਰਾ 5 ਵਰਣਾਂ ਦੇ ਬਾਰੇ
ਤੁਸੀਂ ਇੱਕ ਤੱਤ ਦੇ ਉੱਪਰ, ਥੱਲੇ, ਖੱਬੇ ਜਾਂ ਸੱਜੇ (ਜਾਂ ਉਹਨਾਂ ਸਾਈਨਾਂ ਦੇ ਸੰਜੋਗ) ਵਿੱਚ ਸਪੇਸ ਜੋੜਨ ਲਈ CSS ਵਿੱਚ ਮਾਰਜ ਜਾਂ ਪੈਡਿੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ. ਅਖੀਰ ਵਿੱਚ, ਤੁਸੀਂ CSS ਨੂੰ ਬਦਲ ਕੇ ਕਿਸੇ ਵੀ ਕਿਸਮ ਦੀ ਸਪੇਸਿੰਗ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ.
CSS ਤੋਂ ਬਿਨਾਂ ਇਕ ਥਾਂ ਤੋਂ ਵੱਧ ਪਾਠ ਭੇਜਣਾ
ਜੇ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਤੁਹਾਡੇ ਪਾਠ ਨੂੰ ਪਿਛਲੀ ਇਕਾਈ ਤੋਂ ਇਕ ਤੋਂ ਵੱਧ ਸਥਾਨਾਂ 'ਤੇ ਛੱਡਿਆ ਜਾਵੇ, ਤਾਂ ਤੁਸੀਂ ਨਾ-ਟੁੱਟਣ ਵਾਲੀ ਜਗ੍ਹਾ ਦਾ ਇਸਤੇਮਾਲ ਕਰ ਸਕਦੇ ਹੋ.
ਗੈਰ-ਟੁੱਟਣ ਵਾਲੀ ਜਗ੍ਹਾ ਨੂੰ ਵਰਤਣ ਲਈ, ਤੁਸੀਂ ਬਸ & nbsp; ਜੋੜੋ ਜਿੰਨੀ ਵਾਰ ਤੁਹਾਨੂੰ ਆਪਣੀ HTML ਮਾਰਕਅੱਪ ਵਿੱਚ ਲੋੜ ਹੈ
ਉਦਾਹਰਨ ਲਈ, ਜੇ ਤੁਸੀਂ ਆਪਣਾ ਸ਼ਬਦ ਪੰਜ ਸਪੇਸ ਉੱਤੇ ਲੈਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤੁਸੀਂ ਸ਼ਬਦ ਤੋਂ ਪਹਿਲਾਂ ਹੇਠਾਂ ਜੋੜ ਸਕਦੇ ਹੋ.
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;HTML ਇਹਨਾਂ ਦਾ ਆਦਰ ਕਰਦਾ ਹੈ ਅਤੇ ਇਹਨਾਂ ਨੂੰ ਇੱਕ ਸਪੇਸ ਤੇ ਪਟ੍ਟਾਣ ਨਹੀਂ ਕਰੇਗਾ. ਹਾਲਾਂਕਿ, ਇਸ ਨੂੰ ਬਹੁਤ ਹੀ ਗਰੀਬ ਅਭਿਆਸ ਮੰਨਿਆ ਜਾਂਦਾ ਹੈ ਕਿਉਂਕਿ ਇਹ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਅਤਿਰਿਕਤ HTML ਮਾਰਕਅਪ ਸ਼ਾਮਲ ਕਰ ਰਿਹਾ ਹੈ ਲੇਆਉਟ ਲੋੜਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਹੀ. ਢਾਂਚੇ ਅਤੇ ਸ਼ੈਲੀ ਦੇ ਵੱਖਰੇ ਹੋਣ ਦਾ ਹਵਾਲਾ ਦਿੰਦੇ ਹੋਏ, ਤੁਹਾਨੂੰ ਬਿਨਾਂ ਕਿਸੇ ਟੁੱਟਣ ਵਾਲੀਆਂ ਥਾਵਾਂ ਨੂੰ ਜੋੜਨਾ ਚਾਹੀਦਾ ਹੈ ਜੋ ਕਿ ਇੱਛਤ ਲੇਆਊਟ ਪ੍ਰਭਾਵ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨਾ ਹੈ ਅਤੇ ਇਸਦੀ ਬਜਾਏ CSS ਮਾਰਜਿਨ ਅਤੇ ਪੈਡਿੰਗ ਵਰਤਣੀ ਚਾਹੀਦੀ ਹੈ.