ਜਾਣ-ਪਛਾਣ HTML
HTML(ਹਾਈਪਰਟੈਕਸਟ ਮਾਰਕਅੱਪ ਲੈਂਗੂਏਜ) ਵੈੱਬਸਾਈਟਾਂ ਬਣਾਉਣ ਲਈ ਪ੍ਰਾਇਮਰੀ ਭਾਸ਼ਾ ਹੈ। HTML ਸਿੱਖਣਾ ਸ਼ੁਰੂ ਕਰਨ ਲਈ, ਬੁਨਿਆਦੀ ਸੰਟੈਕਸ ਅਤੇ ਮਹੱਤਵਪੂਰਨ ਟੈਗਸ ਨੂੰ ਸਮਝਣਾ ਜ਼ਰੂਰੀ ਹੈ। ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਤੁਹਾਨੂੰ HTML ਸੰਟੈਕਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਅਤੇ ਵੈਬਸਾਈਟ ਨਿਰਮਾਣ ਲਈ ਬੁਨਿਆਦੀ ਟੈਗਸ ਦੀ ਵਿਆਖਿਆ ਕਰਨ ਬਾਰੇ ਕਦਮ-ਦਰ-ਕਦਮ ਮਾਰਗਦਰਸ਼ਨ ਕਰਾਂਗੇ।
1. HTML ਦਾ ਮੂਲ ਸੰਟੈਕਸ
- HTML ਫਾਈਲ ਘੋਸ਼ਣਾ ਅਤੇ ਢਾਂਚਾ: ਪਹਿਲਾਂ, ਅਸੀਂ ਇੱਕ HTML ਫਾਈਲ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਘੋਸ਼ਿਤ ਅਤੇ ਢਾਂਚਾ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ ਬਾਰੇ ਦੱਸਾਂਗੇ।
- ਓਪਨਿੰਗ ਅਤੇ ਕਲੋਜ਼ਿੰਗ ਟੈਗਸ ਦੀ ਵਰਤੋਂ ਕਰਨਾ: HTML ਵੈੱਬਪੇਜ ਦੀ ਸਮੱਗਰੀ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਓਪਨਿੰਗ ਅਤੇ ਕਲੋਜ਼ਿੰਗ ਟੈਗਸ ਦੇ ਸੰਟੈਕਸ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਅਸੀਂ ਸਿਖਾਂਗੇ ਕਿ ਸਮੱਗਰੀ ਨੂੰ ਸਮੇਟਣ ਲਈ ਓਪਨਿੰਗ ਅਤੇ ਕਲੋਜ਼ਿੰਗ ਟੈਗਸ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ।
- ਟੈਗਸ ਨਾਲ ਗੁਣ ਜੋੜਨਾ: ਗੁਣ HTML ਟੈਗਸ ਬਾਰੇ ਵਾਧੂ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ। ਅਸੀਂ ਸਿਖਾਂਗੇ ਕਿ ਟੈਗਸ ਨਾਲ ਗੁਣਾਂ ਨੂੰ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ ਅਤੇ ਗੁਣਾਂ ਦੇ ਮੁੱਲਾਂ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ।
2. ਸਿਰਲੇਖ ਅਤੇ ਪੈਰੇ
- ਸਿਰਲੇਖ ਟੈਗਸ(h1-h6): ਸਿਰਲੇਖ ਟੈਗਸ ਦੀ ਵਰਤੋਂ ਵੈਬਪੇਜ ਦੇ ਸਿਰਲੇਖਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਅਸੀਂ ਖੋਜ ਕਰਾਂਗੇ ਕਿ ਵੱਖ-ਵੱਖ ਲੜੀਵਾਰ ਪੱਧਰਾਂ ਦੇ ਨਾਲ ਹੈਡਿੰਗ ਟੈਗਸ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ।
- ਪੈਰਾਗ੍ਰਾਫ ਟੈਗ(ਪੀ) ਦੀ ਵਰਤੋਂ ਕਰਨਾ: ਪੈਰਾਗ੍ਰਾਫ ਟੈਗ ਦੀ ਵਰਤੋਂ ਵੈੱਬਪੇਜ 'ਤੇ ਪਾਠ ਸਮੱਗਰੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਅਸੀਂ ਸਿਖਾਂਗੇ ਕਿ ਪੈਰਾਗ੍ਰਾਫ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ ਅਤੇ ਤੁਹਾਡੇ ਵੈਬਪੇਜ 'ਤੇ ਪੈਰਾਗ੍ਰਾਫ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ।
3. ਸੂਚੀਆਂ ਬਣਾਉਣਾ
- ਬਿਨਾਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀਆਂ(ul): ਅਸੀਂ ਸਿਖਾਂਗੇ ਕਿ ਬੁਲੇਟ-ਪੁਆਇੰਟਡ ਆਈਟਮਾਂ ਨਾਲ ਬਿਨਾਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀਆਂ ਬਣਾਉਣ ਲਈ ul ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ।
- ਆਰਡਰਡ ਸੂਚੀਆਂ(ol) ਬਣਾਉਣਾ: ਅਸੀਂ ਸਿਖਾਂਗੇ ਕਿ ਨੰਬਰ ਵਾਲੀਆਂ ਆਈਟਮਾਂ ਨਾਲ ਆਰਡਰਡ ਸੂਚੀਆਂ ਬਣਾਉਣ ਲਈ ol ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ।
- ਪਰਿਭਾਸ਼ਾ ਸੂਚੀਆਂ(dl) ਬਣਾਉਣਾ: ਅਸੀਂ ਸਿਖਾਂਗੇ ਕਿ ਮਿਆਦ ਅਤੇ ਪਰਿਭਾਸ਼ਾ ਜੋੜਿਆਂ ਨਾਲ ਪਰਿਭਾਸ਼ਾ ਸੂਚੀਆਂ ਬਣਾਉਣ ਲਈ dl ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ।
4. ਲਿੰਕ ਬਣਾਉਣਾ
- ਐਂਕਰ ਟੈਗਸ(ਏ) ਦੀ ਵਰਤੋਂ ਕਰਨਾ: ਅਸੀਂ ਹੋਰ ਵੈਬਪੰਨਿਆਂ ਦੇ ਲਿੰਕ ਬਣਾਉਣ ਲਈ ਐਂਕਰ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਿੱਖਾਂਗੇ।
- ਲਿੰਕ ਟੈਕਸਟ ਅਤੇ ਟਾਰਗੇਟ ਐਟਰੀਬਿਊਟ ਸੈਟ ਕਰਨਾ: ਅਸੀਂ ਖੋਜ ਕਰਾਂਗੇ ਕਿ ਲਿੰਕ ਟੈਕਸਟ ਨੂੰ ਕਿਵੇਂ ਸੈੱਟ ਕਰਨਾ ਹੈ ਅਤੇ ਇੱਕ ਨਵੀਂ ਵਿੰਡੋ ਜਾਂ ਉਸੇ ਵਿੰਡੋ ਵਿੱਚ ਲਿੰਕ ਖੋਲ੍ਹਣ ਲਈ ਟਾਰਗੇਟ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ।
5. ਚਿੱਤਰ ਸ਼ਾਮਲ ਕਰਨਾ
- ਚਿੱਤਰ ਟੈਗ(img) ਦੀ ਵਰਤੋਂ ਕਰਨਾ: ਅਸੀਂ ਸਿਖਾਂਗੇ ਕਿ ਇੱਕ ਵੈਬਪੇਜ ਵਿੱਚ ਚਿੱਤਰਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ img ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ।
- ਚਿੱਤਰ ਸਰੋਤ ਅਤੇ Alt ਟੈਕਸਟ ਸੈੱਟ ਕਰਨਾ: ਅਸੀਂ ਸਿੱਖਾਂਗੇ ਕਿ ਚਿੱਤਰ ਸਰੋਤ ਕਿਵੇਂ ਸੈੱਟ ਕਰਨਾ ਹੈ ਅਤੇ ਚਿੱਤਰ ਬਾਰੇ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ Alt ਟੈਕਸਟ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ।
ਬੁਨਿਆਦੀ ਸੰਟੈਕਸ ਅਤੇ ਇਹਨਾਂ ਬੁਨਿਆਦੀ ਟੈਗਾਂ ਦੇ ਗਿਆਨ ਨਾਲ, ਤੁਸੀਂ ਸਧਾਰਨ ਪਰ ਗੁਣਵੱਤਾ ਵਾਲੀਆਂ ਵੈਬਸਾਈਟਾਂ ਬਣਾਉਣਾ ਸ਼ੁਰੂ ਕਰ ਸਕਦੇ ਹੋ। ਸ਼ਾਨਦਾਰ ਵੈਬਪੇਜ ਬਣਾਉਣ ਲਈ ਹੋਰ HTML ਸਮਰੱਥਾਵਾਂ ਦਾ ਅਭਿਆਸ ਕਰੋ ਅਤੇ ਖੋਜ ਕਰੋ।