HTML ਭਾਸ਼ਾ ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਤੱਤ ਸ਼ਾਮਿਲ ਹਨ ਇਹ ਆਮ ਤੌਰ ' ਤੇ ਵਰਤੇ ਗਏ ਵੈਬਸਾਈਟ ਦੇ ਭਾਗਾਂ ਜਿਵੇਂ ਪੈਰਾਗ੍ਰਾਫ, ਹੈਡਿੰਗਜ਼, ਲਿੰਕ ਅਤੇ ਚਿੱਤਰਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦੇ ਹਨ. ਹੈਡਰ, ਐਨ.ਵੀ., ਫੁੱਟਰ ਅਤੇ ਹੋਰ ਸਮੇਤ HTML5 ਦੇ ਨਾਲ ਪੇਸ਼ ਕੀਤੇ ਗਏ ਨਵੇਂ ਨਵੇਂ ਤੱਤ ਵੀ ਹਨ. ਇਹ ਸਾਰੇ HTML ਤੱਤ ਇੱਕ ਡੌਕਯੁਮੈੱਨਟ ਦੇ ਢਾਂਚੇ ਨੂੰ ਬਣਾਉਣ ਅਤੇ ਇਸਦਾ ਮਤਲਬ ਦੇਣ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ. ਐਲੀਮੈਂਟਸ ਨੂੰ ਹੋਰ ਅਰਥ ਜੋੜਨ ਲਈ, ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਸਕਦੇ ਹੋ
ਇੱਕ ਬੁਨਿਆਦੀ HTML ਖੋਲ੍ਹਣ ਵਾਲਾ ਟੈਗ
ਆਪਣੇ HTML ਟੈਗ ਵਿੱਚ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਜੋੜਨ ਲਈ, ਤੁਸੀਂ ਪਹਿਲਾਂ ਟੈਗ ਨਾਮ ਦੇ ਬਾਅਦ ਇੱਕ ਸਪੇਸ ਪਾਓ (ਇਸ ਕੇਸ ਵਿੱਚ "p"). ਫਿਰ ਤੁਸੀਂ ਉਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਂ ਨੂੰ ਜੋੜੋਗੇ ਜੋ ਤੁਸੀਂ ਇਕ ਬਰਾਬਰ ਦੇ ਨਿਸ਼ਾਨ ਦੁਆਰਾ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ. ਅੰਤ ਵਿੱਚ, ਗੁਣ ਮੁੱਲ ਨੂੰ ਹਵਾਲਾ ਅੰਕ ਵਿਚ ਰੱਖਿਆ ਜਾਵੇਗਾ. ਉਦਾਹਰਣ ਲਈ:
ਟੈਗਸ ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਗੁਣ ਹੋ ਸਕਦੇ ਹਨ ਤੁਸੀਂ ਹਰੇਕ ਗੁਣ ਨੂੰ ਸਪੇਸ ਦੇ ਨਾਲ ਦੂਜਿਆਂ ਤੋਂ ਵੱਖ ਕਰੋਗੇ
ਲੋੜੀਂਦੇ ਗੁਣਾਂ ਦੇ ਨਾਲ ਐਲੀਮੈਂਟਸ
ਕੁਝ HTML ਤੱਤ ਅਸਲ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਲੋੜ ਹੈ ਜੇਕਰ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਉਨ੍ਹਾਂ ਨੂੰ ਇਰਾਦਾ ਦੇ ਤੌਰ ਤੇ ਕੰਮ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਚਿੱਤਰ ਤੱਤ ਅਤੇ ਲਿੰਕ ਐਲੀਮੈਂਟ ਇਸਦਾ ਦੋ ਉਦਾਹਰਣ ਹੈ.
ਚਿੱਤਰ ਤੱਤ ਲਈ "src" ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਲੋੜ ਹੈ. ਉਹ ਵਿਸ਼ੇਸ਼ਤਾ ਬ੍ਰਾਉਜ਼ਰ ਨੂੰ ਦੱਸਦੀ ਹੈ ਕਿ ਤੁਸੀਂ ਉਸ ਸਥਾਨ ਤੇ ਕਿਹੜਾ ਚਿੱਤਰ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ. ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਮੁੱਲ ਚਿੱਤਰ ਲਈ ਇੱਕ ਫਾਈਲ ਪਾਥ ਹੋਵੇਗਾ. ਉਦਾਹਰਣ ਲਈ:
ਤੁਸੀਂ ਵੇਖੋਗੇ ਕਿ ਮੈਂ ਇਸ ਐਲੀਮੈਂਟ ਵਿੱਚ ਇਕ ਹੋਰ ਗੁਣ ਸ਼ਾਮਿਲ ਕੀਤਾ ਹੈ, "alt" ਜਾਂ ਦੂਜੇ ਪਾਠ ਗੁਣ. ਇਹ ਤਕਨੀਕੀ ਤੌਰ ਤੇ ਪ੍ਰਤੀਬਿੰਬਾਂ ਲਈ ਲੋੜੀਂਦਾ ਵਿਸ਼ੇਸ਼ਤਾ ਨਹੀਂ ਹੈ, ਪਰ ਇਹ ਹਮੇਸ਼ਾਂ ਅਸੈੱਸਬਿਲਟੀ ਲਈ ਇਸ ਸਮੱਗਰੀ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨਾ ਇੱਕ ਵਧੀਆ ਅਭਿਆਸ ਹੈ. Alt ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਮੁੱਲ ਵਿੱਚ ਸੂਚੀਬੱਧ ਪਾਠ ਉਹ ਹੈ ਜੋ ਕਿਸੇ ਕਾਰਨ ਕਰਕੇ ਇੱਕ ਚਿੱਤਰ ਲੋਡ ਕਰਨ ਵਿੱਚ ਅਸਫਲ ਰਹਿੰਦਾ ਹੈ.
ਇਕ ਹੋਰ ਤੱਤ ਜਿਸ ਲਈ ਵਿਸ਼ੇਸ਼ ਗੁਣਾਂ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਐਂਕਰ ਜਾਂ ਲਿੰਕ ਟੈਗ ਹੈ. ਇਸ ਤੱਤ ਵਿਚ "href" ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ਾਮਲ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ, ਜੋ ਕਿ 'ਹਾਈਪਰਟੈਕਸਟ ਰੈਫਰੈਂਸ' ਦਾ ਹਵਾਲਾ ਹੈ. ਇਹ ਕਹਿਣ ਦਾ ਇਕ ਵਧੀਆ ਤਰੀਕਾ ਹੈ "ਇਹ ਲਿੰਕ ਕਿੱਥੇ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ." ਜਿਵੇਂ ਚਿੱਤਰ ਤੱਤ ਨੂੰ ਜਾਣਨਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਕਿਹੜਾ ਚਿੱਤਰ ਲੋਡ ਕਰਨਾ ਹੈ, ਲਿੰਕ ਟੈਗ ਲਾਜ਼ਮੀ ਹੈ ਜਾਣੋ ਕਿ ਇਹ ਕਿੱਥੇ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਇੱਥੇ ਕਿਵੇਂ ਲਿੰਕ ਟੈਗ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ:
ਉਸ ਲਿੰਕ ਨਾਲ ਹੁਣ ਇੱਕ ਵਿਅਕਤੀ ਨੂੰ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਮੁੱਲ ਵਿੱਚ ਨਿਸ਼ਚਤ ਕੀਤੀ ਵੈਬਸਾਈਟ ਤੇ ਲਿਆਇਆ ਜਾਵੇਗਾ. ਇਸ ਕੇਸ ਵਿੱਚ, ਇਹ ਦਾ ਮੁੱਖ ਪੇਜ ਹੈ.
CSS ਹੁੱਕ ਵਜੋਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਇਕ ਹੋਰ ਵਰਤੋਂ ਉਦੋਂ ਹੁੰਦੀ ਹੈ ਜਦੋਂ ਇਹਨਾਂ ਨੂੰ CSS ਸਟਾਇਲ ਲਈ "hooks" ਦੇ ਤੌਰ ਤੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਕਿਉਂਕਿ ਵੈਬ ਮਿਆਰ ਇਹ ਤੈਅ ਕਰਦੇ ਹਨ ਕਿ ਤੁਹਾਨੂੰ ਆਪਣੇ ਪੰਨਿਆਂ ਦੇ ਢਾਂਚੇ (HTML) ਨੂੰ ਆਪਣੀਆਂ ਸਟਾਈਲ (CSS) ਤੋਂ ਅਲੱਗ ਰੱਖਣੇ ਚਾਹੀਦੇ ਹਨ, ਤੁਸੀਂ CSS ਵਿਚ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਹੁੱਕ ਵਰਤਦੇ ਹੋ ਕਿ ਇਹ ਕਿਵੇਂ ਨਿਰਧਾਰਤ ਕੀਤਾ ਜਾਵੇ ਕਿ ਕਿਵੇਂ ਸਲਾਇਡ ਪੰਨੇ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਵਿਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਣਗੇ. ਉਦਾਹਰਣ ਦੇ ਲਈ, ਤੁਹਾਡੇ ਕੋਲ ਤੁਹਾਡੇ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਮਾਰਕਅੱਪ ਦਾ ਇਹ ਟੁਕੜਾ ਹੋ ਸਕਦਾ ਹੈ.
ਜੇ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਡਿਵੀਜ਼ਨ ਨੂੰ ਬੈਕਗ੍ਰਾਉਂਡ ਕਲਰ ਦਾ ਕਾਲਾ ਰੰਗ (# 000) ਅਤੇ ਫੋਂਟ-ਸਾਈਜ਼ 1.5 ਐਮ ਦੇ, ਤਾਂ ਤੁਸੀਂ ਇਸ ਨੂੰ ਆਪਣੇ CSS ਨਾਲ ਜੋੜ ਸਕਦੇ ਹੋ:
. ਫੀਚਰਡ {ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ: # 000; ਫੌਂਟ-ਆਕਾਰ: 1.5ਮ;}"ਫੀਚਰਡ" ਕਲਾਸ ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਹੁੱਕ ਵਜੋਂ ਕੰਮ ਕਰਦੀ ਹੈ ਜੋ ਅਸੀਂ ਉਸ ਖੇਤਰ ਵਿੱਚ ਸਟਾਈਲ ਲਾਗੂ ਕਰਨ ਲਈ CSS ਵਿੱਚ ਵਰਤਦੇ ਹਾਂ. ਜੇ ਅਸੀਂ ਚਾਹੁੰਦੇ ਸੀ ਤਾਂ ਅਸੀਂ ਇੱਥੇ ਇੱਕ ID ਵਿਸ਼ੇਸ਼ਤਾ ਵੀ ਕਰ ਸਕਦੇ ਹਾਂ ਦੋਵੇਂ ਕਲਾਸਾਂ ਅਤੇ ਆਈਡੀ ਸਰਬ ਵਿਆਪਕ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ, ਜਿਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਉਹਨਾਂ ਨੂੰ ਕਿਸੇ ਵੀ ਐਲੀਮੈਂਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਉਹਨਾਂ ਨੂੰ ਤੱਤ ਦੇ ਵਿਜੁਅਲ ਦਿੱਖ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਇਹਨਾਂ ਨੂੰ ਖਾਸ CSS ਸਟਾਈਲ ਦੇ ਨਾਲ ਨਿਸ਼ਾਨਾ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ.
ਜਾਵਾਸਕਰਿਪਟ ਬਾਰੇ
ਅੰਤ ਵਿੱਚ, ਕੁਝ HTML ਤੱਤਾਂ 'ਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਉਹ ਚੀਜ਼ ਹੈ ਜੋ ਤੁਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਵਰਤ ਸਕਦੇ ਹੋ. ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਇਕ ਸਕ੍ਰਿਪਟ ਹੈ ਜੋ ਕਿਸੇ ਖਾਸ ਆਈਡੀ ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਇਕ ਤੱਤ ਲੱਭ ਰਿਹਾ ਹੈ, ਤਾਂ ਇਹ HTML ਭਾਸ਼ਾ ਦੇ ਇਸ ਆਮ ਹਿੱਸੇ ਦਾ ਇਕ ਹੋਰ ਵਰਤੋਂ ਹੈ.