ਇਕ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਕਤਾਰਾਂ ਅਤੇ ਕਾਲਮਾਂ ਦੀਆਂ ਬੁਨਿਆਦੀ ਗੱਲਾਂ ਨੂੰ ਸਮਝ ਲੈਂਦੇ ਹੋ ਤਾਂ HTML ਸਾਰਣੀ ਬਣਾਉਣਾ ਅਸਾਨ ਹੁੰਦਾ ਹੈ - ਅਤੇ ਇੱਕ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਸਮਝਦੇ ਹੋ ਕਿ ਟੇਬਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਠੀਕ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਤੋਂ ਕਿਵੇਂ ਬਚਣਾ ਚਾਹੀਦਾ ਹੈ.
ਸਾਰਾਂਸ ਅਤੇ ਵੈਬ ਡਿਜ਼ਾਈਨ ਦਾ ਸੰਖੇਪ ਇਤਿਹਾਸ
ਕਈ ਸਾਲ ਪਹਿਲਾਂ, CSS ਅਤੇ ਵੈਬ ਸਟੈਂਡਰਡ ਸਵੀਕਾਰ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ, ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਨੇ HTML
ਐਲੀਮੈਂਟ ਨੂੰ ਸਾਈਟਾਂ ਲਈ ਪੇਜ਼ ਲੇਆਉਟ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਸੀ. ਵੈੱਬਸਾਈਟ ਡਿਜ਼ਾਈਨ ਨੂੰ "ਕੱਟੇ" ਕੀਤਾ ਜਾਏਗਾ ਜਿਵੇਂ ਕਿ ਕੁਝ ਪੁਆਇੰਟਾਂ ਜਿਵੇਂ ਕਿ ਇੱਕ ਪੁਆਇੰਟਸ ਅਤੇ ਫਿਰ ਇੱਕ HTML ਸਾਰਣੀ ਨਾਲ ਮਿਲਾਇਆ ਗਿਆ ਹੈ ਜੋ ਬਰਾਊਜ਼ਰ ਦੇ ਤੌਰ ਤੇ ਇਸਦਾ ਮਕਸਦ ਹੈ. ਇਹ ਇੱਕ ਬਹੁਤ ਹੀ ਗੁੰਝਲਦਾਰ ਪ੍ਰਕਿਰਿਆ ਸੀ ਜਿਸ ਨੇ ਬਹੁਤ ਸਾਰੇ ਐਚਟੀਐਮਐਲ ਮਾਰਕਅੱਪ ਬਣਾਏ ਸਨ ਅਤੇ ਜੋ ਕਦੇ ਵੀ ਮਲਟੀ-ਸਕ੍ਰੀਨ ਜਗਤ ਵਿੱਚ ਸਾਡੀ ਵੈਬਸਾਈਟਸ ਵਿੱਚ ਰਹਿਣ ਯੋਗ ਨਹੀਂ ਹੋਵੇਗਾ. ਜਿਵੇਂ ਕਿ CSS ਵੈਬਪੰਨੇ ਦੇ ਵਿਜ਼ੁਅਲ ਅਤੇ ਲੇਆਉਟ ਲਈ ਸਵੀਕ੍ਰਿਤ ਢੰਗ ਬਣ ਗਿਆ ਹੈ, ਇਸ ਲਈ ਸਾਰਣੀਆਂ ਦੀ ਵਰਤੋਂ ਛੱਡ ਦਿੱਤੀ ਗਈ ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਵੈਬ ਡਿਜ਼ਾਈਨਰਾਂ ਨੂੰ ਗਲਤੀ ਨਾਲ ਇਹ ਮੰਨਿਆ ਜਾਂਦਾ ਸੀ ਕਿ "ਟੇਬਲ ਮਾੜੇ ਸਨ." ਇਹ ਸੀ ਅਤੇ ਅਸਤਿ ਹੈ. ਲੇਆਉਟ ਲਈ ਸਾਰਣੀਆਂ ਬੁਰੀਆਂ ਹੁੰਦੀਆਂ ਹਨ, ਲੇਕਿਨ ਉਹਨਾਂ ਕੋਲ ਅਜੇ ਵੀ ਵੈਬ ਡਿਜ਼ਾਇਨ ਅਤੇ HTML ਵਿੱਚ ਇੱਕ ਸਥਾਨ ਹੈ, ਅਰਥਾਤ ਟ੍ਰੇਨ ਸ਼ਡਿਊਲ ਦੇ ਕੈਲੰਡਰ ਦੇ ਰੂਪ ਵਿੱਚ ਸਾਰਣੀ ਸੰਬੰਧੀ ਡਾਟਾ ਪ੍ਰਦਰਸ਼ਤ ਕਰਨਾ. ਉਸ ਸਮੱਗਰੀ ਲਈ, ਸਾਰਣੀ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਅਜੇ ਵੀ ਇੱਕ ਪ੍ਰਵਾਨਯੋਗ ਅਤੇ ਵਧੀਆ ਪਹੁੰਚ ਹੈ
ਤਾਂ ਤੁਸੀਂ ਟੇਬਲ ਕਿਵੇਂ ਲੇਟ ਸਕਦੇ ਹੋ? ਆਓ ਬਸ 2x2 ਸਾਰਣੀ ਬਣਾ ਕੇ ਸ਼ੁਰੂ ਕਰੀਏ. ਇਸ ਵਿੱਚ 2 ਕਾਲਮ (ਇਹ ਵਰਟੀਕਲ ਬਲਾਕ ਹਨ) ਅਤੇ 2 ਕਤਾਰਾਂ (ਹਰੀਜੱਟਲ ਬਲਾਕ) ਹੋਣਗੇ. ਜਦੋਂ ਤੁਸੀਂ 2x2 ਟੇਬਲ ਬਣਾਇਆ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਕੋਈ ਵੀ ਅਕਾਰ ਟੇਬਲ ਬਣਾ ਸਕਦੇ ਹੋ ਜੋ ਤੁਸੀਂ ਵਾਧੂ ਕਤਾਰਾਂ ਜਾਂ ਕਾਲਮਾਂ ਨੂੰ ਜੋੜ ਕੇ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ.
ਮੁਸ਼ਕਲ: ਔਸਤ
ਲੋੜੀਂਦੀ ਸਮਾਂ: 10 ਮਿੰਟ
ਇਹ ਕਿਵੇਂ ਹੈ:
- ਪਹਿਲਾਂ ਟੇਬਲ ਖੋਲ੍ਹੋ <ਟੇਬਲ>
- Tr ਟੈਗ
ਨਾਲ ਪਹਿਲੀ ਕਤਾਰ ਖੋਲੋ - Td ਟੈਗ
ਨਾਲ ਪਹਿਲੇ ਕਾਲਮ ਨੂੰ ਖੋਲ੍ਹੋ - ਸੈਲ ਦੀ ਸਮਗਰੀ ਲਿਖੋ
- ਪਹਿਲੇ ਸੈਲ ਨੂੰ ਬੰਦ ਕਰੋ ਅਤੇ ਦੂਜਾ td>
ਖੋਲ੍ਹੋ - ਦੂਜੇ ਸੈੱਲ ਦੀ ਸਮਗਰੀ ਲਿਖੋ
- ਦੂਜੀ ਸੈਲ ਨੂੰ ਬੰਦ ਕਰੋ ਅਤੇ ਕਤਾਰ ਨੂੰ ਬੰਦ ਕਰੋ td> tr>
- ਪਹਿਲੀ ਕਤਾਰ ਦੇ ਤੌਰ ਤੇ ਦੂਸਰੀ ਕਤਾਰ ਲਿਖੋ
td> | td> tr> - ਫਿਰ ਸਾਰਣੀ ਬੰਦ ਕਰੋ table>
ਤੁਸੀ | ਐਲੀਮੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਪਣੀ ਸਾਰਣੀ ਵਿੱਚ ਟੇਬਲ ਹੈਂਡਰਾਂ ਨੂੰ ਜੋੜਨਾ ਵੀ ਚੁਣ ਸਕਦੇ ਹੋ. ਇਹ ਸਾਰਣੀ ਸਿਰਲੇਖ ਪਹਿਲੀ ਟੇਬਲ ਦੀ ਕਤਾਰ ਵਿੱਚ "ਟੇਬਲ ਡਾਟਾ" ਦੇ ਸਥਾਨਾਂ ਨੂੰ ਬਦਲ ਦੇਵੇਗਾ, ਜਿਵੇਂ ਕਿ:
<ਸਾਰਣੀ> | ਨਾਮ th> | ਰੋਲ th> tr> | ਜੇਰੇਮੀ td> | ਡਿਜ਼ਾਈਨਰ td> tr> < td> ਜੈਨੀਫ਼ਰ td> | ਵਿਕਾਸਕਾਰ td> | tr> ਸਾਰਣੀ> ਜਦੋਂ ਇਹ ਪੰਨਾ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਪੇਸ਼ ਕਰਦਾ ਹੈ, ਤਾਂ ਟੇਬਲ ਸਿਰਲੇਖ ਦੇ ਨਾਲ ਉਹ ਪਹਿਲੀ ਲਾਈਨ ਡਿਫਾਲਟ ਰੂਪ ਵਿੱਚ ਬੋਲਡ ਟੈਕਸਟ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਗੇ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਉਹ ਟੇਬਲ ਸੈਲ ਵਿੱਚ ਕੇਂਦਰਿਤ ਕੀਤਾ ਜਾਵੇਗਾ ਜੋ ਉਹ ਅੰਦਰ ਆਉਂਦੇ ਹਨ.
ਸੋ, ਕੀ ਐਚਟੀਐਮਐਲ ਵਿੱਚ ਟੇਬਲਜ਼ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਠੀਕ ਹੈ? ਹਾਂ - ਜਿੰਨਾ ਚਿਰ ਤੁਸੀਂ ਲੇਆਉਟ ਦੇ ਉਦੇਸ਼ਾਂ ਲਈ ਨਹੀਂ ਵਰਤ ਰਹੇ ਹੋ ਜੇ ਤੁਹਾਨੂੰ ਸਾਰਣੀ ਸੰਬੰਧੀ ਜਾਣਕਾਰੀ ਦਰਸਾਉਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਤਾਂ ਇਕ ਟੇਬਲ ਅਜਿਹਾ ਕਰਨ ਦਾ ਤਰੀਕਾ ਹੈ. ਵਾਸਤਵ ਵਿੱਚ, ਇਸ ਨੂੰ legitmate HTML ਤੱਤ ਨੂੰ ਦੂਰ ਕਰਨ ਲਈ ਕੁਝ ਗ਼ਲਤ ਸਫ਼ਲਤਾ ਦੇ ਕਾਰਨ ਇੱਕ ਟੇਬਲ ਤੋਂ ਪਰਹੇਜ਼ ਕਰਨਾ ਇਸ ਦਿਨ ਅਤੇ ਉਮਰ ਦੇ ਲੇਆਉਟ ਕਾਰਨਾਂ ਕਰਕੇ ਇਨ੍ਹਾਂ ਦੀ ਵਰਤੋਂ ਦੇ ਰੂਪ ਵਿੱਚ ਪਿਛਲੇ ਪਾਸੇ ਹੈ.
ਜੈਨੀਫਰ ਕਿਰਨ ਦੁਆਰਾ ਲਿਖੀ. 8/11/16 ਤੇ ਜਰਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ
| |