ਕਿਵੇਂ ਹੋਸਟ HTML ਟੈਗਸ ਨੂੰ ਠੀਕ ਕਰਨਾ
ਜੇ ਤੁਸੀਂ ਅੱਜ ਕਿਸੇ ਵੈਬਪੇਜ ਲਈ HTML ਮਾਰਕਅੱਪ ਨੂੰ ਵੇਖਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਹੋਰ HTML ਐਲੀਮੈਂਟਸ ਦੇ ਅੰਦਰ ਮੌਜੂਦ HTML ਐਲੀਮੈਂਟ ਵੇਖ ਸਕੋਗੇ. ਇਹ ਤੱਤ, ਜੋ ਕਿ "ਅੰਦਰਲੇ" ਹਨ, ਉਹ ਹਨ "ਨੇਸਟਡ ਐਲੀਮੈਂਟਸ" ਦੇ ਰੂਪ ਵਿੱਚ ਜਾਣੇ ਜਾਂਦੇ ਹਨ, ਅਤੇ ਉਹ ਅੱਜ ਕੋਈ ਵੀ ਵੈਬ ਪੇਜ ਬਣਾਉਣ ਲਈ ਜ਼ਰੂਰੀ ਹਨ.
ਇਸ ਨੂੰ ਨੈਸਟ HTML ਟੈਗ ਕਰਨ ਦਾ ਕੀ ਮਤਲਬ ਹੈ?
ਆਲ੍ਹਣੇ ਨੂੰ ਸਮਝਣ ਦਾ ਸਭ ਤੋਂ ਆਸਾਨ ਤਰੀਕਾ, ਐਚਟੀਚਿਊਟ ਦੀ ਖਿਆਲ ਬਕਸਿਆਂ ਦੇ ਤੌਰ 'ਤੇ ਸੋਚਣਾ ਕਰਨਾ ਹੈ ਜੋ ਤੁਹਾਡੀ ਸਮਗਰੀ ਨੂੰ ਰੱਖਦੇ ਹਨ. ਤੁਹਾਡੀ ਸਮਗਰੀ ਵਿੱਚ ਟੈਕਸਟ, ਚਿੱਤਰ ਆਦਿ ਸ਼ਾਮਲ ਹੋ ਸਕਦੇ ਹਨ. HTML ਟੈਗਸ ਸਮੱਗਰੀ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਦੇ ਬਕਸੇ ਹਨ. ਕਈ ਵਾਰ, ਤੁਹਾਨੂੰ ਦੂਜੀਆਂ ਬਕਸੇ ਦੇ ਅੰਦਰ ਬਕਸੇ ਲਗਾਉਣ ਦੀ ਲੋੜ ਹੈ. ਉਹ "ਅੰਦਰੂਨੀ" ਬਕਸੇ ਹੋਰ ਦੇ ਅੰਦਰਲੇ ਆਲ੍ਹਣੇ ਹੁੰਦੇ ਹਨ.
ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਪਾਠ ਦਾ ਬਲਾਕ ਹੈ ਜੋ ਤੁਸੀਂ ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਅੰਦਰ ਬੋਲਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਡੇ ਕੋਲ ਦੋ HTML ਐਲੀਮੈਂਟਸ ਹੋਣ ਦੇ ਨਾਲ-ਨਾਲ ਟੈਕਸਟ ਵੀ ਹੋਵੇਗਾ.
ਉਦਾਹਰਨ: ਇਹ ਟੈਕਸਟ ਦੀ ਇੱਕ ਵਾਕ ਹੈ.ਉਹ ਪਾਠ ਉਹ ਹੈ ਜੋ ਅਸੀਂ ਆਪਣੀ ਉਦਾਹਰਨ ਵਜੋਂ ਵਰਤਾਂਗੇ. ਇੱਥੇ ਇਹ ਕਿਵੇਂ ਲਿਖਿਆ ਜਾਏਗਾ.
ਉਦਾਹਰਨ: ਇਹ ਟੈਕਸਟ ਦੀ ਸਜ਼ਾ ਹੈ. p>
ਕਿਉਂਕਿ ਤੁਸੀਂ "ਵਾਕ" ਸ਼ਬਦ ਨੂੰ ਦਲੇਰ ਮੰਨਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਅਤੇ ਉਸ ਵਿਹੜੇ ਤੋਂ ਪਹਿਲਾਂ ਤੁਸੀਂ ਗੂੜੇ ਟੈਗਸ ਖੋਲ੍ਹਣੇ ਅਤੇ ਬੰਦ ਕਰਦੇ ਹੋ.
ਉਦਾਹਰਨ: ਇਹ ਪਾਠ ਦੀ ਇੱਕ ਸਜ਼ਾ strong> ਹੈ. p>
ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਵੇਖ ਸਕਦੇ ਹੋ, ਸਾਡੇ ਕੋਲ ਇਕ ਬਾਕਸ ਹੈ (ਪੈਰਾਗ੍ਰਾਫ) ਜਿਸ ਵਿਚ ਸਾਡੀ ਸਜ਼ਾ ਦਾ ਸੰਖੇਪ / ਪਾਠ ਹੁੰਦਾ ਹੈ, ਨਾਲ ਹੀ ਇਕ ਦੂਜਾ ਬਾਕਸ (ਮਜ਼ਬੂਤ ਟੈਗ ਜੋੜਾ), ਜੋ ਇਸ ਸ਼ਬਦ ਨੂੰ ਬੋਲੇਗਾ.
ਜਦੋਂ ਤੁਸੀਂ ਆਲ੍ਹਣੇ ਦੇ ਟੈਗ ਲਗਾਉਂਦੇ ਹੋ, ਇਹ ਨਾਜ਼ੁਕ ਰੂਪ ਤੋਂ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਉਲਟ ਕ੍ਰਮ ਵਿੱਚ ਟੈਗ ਨੂੰ ਬੰਦ ਕਰਦੇ ਹੋ ਜੋ ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਖੋਲ੍ਹਿਆ ਸੀ. ਤੁਸੀਂ
ਪਹਿਲਾਂ, , ਜਿਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਸੀਂ ਉਲਟਾ ਕਰੋ ਅਤੇ ਬੰਦ ਕਰੋ strong> ਅਤੇ ਫਿਰ p>.
ਇਸ ਬਾਰੇ ਸੋਚਣ ਦਾ ਇੱਕ ਹੋਰ ਤਰੀਕਾ ਇਹ ਹੈ ਕਿ ਇਕ ਵਾਰ ਫਿਰ ਬਕਸੇ ਦੀ ਸਮਾਨਤਾ ਦਾ ਇਸਤੇਮਾਲ ਕਰੋ. ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਹੋਰ ਖਾਨੇ ਦੇ ਅੰਦਰ ਇਕ ਬਕਸਾ ਲਗਾਉਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਅੰਦਰੂਨੀ ਨੂੰ ਬੰਦ ਕਰਨਾ ਪੈਂਦਾ ਹੈ ਤਾਂ ਕਿ ਤੁਸੀਂ ਬਾਹਰੀ ਜਾਂ ਬੰਦ ਬਕਸੇ ਨੂੰ ਬੰਦ ਕਰ ਸਕੋ.
ਹੋਰ Nested ਟੈਗਸ ਨੂੰ ਜੋੜਨਾ
ਜੇ ਤੁਸੀਂ ਸਿਰਫ ਇੱਕ ਜਾਂ ਦੋ ਸ਼ਬਦਾਂ ਨੂੰ ਦਲੇਰ ਮੰਨਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਅਤੇ ਇੱਕ ਹੋਰ ਤਿਰਛੀ ਬਣਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਕੀ ਹੋਵੇਗਾ? ਇੱਥੇ ਇਹ ਕਿਵੇਂ ਕਰਨਾ ਹੈ
ਉਦਾਹਰਨ: ਇਹ ਪਾਠ ਦੀ ਇੱਕ ਸਜ਼ਾ strong> ਹੈ ਅਤੇ ਇਸ ਵਿੱਚ ਕੁਝ ਇਟਾਲੀਆਈਕੇਡ ਟੈਕਸਟ em> ਵੀ ਹੈ. p> ਤੁਸੀਂ ਵੇਖ ਸਕਦੇ ਹੋ ਕਿ ਸਾਡਾ ਬਾਹਰੀ ਬਾਕਸ, , ਹੁਣ ਇਸ ਦੇ ਦੋ ਨੈਸਟਡ ਟੈਗ ਹਨ- ਅਤੇ . ਉਹ ਦੋਵੇਂ ਹੀ ਬੰਦ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ ਜਿਸ ਵਿਚ ਪਹਿਲਾਂ ਵਾਲਾ ਬਾਕਸ ਬੰਦ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਉਦਾਹਰਨ: ਇਹ ਪਾਠ ਦੀ ਇੱਕ ਸਜ਼ਾ strong> ਹੈ ਅਤੇ ਇਸ ਵਿੱਚ ਕੁਝ ਇਟੈਲਿਕਾਈਜ਼ਡ ਟੈਕਸਟ em> ਵੀ ਹੈ. p> ਇਹ ਇੱਕ ਹੋਰ ਪੈਰਾਗ੍ਰਾਫ ਹੈ. < / p> div> ਇਸ ਕੇਸ ਵਿਚ ਸਾਡੇ ਕੋਲ ਬਕਸੇ ਦੇ ਅੰਦਰ ਬਕਸੇ ਹਨ! ਸਭ ਤੋਂ ਵੱਧ ਬਾਕਸ ਨੰਬਰ ਇਕ ਕਾਰਨ ਇਹ ਹੈ ਕਿ ਤੁਹਾਨੂੰ ਆਲ੍ਹਣੇ ਦੀ ਪਰਵਾਹ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ ਜੇਕਰ ਤੁਸੀਂ CSS ਦੀ ਵਰਤੋਂ ਕਰਨ ਜਾ ਰਹੇ ਹੋ. ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ ਟੈਗ ਉੱਤੇ ਲਗਾਤਾਰ ਨਿਰਭਰ ਹੋ ਜਾਂਦੇ ਹਨ ਤਾਂ ਜੋ ਉਹ ਦੱਸ ਸਕਣ ਕਿ ਕਿਹੜੀਆਂ ਸਟਾਈਜ਼ ਸ਼ੁਰੂ ਅਤੇ ਅੰਤ ਹਨ ਜੇ ਤੁਸੀਂ ਇੱਕ ਸ਼ੈਲੀ ਸਥਾਪਤ ਕੀਤੀ ਹੈ ਜੋ ਪੰਨੇ 'ਤੇ "ਮੁੱਖ-ਸੰਖੇਪ" ਟੈਕਸਟ ਦੀ ਇੱਕ ਕਲਾਸ ਦੇ ਨਾਲ ਡਵੀਜ਼ਨ ਦੇ ਅੰਦਰਲੇ ਸਾਰੇ "ਲਿੰਕਾਂ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰੇ, ਤਾਂ ਗਲਤ ਆਲ੍ਹਣਾ ਬ੍ਰਾਉਜ਼ਰ ਲਈ ਇਹ ਜਾਣਨਾ ਮੁਸ਼ਕਲ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਇਹ ਸਟਾਈਲ ਕਿੱਥੇ ਲਾਗੂ ਕਰਨੀ ਹੈ ਆਓ ਕੁਝ HTML ਵੇਖੀਏ: ਉਦਾਹਰਨ: ਇਹ ਟੈਕਸਟ ਦਾ ਇੱਕ ਸਜਾਤ strong> ਹੈ ਅਤੇ ਇਸ ਵਿੱਚ ਕੁਝ ਇਟੈਲਿਕਾਈਜ਼ਡ ਟੈਕਸਟ em> ਵੀ ਹੁੰਦਾ ਹੈ. p> ਇਹ ਇੱਕ ਹੋਰ ਪੈਰਾਗ੍ਰਾਫ ਹੈ . P> div> ਉਦਾਹਰਨ ਲਈ ਮੈਂ ਹੁਣੇ ਕਿਹਾ ਹੈ, ਜੇ ਮੈਂ ਸੀਐਸਐਸ ਸਟਾਇਲ ਲਿਖਣਾ ਚਾਹੁੰਦੀ ਹਾਂ ਜਿਹੜਾ ਇਸ ਡਿਵੀਜ਼ਨ ਦੇ ਅੰਦਰਲਾ ਲਿੰਕ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰੇ, ਅਤੇ ਸਿਰਫ ਉਹ ਲਿੰਕ (ਜਿਵੇਂ ਕਿ ਪੰਨੇ ਦੇ ਦੂਜੇ ਭਾਗਾਂ ਵਿੱਚ ਕਿਸੇ ਹੋਰ ਲਿੰਕ ਦੇ ਉਲਟ), ਮੈਨੂੰ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ. ਮੇਰੀ ਸ਼ੈਲੀ ਲਿਖਣ ਲਈ ਆਲ੍ਹਣੇ, ਜਿਵੇਂ ਕਿ: ਹੋਰ ਕਾਰਣਾਂ ਵਿੱਚ ਐਕਸੈਸਬਿਲਟੀ ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਅਨੁਕੂਲਤਾ ਸ਼ਾਮਲ ਹੁੰਦੀ ਹੈ. ਜੇ ਤੁਹਾਡਾ HTML ਗਲਤ ਤਰੀਕੇ ਨਾਲ ਨੇਗੇਟ ਕੀਤਾ ਗਿਆ ਹੈ, ਤਾਂ ਇਹ ਸਕ੍ਰੀਨ ਰੀਡਰ ਅਤੇ ਪੁਰਾਣੇ ਬ੍ਰਾਉਜ਼ਰਸ ਲਈ ਅਸੁਰੱਖਿਅਤ ਨਹੀਂ ਹੋਵੇਗਾ - ਅਤੇ ਇਹ ਬਿਲਕੁਲ ਇੱਕ ਪੇਜ਼ ਦੀ ਦਿੱਖ ਦਿੱਖ ਨੂੰ ਤੋੜ ਸਕਦਾ ਹੈ ਜੇਕਰ ਬ੍ਰਾਉਜ਼ਰ ਸਮਝ ਨਹੀਂ ਸਕਦੇ ਕਿ ਸਹੀ ਢੰਗ ਨਾਲ ਇੱਕ ਪੰਨੇ ਕਿਵੇਂ ਪੇਸ਼ ਕਰਨਾ ਹੈ ਕਿਉਂਕਿ HTML ਐਲੀਮੈਂਟਸ ਅਤੇ ਟੈਗਸ ਸਥਾਨ ਤੋਂ ਬਾਹਰ ਹਨ ਅੰਤ ਵਿੱਚ, ਜੇ ਤੁਸੀਂ ਪੂਰੀ ਤਰਾਂ ਸਹੀ ਅਤੇ ਪ੍ਰਮਾਣਿਤ HTML ਲਿਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਸਹੀ ਆਲ੍ਹਣੇ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੋਏਗੀ. ਨਹੀਂ ਤਾਂ, ਹਰੇਕ ਪ੍ਰਮਾਣਕ ਤੁਹਾਡੇ HTML ਨੂੰ ਗਲਤ ਵਜੋਂ ਨਿਸ਼ਾਨਬੱਧ ਕਰੇਗਾ. ਤੁਹਾਨੂੰ ਨਿਵਾਸੀ ਬਾਰੇ ਕਿਉਂ ਧਿਆਨ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ?