ਇਨ੍ਹਾਂ ਦੋ ਨਿਯਮਾਂ ਵਿੱਚ ਇੱਕ ਫਰਕ ਹੈ
ਕਿਸੇ ਵੀ ਉਦਯੋਗ ਜਾਂ ਪੇਸ਼ੇ ਜਿਹੇ ਵੈੱਬ ਡਿਜ਼ਾਈਨ, ਦੀ ਭਾਸ਼ਾ ਇੱਕ ਆਪਣੀ ਭਾਸ਼ਾ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਉਦਯੋਗ ਵਿੱਚ ਦਾਖਲ ਹੋ ਜਾਂਦੇ ਹੋ ਅਤੇ ਆਪਣੇ ਸਾਥੀਆਂ ਨਾਲ ਗੱਲ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਤੁਸੀਂ ਬਿਨਾਂ ਸ਼ੱਕ ਉਨ੍ਹਾਂ ਨਿਯਮਾਂ ਅਤੇ ਵਾਕਾਂਸ਼ਾਂ ਦਾ ਭਰਮ ਪੈਦਾ ਕਰੋਗੇ ਜੋ ਤੁਹਾਡੇ ਲਈ ਨਵੇਂ ਹਨ, ਪਰ ਤੁਹਾਡੇ ਸਾਥੀ ਵੈਬ ਪੇਸ਼ਾਵਰਾਂ ਦੀਆਂ ਜੀਭਾਂ ਦਾ ਕਿਹੜਾ ਪ੍ਰਵਾਹ ਹੈ ਤੁਸੀਂ ਸੁਣੋਗੇ ਦੋ ਸ਼ਰਤਾਂ HTML "ਟੈਗ" ਅਤੇ "ਐਲੀਮੈਂਟ" ਹਨ.
ਜਦੋਂ ਤੁਸੀਂ ਇਹਨਾਂ ਦੋ ਸ਼ਬਦਾਂ ਦੀ ਗੱਲ ਸੁਣਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਅਹਿਸਾਸ ਹੋ ਸਕਦਾ ਹੈ ਕਿ ਉਹਨਾਂ ਦੀ ਵਰਤੋਂ ਕੁਝ ਪਰਿਵਰਤਨਹੀਣ ਰੂਪ ਵਿੱਚ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ. ਜਿਵੇਂ ਕਿ, ਇੱਕ ਸਵਾਲ ਹੈ ਕਿ ਬਹੁਤ ਸਾਰੇ ਨਵੇਂ ਵੈਬ ਪੇਸ਼ਾਵਰ ਕੋਲ ਜਦੋਂ ਉਹ HTML ਕੋਡ ਨਾਲ ਕੰਮ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰਦੇ ਹਨ, "ਇੱਕ HTML ਟੈਗ ਅਤੇ ਇੱਕ HTML ਐਲੀਮੈਂਟ ਵਿੱਚ ਕੀ ਅੰਤਰ ਹੁੰਦਾ ਹੈ?"
ਹਾਲਾਂਕਿ ਇਹ ਦੋ ਸ਼ਬਦ ਅਰਥ ਦੇ ਸਮਾਨ ਹਨ, ਪਰ ਉਹ ਅਸਲ ਸਮਾਨਾਰਥੀ ਨਹੀਂ ਹਨ. ਤਾਂ ਫਿਰ ਇਹਨਾਂ ਦੋ ਸ਼ਬਦਾਂ ਨਾਲ ਸਮਾਨਤਾ ਕੀ ਹੈ? ਛੋਟਾ ਜਵਾਬ ਇਹ ਹੈ ਕਿ ਟੈਗ ਅਤੇ ਐਲੀਮੈਂਟ ਦੋਵੇਂ HTML ਲਿਖਣ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਮਾਰਕਅੱਪ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ. ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਕਹਿ ਸਕਦੇ ਹੋ ਕਿ ਤੁਸੀਂ
ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ ਤਾਂ ਜੋ ਪੈਰਾਗ੍ਰਾਫ ਜਾਂ ਤੱਤ ਨੂੰ ਲਿੰਕ ਬਣਾਇਆ ਜਾ ਸਕੇ. ਬਹੁਤ ਸਾਰੇ ਲੋਕ ਸ਼ਬਦਾਂ ਦੇ ਟੈਗ ਅਤੇ ਤੱਤ ਨੂੰ ਇਕ ਦੂਜੇ ਨਾਲ ਬਦਲਦੇ ਹਨ, ਅਤੇ ਤੁਸੀਂ ਜੋ ਵੀ ਵੈੱਬ ਡਿਜ਼ਾਇਨਰ ਜਾਂ ਡਿਵੈਲਪਰ ਨਾਲ ਗੱਲ ਕਰਦੇ ਹੋ ਉਹ ਸਮਝੇਗਾ ਕਿ ਤੁਹਾਡਾ ਕੀ ਮਤਲਬ ਸੀ, ਪਰ ਅਸਲੀਅਤ ਇਹ ਹੈ ਕਿ ਦੋ ਸ਼ਬਦਾਂ ਦੇ ਵਿੱਚ ਥੋੜ੍ਹਾ ਜਿਹਾ ਅੰਤਰ ਹੈ
HTML ਟੈਗਸ
HTML ਇੱਕ ਮਾਰਕਅਪ ਭਾਸ਼ਾ ਹੈ , ਜਿਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਇਹ ਉਹਨਾਂ ਕੋਡਾਂ ਨਾਲ ਲਿਖਿਆ ਹੁੰਦਾ ਹੈ ਜੋ ਇੱਕ ਵਿਅਕਤੀ ਦੁਆਰਾ ਪੜ੍ਹੇ ਜਾ ਸਕਦੇ ਹਨ ਜਿਸਦੇ ਬਿਨਾਂ ਇਸ ਨੂੰ ਪਹਿਲਾਂ ਕੰਪਾਇਲ ਕਰਨ ਦੀ ਲੋੜ ਹੈ. ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿੱਚ, ਟੈਕਸਟ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਹੈ, ਇਸ ਬਾਰੇ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਨਿਰਦੇਸ਼ ਦੇਣ ਲਈ ਇਹਨਾਂ ਕੋਡਾਂ ਦੇ ਨਾਲ ਇੱਕ ਵੈਬ ਪੇਜ ਦੇ ਟੈਕਸਟ ਨੂੰ "ਚਿੰਨ੍ਹਿਤ ਕੀਤਾ" ਜਾਂਦਾ ਹੈ. ਇਹ ਮਾਰਕਅੱਪ ਟੈਗਸ ਖੁਦ ਐਚ ਟੀ ਟੀ ਟੈਗ ਹਨ.
ਜਦੋਂ ਤੁਸੀਂ ਐਚਟੀਐਮਐਲ ਲਿਖਦੇ ਹੋ, ਤੁਸੀਂ ਐਚਐਚਐਲਟੀ ਟੈਗ ਲਿਖ ਰਹੇ ਹੋ ਸਾਰੇ ਐਚ ਟੀ ਟੀ ਟੈਗ ਕਈ ਖਾਸ ਭਾਗਾਂ ਦੇ ਬਣੇ ਹੁੰਦੇ ਹਨ, ਜਿਸ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:
- ਇੱਕ ਘੱਟ ਤੋਂ ਘੱਟ ਨਿਸ਼ਾਨ <
- ਇੱਕ ਸ਼ਬਦ ਜਾਂ ਪਾਤਰ ਜੋ ਇਹ ਨਿਰਧਾਰਤ ਕਰਦੇ ਹਨ ਕਿ ਕਿਹੜੀ ਟੈਗ ਲਿਖੀ ਜਾ ਰਹੀ ਹੈ
- ਨਾਂ = "ਮੁੱਲ" ਜੋੜਾ ਦੇ ਰੂਪ ਵਿੱਚ ਚੋਣਵੇਂ HTML ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦਾ ਕੋਈ ਵੀ ਨੰਬਰ
- ਅਤੇ ਅਖੀਰ ਵਿੱਚ ਇੱਕ ਵੱਡਾ-
ਉਦਾਹਰਨ ਲਈ, ਇੱਥੇ ਕੁਝ ਐਚਐਮਐਲਟੀ ਟੈਗ ਹਨ:
-
-
ਇਹ ਸਾਰੇ HTML ਖੋਲ੍ਹਣ ਵਾਲੇ ਟੈਗ ਹਨ, ਉਹਨਾਂ ਨੂੰ ਬਿਨਾਂ ਕਿਸੇ ਵਿਕਲਪਿਕ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਸ਼ਾਮਿਲ ਕੀਤੇ ਗਏ ਹਨ. ਇਹ ਟੈਗ ਦਰਸਾਉਂਦੇ ਹਨ:
-
- ਇਕ ਪੈਰਾ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ
- - ਪੰਨੇ ਨੂੰ HTML ਦੇ ਤੌਰ ਤੇ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ
- - ਇੱਕ ਡਿਵੀਜ਼ਨ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ
ਹੇਠ ਦਿੱਤੇ ਵੀ HTML ਟੈਗ ਹਨ:
-
ਇਹ ਸਭ ਉਦਾਹਰਨਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ ਜੋ ਸ਼ੁਰੂਆਤੀ HTML ਟੈਗਸ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਹਨ.
-
- ਇੱਕ ਅਨੋਰਡ ਸੂਚੀ ਹੈ ਜਿਸ ਵਿੱਚ ਇੱਕ ID ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ਾਮਲ ਹੈ
- ਡਿਵੀਜ਼ਨ ਵਿੱਚ ਇੱਕ ਕਲਾ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ
- ਐਂਕਰ, ਜਾਂ ਲਿੰਕ, ਤੱਤ ਵਿਚ "href" ਐਟਰੀਬਿਊਟ ਸ਼ਾਮਲ ਹੈ
- "Src" ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਚਿੱਤਰ ਟੈਗ
ਐਂਕਰ ਅਤੇ ਚਿੱਤਰ ਟੈਗਸ ਲਈ, ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਸਲ ਵਿੱਚ ਚੋਣਵਾਂ ਨਹੀਂ ਹੁੰਦੀਆਂ ਹਨ, ਉਹਨਾਂ ਲਈ ਟੈਗਸ ਸਹੀ ਤਰ੍ਹਾਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਜ਼ਰੂਰੀ ਹਨ. ਤੁਹਾਨੂੰ ਲਿੰਕ ਨੂੰ ਦੱਸਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਕਿੱਥੇ ਜਾਣਾ ਹੈ (ਜੋ ਕਿ "href" ਕਰਦਾ ਹੈ) ਅਤੇ ਚਿੱਤਰ ਜੋ ਦਿਖਾਉਣਾ ਹੈ (ਜੋ ਕਿ "src" ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ).
HTML ਐਲੀਮੈਂਟਸ ਕੀ ਹਨ
ਡਬਲਯੂ ਐੱਸ ਸੀ ਐੱਮ ਐਚਐਚਐਲ ਸਪੇਸ਼ੇਸ਼ਨ ਦੇ ਅਨੁਸਾਰ, ਇਕ ਐਲੀਮੈਂਟ ਐਚਟੀਐਮ ਦੇ ਬੁਨਿਆਦੀ ਬਿਲਡਿੰਗ ਬਲਾਕ ਹੈ ਅਤੇ ਆਮ ਤੌਰ ਤੇ ਦੋ ਟੈਗਸ ਬਣਦਾ ਹੈ : ਇੱਕ ਉਦਘਾਟਨੀ ਟੈਗ ਅਤੇ ਇਕ ਕਲੋਜ਼ਿੰਗ ਟੈਗ. ਹੁਣ ਤੱਕ ਅਸੀਂ ਸਿਰਫ ਉਦਘਾਟਨੀ ਟੈਗ ਦੇਖੇ ਹਨ, ਜੋ ਤੱਤ ਸ਼ੁਰੂ ਕਰਦੇ ਹਨ. ਉਸ ਤੱਤ ਨੂੰ ਖਤਮ ਕਰਨ ਲਈ, ਤੁਸੀਂ ਅਨੁਸਾਰੀ ਸਮਾਪਤੀ ਟੈਗ ਲਿਖੋ.
ਉਦਾਹਰਨ ਲਈ, ਪੈਰਾਗ੍ਰਾਫ ਤੱਤ ਲਈ ਤੁਸੀਂ ਇਹ ਲਿਖੋ:
p>
ਇਹ ਉਦਘਾਟਨੀ ਟੈਗ ਦਾ ਬਣਿਆ ਹੋਇਆ ਹੈ ਜਿਸਨੂੰ ਅਸੀਂ ਇੱਕ ਪਲ ਪਹਿਲਾਂ ਦੇਖਿਆ ਅਤੇ ਕਲੋਜ਼ਿੰਗ ਟੈਗ - p>. ਸਮਾਪਤੀ ਟੈਗਸ ਸੱਚਮੁੱਚ ਹੀ ਸਿਰਫ ਖੁੱਲ੍ਹੀ ਟੈਗ ਹੈ, ਪਰ "ਸੰਖੇਪ ਤੋਂ ਘੱਟ" ਦੇ ਬਾਅਦ ਸਿੱਧੇ ਜੋੜਿਆ ਗਿਆ "ਅੱਗੇ ਸਲੈਸ਼" ਨਾਲ.
ਲਗਭਗ ਸਾਰੇ HTML ਤੱਤਾਂ ਦਾ ਇੱਕ ਖੁੱਲਣ ਵਾਲਾ ਟੈਗ ਹੈ ਅਤੇ ਇਕ ਕਲੋਜ਼ਿੰਗ ਟੈਗ ਹੈ. ਇਹ ਟੈਗ ਪਾਠ ਦੇ ਦੁਆਲੇ ਘੁੰਮਦੇ ਹਨ ਜੋ ਵੈਬ ਪੇਜ ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਣਗੇ. ਉਦਾਹਰਣ ਦੇ ਲਈ, ਪਾਠ ਦੇ ਪੈਰਾਗ੍ਰਾਫ ਨੂੰ ਲਿਖਣ ਲਈ, ਤੁਸੀਂ ਸਫ਼ੇ ਉੱਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਟੈਕਸਟ ਲਿਖੋ ਅਤੇ ਫਿਰ ਇਹਨਾਂ ਟੈਗਾਂ ਨਾਲ ਇਸ ਨੂੰ ਘੇਰੋ:
ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ ਪੈਰਾਗ੍ਰਾਫ਼ ਦਾ ਪਾਠ ਲਿਖਦੇ ਹੋ ਜੋ ਤੁਸੀਂ ਵੈੱਬਪੇਜ ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. p>
ਕੁਝ HTML ਅੰਸ਼ਾਂ ਵਿੱਚ ਕੋਈ ਕਲੋਜ਼ਿੰਗ ਟੈਗ ਨਹੀਂ ਹੈ ਇਹਨਾਂ ਨੂੰ "ਖਾਲੀ ਤੱਤਾਂ" ਕਿਹਾ ਜਾਂਦਾ ਹੈ. ਕਦੇ-ਕਦੇ, ਉਹਨਾਂ ਨੂੰ " ਸਿੰਗਲਟਨ " ਜਾਂ "ਖਾਲੀ" ਤੱਤ ਦੇ ਰੂਪ ਵਿੱਚ ਵੀ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ. ਖਾਲੀ ਤੱਤ ਵਰਤਣਾ ਸੌਖਾ ਹੈ ਕਿਉਂਕਿ ਤੁਹਾਨੂੰ ਆਪਣੇ ਵੈਬ ਪੇਜ ਵਿੱਚ ਸਿਰਫ ਇੱਕ ਟੈਗ ਸ਼ਾਮਲ ਕਰਨਾ ਪਵੇਗਾ ਅਤੇ ਬਰਾਊਜ਼ਰ ਨੂੰ ਪਤਾ ਹੋਵੇਗਾ ਕਿ ਕੀ ਕਰਨਾ ਹੈ. ਉਦਾਹਰਨ ਲਈ, ਆਪਣੇ ਸਫੇ ਤੇ ਇੱਕ ਸਿੰਗਲ ਲਾਈਨ ਬ੍ਰੇਕ ਜੋੜਨ ਲਈ ਤੁਸੀਂ b # ਟੈਗ ਦਾ ਇਸਤੇਮਾਲ ਕਰੋਗੇ.
ਇਕ ਹੋਰ ਆਮ ਤੱਤ ਜਿਹੜਾ ਕਿ ਸਿਰਫ ਇੱਕ ਉਦਘਾਟਨੀ ਟੈਗ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ "ਚਿੱਤਰ" ਤੱਤ ਹੈ. ਉਦਾਹਰਣ ਲਈ:
ਅਸੀਂ ਪਹਿਲਾਂ ਇਹ ਉਦਾਹਰਨ ਦੇਖੀ ਹੈ, ਪਰ ਇਸ ਚਿੱਤਰ ਦੇ ਤੱਤ ਲਈ ਕੋਈ ਕਲੋਜ਼ਿੰਗ ਟੈਗ ਨਹੀਂ ਹੈ. ਬਰਾਉਜ਼ਰ ਸਿਰਫ਼ ਇਸ ਕੋਡ ਨੂੰ ਉਸ ਚਿੱਤਰ ਨਾਲ ਬਦਲ ਦੇਵੇਗਾ ਜੋ "href" ਗੁਣ ਵਿਚ ਹਵਾਲਾ ਦਿੱਤਾ ਗਿਆ ਹੈ. ਇਸ ਕੇਸ ਵਿੱਚ, ਇਹ "logo.png" ਹੋਵੇਗਾ.
ਆਮ ਤੌਰ ਤੇ, ਜਦੋਂ ਮੈਂ ਇੱਕ ਐਲੀਮੈਂਟ ਐਲੀਮੈਂਟ ਜਾਂ ਟੈਗ ਦਾ ਹਵਾਲਾ ਦਿੰਦਾ ਹਾਂ, ਤਾਂ ਮੈਂ "ਐਲੀਮੈਂਟ" ਸ਼ਬਦ ਦੀ ਵਰਤੋਂ ਕਰਾਂਗਾ, ਜੋ ਇਹ ਦਰਸਾਏਗਾ ਕਿ ਮੈਂ ਤੱਤ ਦੇ ਸਾਰੇ ਹਿੱਸਿਆਂ (ਦੋਵੇਂ ਉਦਘਾਟਨ ਅਤੇ ਬੰਦ ਹੋਣ ਵਾਲੀਆਂ ਟੈਗਸ) ਦਾ ਹਵਾਲਾ ਦੇ ਰਿਹਾ ਹਾਂ. ਮੈਂ "ਟੈਗ" ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹਾਂ, ਅਸਲ ਵਿੱਚ ਮੈਂ ਸਿਰਫ ਇਕ ਜਾਂ ਦੂਜੇ ਦਾ ਹਵਾਲਾ ਦਿੰਦਾ ਹਾਂ. ਇਹ ਦੋਨਾਂ ਸ਼ਬਦਾਂ ਦਾ ਸਹੀ ਵਰਤੋਂ ਹੈ, ਅਤੇ ਮੈਂ ਉਨ੍ਹਾਂ ਨੂੰ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਵਰਤਣ ਲਈ ਤੁਹਾਨੂੰ ਪ੍ਰੇਰਿਤ ਕਰਦਾ ਹਾਂ - ਪਰ ਸਿਰਫ ਇਹ ਪਤਾ ਹੈ ਕਿ ਜੇ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਦੀ ਗਿਰਾਵਟ ਅਤੇ ਇੰਟਰਚੇਂਟ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਹਾਲੇ ਵੀ ਆਪਣੇ ਨਵੇਂ ਵੈਬ ਡਿਵੈਲਪਮੈਂਟ ਸਮੂਹਿਕ ਨੇ ਸਮਝ ਲਿਆ ਹੈ!
ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 7/21/17 ਨੂੰ ਜੈਰੀਮੀ ਗਿਰਾਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ
-