HTML ਵਿੱਚ ਇੱਕ ਸਬਕ ਸੈੱਲਾਂ ਨੂੰ ਮਿਲਾਉਣਾ

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

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

ਥਿਊਰੀ ਨੂੰ ਜਾਣ ਪਛਾਣ

HTML ਵਿੱਚ, ਸੈੱਲ ਦੇ ਯੁਨਿਟ ਦੋ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ: colspan ਅਤੇ rowspan. ਉਹ td ਟੈਗ ਲਈ ਨਿਰਦਿਸ਼ਟ ਹਨ.

ਆਓ ਅਸੀਂ ਇਸ ਵਿਸ਼ੇ ਤੇ ਜਾਣ ਤੋਂ ਪਹਿਲਾਂ ਕਿਸੇ ਵੀ ਸਾਰਣੀ ਦੇ ਢਾਂਚੇ ਦਾ ਮੁਲਾਂਕਣ ਕਰੀਏ. ਕਿਸੇ ਵੀ ਸਾਰਣੀ ਵਿੱਚ ਇੱਕ ਲਾਈਨ ਹੁੰਦੀ ਹੈ, ਅਤੇ ਇਸ ਵਿੱਚ ਸੈੱਲ ਹੁੰਦੇ ਹਨ. ਯਾਦ ਰੱਖੋ ਕਿ ਸ਼ੁਰੂ ਵਿੱਚ ਸਾਰੀਆਂ ਸਾਰਣੀਆਂ ਵਿੱਚ ਇੱਕੋ ਜਿਹੇ ਸੈੱਲ ਹੋਣਗੇ

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

HTML ਸਾਰਣੀ: ਵਿੰਨ੍ਹਦੇ ਹੋਏ ਵਰਗਾਂ ਨੂੰ ਲੰਬਕਾਰੀ ਅਤੇ ਖਿਤਿਜੀ ਰੂਪ ਵਿੱਚ

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

ਨੋਟ ਕਰੋ ਕਿ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂ ਤੋਂ ਹੀ ਨਜ਼ਦੀਕੀ ਤੱਤ ਵਿੱਚ ਬਿਲਕੁਲ ਨਿਸ਼ਚਿਤ ਕਰਨ ਦੀ ਲੋੜ ਹੈ ਉਦਾਹਰਨ ਲਈ, ਉਪਰੋਕਤ ਚਿੱਤਰ ਵਿੱਚ, ਜੇਕਰ ਤੁਸੀਂ ਸੈਲ 1 ਅਤੇ 2 ਨੂੰ ਅਭਿਆਸ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਸੈਲ 1 ਵਿੱਚ ਇੱਕ ਕਾਲਸਪੈਨ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਜੋ ਕਿ ਦੋ ਦੇ ਮੁੱਲ ਨਾਲ ਹੈ. ਅਤੇ ਸੈਲ ਨੰਬਰ 2 ਜਾਂ 3 ਮਿਟਾਉਣ ਦੀ ਕੋਈ ਲੋੜ ਨਹੀਂ ਹੈ.

ਤਲ ਲਾਈਨ ਇਹ ਹੈ ਕਿ ਤੁਸੀਂ ਸੈੱਲ ਨੂੰ ਦੱਸ ਸਕਦੇ ਹੋ ਕਿ ਇਹ ਕਿੰਨੀ ਕੁ ਖਾਲੀ ਹੋਵੇਗੀ. ਮੂਲ ਮੁੱਲ 1 ਹੈ.

HTML ਸਾਰਣੀ ਉੱਤੇ ਖੜ੍ਹਵੇਂ ਸੈੱਲਾਂ ਵਿੱਚ ਸ਼ਾਮਿਲ ਹੋਣਾ ਇਕੋ ਜਿਹਾ ਹੈ. ਸਿਰਫ਼ ਕਬਜ਼ੇ ਵਾਲੇ ਸਥਾਨ ਨੂੰ ਵਰਟੀਕਲ ਮੰਨਿਆ ਜਾਵੇਗਾ. ਹੇਠਾਂ ਤਸਵੀਰ ਦੇਖੋ.

ਇੱਥੇ 43 ਨੰਬਰ ਵਾਲੇ ਸੈੱਲ ਦੀ ਦੋ ਲਾਈਨਾਂ ਦਾ ਕਬਜ਼ਾ ਹੈ. ਅਜਿਹਾ ਕਰਨ ਲਈ, ਤੁਸੀਂ rowspan ਵਿਸ਼ੇਸ਼ਤਾ ਨਿਸ਼ਚਿਤ ਕੀਤੀ ਹੈ. ਇਸ ਨੂੰ ਸਿਰਫ ਯਾਦ ਕੀਤਾ ਜਾਂਦਾ ਹੈ:

• ਕਤਾਰ ਇੱਕ ਸਤਰ ਹੈ
• ਕਰੋਲ ਕਾਲਮ / ਕਾਲਮ
• ਸਪੈਨ - ਐਸੋਸੀਏਸ਼ਨ

ਭਾਸ਼ਾ ਦੇ ਨਿਰਮਾਤਾਵਾਂ ਨੇ ਮਨੁੱਖ ਨੂੰ ਸੰਭਵ ਤੌਰ 'ਤੇ ਨੇੜੇ ਲਿਆਉਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ, ਤਾਂ ਜੋ ਇਹ ਜਾਣੇ ਵੀ ਨਾ ਹੋਵੇ ਕਿ ਕੋਈ ਵੀ ਸਮਝ ਸਕਦਾ ਹੈ.

HTML ਵਿੱਚ, ਸੈੱਲਾਂ ਦਾ ਯੁਨਿਟ ਇੱਕੋ ਸਮੇਂ ਦੋ ਦਿਸ਼ਾਵਾਂ ਵਿੱਚ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ: ਲੰਬਕਾਰੀ ਅਤੇ ਖਿਤਿਜੀ. ਅਜਿਹਾ ਕਰਨ ਲਈ, ਇਕੋ ਦੋਵੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਇਕੋ ਜਿਹੇ ਦੱਸੋ

ਉਪਰੋਕਤ ਚਿੱਤਰ ਵਿੱਚ, ਇਸਦਾ ਸੰਕੇਤ ਦਿੱਤਾ ਗਿਆ ਹੈ, ਤੁਸੀਂ ਇੱਕ ਜੋੜਨ ਕਰ ਸਕਦੇ ਹੋ: ਕਤਾਰਾਂ, ਕਾਲਮਾਂ ਅਤੇ ਉਸੇ ਸਮੇਂ ਕਾਲਮਾਂ ਅਤੇ ਕਤਾਰਾਂ.

HTML: ਸੈੱਲਜ਼ ਮਿਲਾਓ ਉਦਾਹਰਨਾਂ

ਵੱਡੇ ਟੇਬਲ ਵਿੱਚ ਹੋਰ ਗੁੰਝਲਦਾਰ, ਕਦਮ-ਦਰ-ਕਦਮ ਉਦਾਹਰਣਾਂ 'ਤੇ ਵਿਚਾਰ ਕਰੋ. ਖੱਬੇ ਪਾਸੇ ਦੇ ਚਿੱਤਰ ਵਿਚ ਹੇਠਾਂ ਨਿਯਮਤ ਸਾਰਣੀ ਦਾ ਅਸਲ ਸੰਸਕਰਣ ਹੈ. ਅਤੇ ਸੱਜੇ ਪਾਸੇ ਦੂਸਰੀ ਲਾਈਨ ਵਿੱਚ ਦੋ ਸੈੱਲਾਂ ਦੀ ਮਿਲਾਵਟ ਦੇ ਨਾਲ ਇੱਕ ਰੂਪ ਹੈ. HTML ਕੋਡ ਦੀ ਤੁਲਨਾ ਕਰਨਾ ਆਸਾਨ ਹੈ.

ਤੁਸੀਂ ਸੈਂਟਰ ਵਿੱਚ ਤਿੰਨ ਕੋਣ ਵੀ ਜੋੜ ਸਕਦੇ ਹੋ. ਪਹਿਲੇ ਕੇਸ ਵਿੱਚ, ਕੁਲਪੈਨ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈਲ # 1 ਵਿੱਚ ਦਰਸਾਇਆ ਗਿਆ ਸੀ. ਇੱਥੇ ਪਹਿਲਾਂ ਕੋਈ ਬਦਲਾਅ ਨਹੀਂ ਹੋਵੇਗਾ, ਅਤੇ ਦੂਜੇ ਵਿੱਚ ਇੱਕ ਕਲੱਸਪੈਨ, ਜੋ ਕਿ ਤਿੰਨ ਦੇ ਬਰਾਬਰ ਹੋਵੇਗਾ, ਸ਼ਾਮਿਲ ਕੀਤਾ ਗਿਆ ਹੈ.

ਜੇ ਤੁਸੀਂ ਇੱਕ ਕਤਾਰ ਦੇ ਸਾਰੇ ਸੈੱਲਾਂ ਨੂੰ ਜੋੜਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਚਾਰ ਟੀਡੀ ਨੂੰ ਮਿਟਾਓ ਅਤੇ ਪਹਿਲੇ ਨਿਰਧਾਰਿਤ colspan = '5' ਵਿੱਚ.

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

ਇੱਕ ਸਾਈਟ ਸਕਲੀਟਨ ਦੇ ਤੌਰ ਤੇ ਟੇਬਲ

ਐਚਟੀਐਮਐਲ ਵਿੱਚ, ਸੈਲਯਾਂ ਦਾ ਮੇਲ ਹਮੇਸ਼ਾ ਆਮ ਟੇਬਲਿਆਂ ਲਈ ਜਾਣਕਾਰੀ (ਜਿਵੇਂ ਸ਼ਬਦ ਜਾਂ ਐਕਸਲ ਵਿੱਚ) ਨਾਲ ਨਹੀਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਵੈਬਸਾਈਟ ਡਿਵੈਲਪਰ ਅਕਸਰ, ਪਰ ਵੈਬਸਾਈਟ ਲੇਆਉਟ ਲਈ ਇਹਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਸਨ

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

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

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

ਸਿੱਟਾ

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

ਜਦੋਂ ਤੁਸੀਂ ਤਜਰਬਾ ਹਾਸਲ ਕਰਦੇ ਹੋ, ਤੁਸੀਂ ਆਪਣੇ ਸਿਰ ਵਿਚ ਅਜਿਹੇ ਓਪਰੇਸ਼ਨ ਆਸਾਨੀ ਨਾਲ ਕਰ ਸਕਦੇ ਹੋ.