ਇੱਕ ਵੈਬ ਪੇਜ ਤੇ ਐਲੀਮੈਂਟਸ ਨੂੰ ਐਲੀਮੈਂਟ ਅਤੇ ਫਲੋਟ ਕਿਵੇਂ ਕਰੀਏ

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

ਥੱਲੇ, ਅਸੀਂ ਇਸ 'ਤੇ ਇੱਕ ਝਾਤ ਪਾਵਾਂਗੇ ਕਿ ਚਿੱਤਰ, ਟੇਬਲ, ਪੈਰਾਗਰਾਫ, ਅਤੇ ਹੋਰਸ ਨੂੰ ਇਕਸਾਰ ਕਰਨ ਲਈ ਸਧਾਰਨ CSS ਸਟਾਇਲ ਇਨ-ਲਾਈਨ ਸੰਪਤੀ ਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ.

ਨੋਟ: ਇਹ ਇੱਕੋ ਤਰੀਕੇ ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੀਟਾਂ ਤੇ ਵੀ ਵਰਤੀਆਂ ਜਾ ਸਕਦੀਆਂ ਹਨ, ਪਰ ਕਿਉਂਕਿ ਇਹ ਵਿਅਕਤੀਗਤ ਚੀਜ਼ਾਂ 'ਤੇ ਲਾਗੂ ਹੁੰਦੇ ਹਨ ਅਤੇ ਇਸ ਤਰ੍ਹਾਂ ਰਹਿਣ ਦੀ ਸੰਭਾਵਨਾ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ, ਹੇਠਾਂ ਦੱਸੇ ਗਏ ਸ਼ਬਦਾਂ ਦੀ ਤਰ੍ਹਾਂ ਇਨ-ਲਾਈਨ ਸਟਾਇਲ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਭ ਤੋਂ ਵਧੀਆ ਹੈ.

ਪਾਠ ਪੈਰਾਗਰਾਫ ਇਕਸਾਰ ਕਰੋ

ਪੈਰਾਗ੍ਰਾਫ ਟੈਗ ਤੁਹਾਡੇ ਵੈਬ ਪੇਜ ਨੂੰ ਲਗਾਉਣ ਵਿੱਚ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਪਹਿਲਾ ਸਥਾਨ ਹੈ. ਇਹ ਉਦਘਾਟਨ ਅਤੇ ਕਲੋਜ਼ਿੰਗ ਟੈਗਾਂ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਦੇ ਹਨ:

ਪੈਰਾ ਦੇ ਮੂਲ ਸੰਕੇਤ ਪੇਜ ਦੇ ਖੱਬੇ ਪਾਸੇ ਵੱਲ ਹੈ, ਪਰ ਤੁਸੀਂ ਆਪਣੇ ਪੈਰਿਆਂ ਨੂੰ ਸੱਜੇ ਅਤੇ ਕੇਂਦਰ ਵਿਚ ਇਕਸਾਰ ਕਰ ਸਕਦੇ ਹੋ.

ਫਲੋਟ ਦੀ ਜਾਇਦਾਦ ਦੀ ਵਰਤੋਂ ਕਰਨ ਨਾਲ ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਸੱਜੇ ਜਾਂ ਖੱਬੇ ਹਿੱਸੇ ਦੇ ਪੈਰਾਗਰਾਫ਼ ਨੂੰ ਤੁਸੀਂ ਇਕਸਾਰ ਕਰ ਸਕਦੇ ਹੋ. ਉਸ ਪੇਰੈਂਟ ਐਲੀਮੈਂਟ ਦੇ ਅੰਦਰ ਕੋਈ ਵੀ ਹੋਰ ਤੱਤ ਆਟੋਮੈਟਿਕ ਐਲੀਮੈਂਟ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਵਹਿੰਦਾ ਹੈ.

ਪੈਰਾ ਦੇ ਨਾਲ ਵਧੀਆ ਪ੍ਰਭਾਵ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ, ਪੈਰਾ ਦੇ ਚੌੜਾਈ ਨੂੰ ਸੈੱਟ ਕਰਨਾ ਬਿਹਤਰ ਹੁੰਦਾ ਹੈ ਜੋ ਕੰਟੇਨਰ (ਮਾਪਿਆਂ) ਤੱਤ ਤੋਂ ਛੋਟਾ ਹੁੰਦਾ ਹੈ.

ਪੈਰਿਆਂ ਦੇ ਅੰਦਰ ਪਾਠ ਨੂੰ ਇਕਸਾਰ ਕਰੋ

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

ਪੈਰਾਗ੍ਰਾਫ ਵਿੱਚ ਪਾਠ ਨੂੰ ਜਾਇਜ਼ ਠਹਿਰਾਉਣ ਲਈ, ਤੁਸੀਂ ਟੈਕਸਟ-ਅਲਾਈਨ ਸੰਪੱਤੀ ਦੀ ਵਰਤੋਂ ਕਰੋਗੇ

ਤੁਸੀਂ ਟੈਕਸਟ-ਅਲਾਈਨ ਸੰਪੱਤੀ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਪੈਰਾਗ੍ਰਾਫਟ ਦੇ ਸਾਰੇ ਪਾਠ ਨੂੰ ਸੱਜੇ ਪਾਸੇ ਜਾਂ ਖੱਬੇ (ਮੂਲ) ਵਿੱਚ ਵੀ ਅਲਾਈਨ ਕਰ ਸਕਦੇ ਹੋ.

ਟੈਕਸਟ-ਅਲਾਈਨ ਸੰਪੱਤੀ ਵਿਸ਼ੇ ਦੇ ਅੰਦਰਲੇ ਪਾਠ ਨੂੰ ਇਕਸਾਰ ਕਰੇਗੀ. ਤਕਨੀਕੀ ਰੂਪ ਵਿੱਚ, ਇਹ ਚਿੱਤਰਾਂ ਨੂੰ ਇਕਸਾਰ ਨਹੀਂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਜੋ ਪੈਰਾਗ੍ਰਾਫ ਜਾਂ ਹੋਰ ਤੱਤ ਦੇ ਅੰਦਰ ਹੁੰਦੇ ਹਨ, ਪਰ ਜ਼ਿਆਦਾਤਰ ਬ੍ਰਾਉਜ਼ਰ ਚਿੱਤਰਾਂ ਨੂੰ ਇਸ ਜਾਇਦਾਦ ਲਈ ਇਨਲਾਈਨ ਮੰਨਦੇ ਹਨ.

ਚਿੱਤਰਾਂ ਨੂੰ ਇਕਸਾਰ ਕਰੋ

ਇੱਕ ਚਿੱਤਰ ਟੈਗ 'ਤੇ ਫਲੋਟ ਦੀ ਜਾਇਦਾਦ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਨਾਲ ਤੁਸੀਂ ਪੰਨੇ' ਤੇ ਚਿੱਤਰਾਂ ਦੀ ਪਲੇਸਮੇਂਟ ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਉਸ ਦੇ ਆਲੇ ਦੁਆਲੇ ਪਾਠ ਕਿਵੇਂ ਲਪੇਟ ਸਕਦੇ ਹੋ.

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

ਉਪਰੋਕਤ ਚਿੱਤਰ ਨੂੰ ਟੈਗ ਦੇ ਹੇਠਾਂ ਟੈਕਸਟ ਨੂੰ ਚਿੱਤਰ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਸੱਜੇ ਪਾਸੇ ਵਹਿਣਾ ਚਾਹੀਦਾ ਹੈ ਜਿਵੇਂ ਕਿ ਸਕਰੀਨ ਦੇ ਖੱਬੇ ਪਾਸੇ ਚਿੱਤਰ ਡਿਸਪਲੇ.

ਜੇ ਮੈਂ ਟੈਕਸਟ ਨੂੰ ਚਿੱਤਰ ਦੇ ਦੁਆਲੇ ਲਪੇਟਣ ਨੂੰ ਰੋਕਣਾ ਚਾਹੁੰਦਾ ਹਾਂ, ਤਾਂ ਮੈਂ ਸਪਸ਼ਟ ਸੰਪੱਤੀ ਵਰਤਦਾ ਹਾਂ:

style="clear: left".">

ਪੈਰਾਗਰਾਂ ਤੋਂ ਵੱਧ

ਪਰ, ਜੇ ਤੁਸੀਂ ਸਿਰਫ਼ ਪੈਰਾਗ੍ਰਾਫ ਜਾਂ ਕੋਈ ਚਿੱਤਰ ਹੀ ਨਹੀਂ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਕੀ ਹੋਵੇਗਾ? ਤੁਸੀਂ ਹਰ ਪ੍ਹੈਰੇ ਵਿੱਚ ਬਸ ਇੱਕ ਸ਼ੈਲੀ ਦੀ ਜਾਇਦਾਦ ਪਾ ਸਕਦੇ ਹੋ, ਪਰ ਇੱਕ ਟੈਗ ਹੈ ਜੋ ਤੁਸੀਂ ਵਧੇਰੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਵਰਤ ਸਕਦੇ ਹੋ: