ਇੱਕ HTML ਪੇਜ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਵੇ

ਜੇਕਰ ਤੁਸੀਂ ਆਪਣਾ ਵੈਬ ਪੇਜ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤੁਹਾਨੂੰ HTML ਦੀ ਸਮਝ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ. This article explains how to create an HTML page. ਵੀ, ਤੁਸੀਂ ਸਿੱਖੋਗੇ ਕਿ ਇੱਕ xml ਸਾਈਟਮੈਪ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ ਅਤੇ ਇੱਕ ਤਸਵੀਰ ਅਤੇ ਲਿੰਕ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ. ਇੱਕ xml ਸਾਈਟਮੈਪ ਬਣਾਉਣਾ ਵੀ ਮਹੱਤਵਪੂਰਨ ਹੈ, ਜੋ ਤੁਹਾਡੀ ਸਾਈਟ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰਨ ਅਤੇ ਤੁਹਾਡੇ ਟ੍ਰੈਫਿਕ ਨੂੰ ਵਧਾਉਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ. ਅਗਲਾ ਕਦਮ ਇੱਕ ਟੈਂਪਲੇਟ ਚੁਣਨਾ ਹੈ.

Creating a html page

HTML ਇੱਕ ਮਾਰਕਅੱਪ ਭਾਸ਼ਾ ਹੈ. ਵੈਬ ਪੇਜ ਦੇ ਹਰ ਤੱਤ ਨੂੰ ਇੱਕ ਟੈਗ ਦੁਆਰਾ ਦਰਸਾਇਆ ਜਾਂਦਾ ਹੈ. ਇੱਕ ਟੈਗ ਦੀ ਪਛਾਣ ਕੋਣ ਬਰੈਕਟਾਂ ਦੁਆਰਾ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਅਤੇ ਹਰ ਤੱਤ ਵਿੱਚ ਇੱਕ ਜਾਂ ਇੱਕ ਤੋਂ ਵੱਧ ਟੈਗ ਹੁੰਦੇ ਹਨ. ਕੁਝ ਤੱਤਾਂ ਨੂੰ ਸਿਰਫ਼ ਇੱਕ ਟੈਗ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ; ਦੂਜਿਆਂ ਨੂੰ ਦੋ ਦੀ ਲੋੜ ਹੋ ਸਕਦੀ ਹੈ. ਓਪਨਿੰਗ ਅਤੇ ਕਲੋਜ਼ਿੰਗ ਟੈਗਸ ਵਿੱਚ ਫਾਰਵਰਡ ਸਲੈਸ਼ ਹੈ (/). ਉਦਾਹਰਣ ਲਈ, ਪੈਰਾਗ੍ਰਾਫ ਤੱਤ ਨੂੰ p ਟੈਗ ਦੁਆਰਾ ਦਰਸਾਇਆ ਗਿਆ ਹੈ. ਓਪਨਿੰਗ ਅਤੇ ਕਲੋਜ਼ਿੰਗ ਟੈਗਸ ਦੇ ਵਿਚਕਾਰ ਟੈਕਸਟ ਪੈਰਾਗ੍ਰਾਫ ਟੈਕਸਟ ਹੈ.

ਇੱਕ HTML ਦਸਤਾਵੇਜ਼ ਬਣਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਲੋੜ ਹੋਵੇਗੀ. ਜ਼ਿਆਦਾਤਰ ਕੰਪਿਊਟਰਾਂ ਵਿੱਚ ਮੂਲ ਰੂਪ ਵਿੱਚ ਟੈਕਸਟ ਐਡੀਟਰ ਹੁੰਦਾ ਹੈ. ਵਿੰਡੋਜ਼ ਉਪਭੋਗਤਾ ਇੰਟਰਨੈਟ ਐਕਸਪਲੋਰਰ ਦੀ ਵਰਤੋਂ ਕਰਨਗੇ, ਜਦੋਂ ਕਿ ਮੈਕ ਉਪਭੋਗਤਾ TextEdit ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਨ. ਤੁਸੀਂ ਇੱਕ ਪੇਸ਼ੇਵਰ ਦਿੱਖ ਵਾਲਾ ਵੈਬਪੇਜ ਬਣਾਉਣ ਲਈ ਇੱਕ ਫੈਂਸੀ ਟੈਕਸਟ ਐਡੀਟਰ ਸਥਾਪਤ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਤੁਹਾਡੇ ਪਹਿਲੇ HTML ਪੰਨੇ ਲਈ, ਇਹ ਜ਼ਰੂਰੀ ਨਹੀਂ ਹੈ. ਤੁਸੀਂ ਇੱਕ ਸਧਾਰਨ ਟੈਕਸਟ ਐਡੀਟਰ ਅਤੇ ਕਿਸੇ ਵੀ ਵੈੱਬ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ. ਜੇਕਰ ਤੁਸੀਂ ਇਸ ਬਾਰੇ ਯਕੀਨੀ ਨਹੀਂ ਹੋ ਕਿ ਕਿਹੜਾ ਪ੍ਰੋਗਰਾਮ ਵਰਤਣਾ ਹੈ, ਇੱਕ ਮੁਫਤ HTML ਸੰਪਾਦਕ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ.

html ਪੇਜ ਦੇ ਦੋ ਮੁੱਖ ਭਾਗ ਹਨ: ਸਰੀਰ ਅਤੇ ਸਿਰ. ਮੁੱਖ ਭਾਗ ਵਿੱਚ ਵੈਬਸਾਈਟ ਦੀ ਅਸਲ ਸਮੱਗਰੀ ਸ਼ਾਮਲ ਹੁੰਦੀ ਹੈ, ਜਦੋਂ ਕਿ ਸਿਰਲੇਖ ਅਤੇ ਮੈਟਾ ਜਾਣਕਾਰੀ ਲਈ ਸਿਰ ਭਾਗ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਸਰੀਰ ਵਿੱਚ ਬਾਕੀ ਸਾਰੇ ਤੱਤ ਸ਼ਾਮਿਲ ਹਨ, ਤਸਵੀਰਾਂ ਅਤੇ ਹੋਰ ਗ੍ਰਾਫਿਕਸ ਸਮੇਤ. ਸਿਰਲੇਖ ਭਾਗ ਤੁਹਾਡੇ ਨੈਵੀਗੇਸ਼ਨ ਲਿੰਕਾਂ ਨੂੰ ਰੱਖਣ ਦਾ ਸਥਾਨ ਹੈ. ਤੁਹਾਡੇ ਸਰੀਰ ਨੂੰ ਲਿਖਣ ਤੋਂ ਬਾਅਦ, ਤੁਸੀਂ ਦਸਤਾਵੇਜ਼ ਦੀ ਸਮੱਗਰੀ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਤਿਆਰ ਹੋ. ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਸਰੀਰ ਅਤੇ ਸਿਰ ਦੇ ਤੱਤਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਹਰ ਕਿਸੇ ਲਈ ਪਹੁੰਚਯੋਗ ਹੈ.

Creating a xml sitemap

If you have an HTML page, ਤੁਸੀਂ ਖੋਜ ਇੰਜਣਾਂ ਨੂੰ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਨੂੰ ਕ੍ਰੌਲ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ ਇੱਕ XML ਸਾਈਟਮੈਪ ਬਣਾਉਣਾ ਚਾਹ ਸਕਦੇ ਹੋ. ਹਾਲਾਂਕਿ ਇਹ ਤੁਹਾਡੀ ਖੋਜ ਦਰਜਾਬੰਦੀ ਨੂੰ ਪ੍ਰਭਾਵਤ ਨਹੀਂ ਕਰੇਗਾ, ਇਹ ਖੋਜ ਇੰਜਣਾਂ ਨੂੰ ਤੁਹਾਡੀ ਸਮੱਗਰੀ ਨੂੰ ਸਮਝਣ ਅਤੇ ਉਹਨਾਂ ਦੀ ਕ੍ਰੌਲਿੰਗ ਦਰ ਨੂੰ ਅਨੁਕੂਲ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ. ਇਸ ਪਾਸੇ, ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਖੋਜ ਇੰਜਣ ਨਤੀਜਿਆਂ ਵਿੱਚ ਵਧੇਰੇ ਦਿਖਾਈ ਦੇਵੇਗੀ. ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਇੱਥੇ ਕੁਝ ਆਸਾਨ ਕਦਮ ਹਨ:

ਇੱਕ HTML ਸਾਈਟਮੈਪ ਬਣਾਉਣਾ ਆਸਾਨ ਹੈ. ਤੁਹਾਨੂੰ ਬੱਸ ਆਪਣੀ ਸਾਈਟ ਦੇ ਪੰਨਿਆਂ ਦੀ ਇੱਕ ਸਧਾਰਨ ਸਾਰਣੀ ਬਣਾਉਣੀ ਹੈ, ਹਰੇਕ ਪੰਨੇ ਦੇ ਲਿੰਕ ਦੇ ਨਾਲ. ਫਿਰ ਸਿਰਲੇਖ ਜਾਂ ਫੁੱਟਰ ਵਿੱਚ ਉਸ ਸਾਈਟਮੈਪ ਪੰਨੇ ਨਾਲ ਲਿੰਕ ਕਰੋ. ਇਸ ਪਾਸੇ, ਭਾਵੇਂ ਤੁਹਾਡੀ ਸਾਈਟ ਦੇ ਕਿੰਨੇ ਪੰਨੇ ਹਨ, ਲੋਕ ਉਹਨਾਂ ਰਾਹੀਂ ਆਸਾਨੀ ਨਾਲ ਨੈਵੀਗੇਟ ਕਰ ਸਕਦੇ ਹਨ. ਇਸ ਤੋਂ ਇਲਾਵਾ, ਤੁਹਾਨੂੰ ਸਾਈਟਮੈਪ ਬਣਾਉਣ ਲਈ ਐਸਈਓ ਜਮ੍ਹਾ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ.

ਇੱਕ ਵਾਰ ਜਦੋਂ ਤੁਹਾਡਾ HTML ਪੰਨਾ ਲਾਈਵ ਹੋ ਜਾਂਦਾ ਹੈ, ਇਸਨੂੰ ਗੂਗਲ ਸਰਚ ਕੰਸੋਲ 'ਤੇ ਜਮ੍ਹਾ ਕਰੋ. ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਫਾਈਲ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਆਪਣੇ XML ਸਾਈਟਮੈਪ ਨੂੰ ਨਾਮ ਦੇ ਸਕਦੇ ਹੋ. ਤੁਸੀਂ Google ਨੂੰ XML ਸਾਈਟਮੈਪ ਜਮ੍ਹਾਂ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਇਹ ਜ਼ਰੂਰੀ ਨਹੀਂ ਹੈ. ਗੂਗਲ ਦੇ ਕ੍ਰਾਲਰ ਆਮ ਤੌਰ 'ਤੇ ਨਵੀਂ ਸਮੱਗਰੀ ਦੀ ਖੋਜ ਕਰਨ ਵਿੱਚ ਬਹੁਤ ਚੰਗੇ ਹੁੰਦੇ ਹਨ, ਅਤੇ ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਨੂੰ ਸਾਈਟਮੈਪ ਜਮ੍ਹਾਂ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ. ਤੁਸੀਂ ਇਸਨੂੰ ਹੋਰ ਖੋਜ ਇੰਜਣਾਂ ਨੂੰ ਵੀ ਜਮ੍ਹਾਂ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਇਹ ਇਸ ਗੱਲ ਦੀ ਗਾਰੰਟੀ ਨਹੀਂ ਦਿੰਦਾ ਹੈ ਕਿ ਤੁਹਾਨੂੰ Google ਦੁਆਰਾ ਖੋਜਿਆ ਜਾਵੇਗਾ.

ਤੁਹਾਡੇ ਵੈਬ ਪੇਜ ਤੇ ਇੱਕ XML ਸਾਈਟਮੈਪ ਜੋੜਨਾ ਜ਼ਰੂਰੀ ਨਹੀਂ ਹੈ, ਪਰ ਇਹ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਦੇ ਐਸਈਓ ਨੂੰ ਵਧਾਏਗਾ. ਸਾਈਟਮੈਪ ਦੀ ਵਰਤੋਂ ਖੋਜ ਇੰਜਣਾਂ ਦੁਆਰਾ ਉਹਨਾਂ ਪੰਨਿਆਂ ਨੂੰ ਸੂਚੀਬੱਧ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਜੋ ਕਿਸੇ ਵੈਬ ਪੇਜ ਦੁਆਰਾ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਲਿੰਕ ਨਹੀਂ ਹੁੰਦੇ ਹਨ. ਸਾਈਟਮੈਪ ਅਮੀਰ ਮੀਡੀਆ ਸਮੱਗਰੀ ਦੀ ਪਹੁੰਚਯੋਗਤਾ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਵਿੱਚ ਵੀ ਮਦਦ ਕਰਦੇ ਹਨ. ਆਪਣੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਸਾਈਟਮੈਪ ਜੋੜਨਾ ਤੁਹਾਡੀ ਸਾਈਟ ਨੂੰ ਖੋਜ ਇੰਜਨ ਬੋਟਾਂ ਲਈ ਵਧੇਰੇ ਪਹੁੰਚਯੋਗ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ.

Adding a picture

In HTML, ਤੁਸੀਂ img ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਪੰਨੇ ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਜੋੜ ਸਕਦੇ ਹੋ. ਇਸ ਟੈਗ ਵਿੱਚ ਸਿਰਫ਼ ਚਿੱਤਰ ਅਤੇ ਇਸ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸ਼ਾਮਲ ਹਨ; ਇਸ ਨੂੰ ਕਲੋਜ਼ਿੰਗ ਟੈਗ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ. ਇਹ ਚਿੱਤਰ ਟੈਗ HTML ਦਸਤਾਵੇਜ਼ ਦੇ ਮੁੱਖ ਭਾਗ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ. ਤਸਵੀਰ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਤੋਂ ਇਲਾਵਾ, ਤੁਹਾਨੂੰ ਤਸਵੀਰ ਦਾ ਵਰਣਨ ਕਰਨ ਲਈ ਇੱਕ Alt ਗੁਣ ਸ਼ਾਮਲ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. Alt ਟੈਗ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਲਿਖਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਜਿਵੇਂ ਤੁਸੀਂ ਕਿਸੇ ਅਜਿਹੇ ਵਿਅਕਤੀ ਲਈ ਵਰਣਨ ਲਿਖ ਰਹੇ ਹੋ ਜੋ ਇਸਨੂੰ ਨਹੀਂ ਦੇਖ ਸਕਦਾ.

ਇੱਕ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇੱਕ ਤਸਵੀਰ ਜੋੜਨ ਲਈ ਥੋੜਾ ਜਿਹਾ CSS ਅਤੇ HTML ਗਿਆਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ. ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਅਤੇ ਰੈਜ਼ੋਲੂਸ਼ਨ ਵਿਚਾਰ ਕਰਨ ਲਈ ਦੋ ਸਭ ਤੋਂ ਮਹੱਤਵਪੂਰਨ ਕਾਰਕ ਹਨ. ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਇਹ ਨਿਰਧਾਰਤ ਕਰੇਗਾ ਕਿ ਇਹ ਦਸਤਾਵੇਜ਼ ਦੀ ਸਮੱਗਰੀ ਵਿੱਚ ਕਿਵੇਂ ਫਿੱਟ ਹੋਵੇਗਾ. ਜੇਕਰ ਤੁਸੀਂ ਇੱਕ ਵੱਖਰੇ ਰੈਜ਼ੋਲਿਊਸ਼ਨ ਜਾਂ ਆਕਾਰ ਅਨੁਪਾਤ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਪਸੰਦ ਕਰੋਗੇ, ਤੁਸੀਂ ਚਿੱਤਰ ਨੂੰ ਮੁੜ ਆਕਾਰ ਦੇਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਵੀ ਕਰ ਸਕਦੇ ਹੋ. ਹਾਲਾਂਕਿ, ਯਾਦ ਰੱਖੋ ਕਿ ਸਕੇਲਿੰਗ ਹਮੇਸ਼ਾ ਤੁਹਾਡੀ ਉਮੀਦ ਅਨੁਸਾਰ ਕੰਮ ਨਹੀਂ ਕਰਦੀ.

ਕਿਸੇ ਚਿੱਤਰ ਦੇ ਆਕਾਰ ਨੂੰ ਅਨੁਕੂਲ ਕਰਨ ਲਈ ਅੰਗੂਠੇ ਦਾ ਇੱਕ ਚੰਗਾ ਨਿਯਮ ਇਸਦੀ ਚੌੜਾਈ ਨੂੰ ਵਧਾਉਣਾ ਹੈ. ਚੌੜਾਈ ਉਚਾਈ ਤੋਂ ਘੱਟੋ-ਘੱਟ ਇੱਕ ਪਿਕਸਲ ਛੋਟੀ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ. ਜੇਕਰ ਚਿੱਤਰ ਦਿਖਾਉਣ ਲਈ ਬਹੁਤ ਛੋਟਾ ਹੈ, ਤੁਸੀਂ ਬਾਰਡਰ ਜੋੜ ਸਕਦੇ ਹੋ, ਅਤੇ ਫਿਰ ਇਸਨੂੰ ਚਿੱਤਰ ਦੇ ਆਕਾਰ ਵਿੱਚ ਫਿੱਟ ਕਰਨ ਲਈ ਵਿਵਸਥਿਤ ਕਰੋ. ਤੁਸੀਂ ਇੱਕ ਚਿੱਤਰ ਦੇ ਬਾਰਡਰ ਨੂੰ ਬਾਰਡਰ ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਜੋੜ ਕੇ ਵੀ ਅਨੁਕੂਲ ਕਰ ਸਕਦੇ ਹੋ. ਬਾਰਡਰ ਮੋਟਾਈ ਡਿਫੌਲਟ ਮੁੱਲ ਹੈ, ਪਰ ਤੁਸੀਂ ਇਸਨੂੰ ਕਿਸੇ ਵੀ ਮੁੱਲ 'ਤੇ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ. ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਚਿੱਤਰ ਵਿੱਚ ਇੱਕ src ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ.

Adding a link

You can add a link in HTML to your document using an a> href ਗੁਣ ਨਾਲ ਟੈਗ ਕਰੋ. ਇਹ ਦਸਤਾਵੇਜ਼ ਲਈ ਇੱਕ ਬੁੱਕਮਾਰਕ ਬਣਾਏਗਾ ਅਤੇ ਇਸਨੂੰ ਇੱਕ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਖੋਲ੍ਹ ਦੇਵੇਗਾ. ਤੁਸੀਂ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਸੰਮਿਲਿਤ ਕਰਨ ਲਈ ਇੱਕ href ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ. ਤੁਸੀਂ ਇੱਕ HTML ਬਟਨ ਨੂੰ ਇੱਕ ਲਿੰਕ ਵਿੱਚ ਬਦਲਣ ਲਈ JavaScript ਕੋਡ ਦੇ ਨਾਲ ਇੱਕ ਲਿੰਕ ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ. ਇੱਕ ਵਾਰ ਤੁਸੀਂ ਇਹ ਕੀਤਾ ਹੈ, ਤੁਸੀਂ CSS ਜਾਂ JavaScript ਕੋਡ ਨਾਲ ਆਪਣੇ ਲਿੰਕ ਨੂੰ ਸਟਾਈਲ ਕਰ ਸਕਦੇ ਹੋ.

ਇੱਕ ਲਿੰਕ ਇੱਕ ਵੈੱਬ ਸਰੋਤ ਤੋਂ ਦੂਜੇ ਨਾਲ ਇੱਕ ਕਨੈਕਸ਼ਨ ਹੁੰਦਾ ਹੈ. ਇਹ ਦੋ ਸਿਰੇ ਦੇ ਸ਼ਾਮਲ ਹਨ, ਇੱਕ ਸਰੋਤ ਐਂਕਰ ਅਤੇ ਇੱਕ ਮੰਜ਼ਿਲ ਐਂਕਰ. ਇੱਕ ਲਿੰਕ ਇੱਕ ਚਿੱਤਰ ਤੋਂ ਟੈਕਸਟ ਫਾਈਲ ਤੱਕ ਕੁਝ ਵੀ ਹੋ ਸਕਦਾ ਹੈ. ਜ਼ਿਆਦਾਤਰ ਸੋਸ਼ਲ ਨੈੱਟਵਰਕਿੰਗ ਸਾਈਟਾਂ ਅਤੇ ਵੈੱਬਸਾਈਟਾਂ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਕਿਸੇ ਖਾਸ URL 'ਤੇ ਭੇਜਣ ਲਈ ਲਿੰਕਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀਆਂ ਹਨ. HTML ਦੀ ਵਰਤੋਂ ਲਿੰਕ ਦੀ ਸਥਿਤੀ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਵੀ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ. ਇਹ ਇੱਕ’ ਗੁਣ ਤੁਹਾਨੂੰ ਇੱਕ URL ਨਾਲ ਕੋਡ ਐਲੀਮੈਂਟਸ ਨੂੰ ਲਿੰਕ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ.

ਇੱਕ ਲਿੰਕ ਡਿਜ਼ਾਈਨ ਕਰਦੇ ਸਮੇਂ, ਇਹ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡੇ ਵਿਜ਼ਟਰ ਸਮੱਗਰੀ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨਗੇ. ਲਿੰਕ ਟੈਕਸਟ ਵਰਣਨਯੋਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਤਾਂ ਜੋ ਉਹ ਜਾਣ ਸਕਣ ਕਿ ਉਹਨਾਂ ਨੂੰ ਕੀ ਉਮੀਦ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ. ਉਸੇ URL ਨੂੰ ਦੁਹਰਾਉਣਾ ਸਕ੍ਰੀਨ ਰੀਡਰਾਂ ਲਈ ਬਦਸੂਰਤ ਹੈ, ਅਤੇ ਇਹ ਉਹਨਾਂ ਨੂੰ ਕੋਈ ਲਾਭਦਾਇਕ ਜਾਣਕਾਰੀ ਨਹੀਂ ਦਿੰਦਾ ਹੈ. ਸਕ੍ਰੀਨ ਰੀਡਰ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਇਹ ਵੀ ਦੱਸਦੇ ਹਨ ਕਿ ਲਿੰਕ ਕਦੋਂ ਮੌਜੂਦ ਹਨ ਉਹਨਾਂ ਨੂੰ ਵੱਖਰਾ ਸਟਾਈਲ ਜਾਂ ਰੇਖਾਂਕਿਤ ਕਰਕੇ. ਇਸ ਰਸਤੇ ਵਿਚ, ਉਹ ਆਸਾਨੀ ਨਾਲ ਲੋੜੀਂਦੀ ਜਾਣਕਾਰੀ ਲੱਭ ਸਕਦੇ ਹਨ.

Adding a table

Adding a table to an HTML page is simple, ਪਰ ਅਜਿਹਾ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਤੁਹਾਨੂੰ ਕੁਝ ਗੱਲਾਂ 'ਤੇ ਵਿਚਾਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਤੁਹਾਡੇ ਟੇਬਲ ਦਾ ਪਿਛੋਕੜ ਰੰਗ ਤੁਹਾਡੇ ਵਿਜ਼ਟਰ ਦੀ ਨਜ਼ਰ ਨੂੰ ਫੜਨ ਅਤੇ ਮਹੱਤਵਪੂਰਣ ਜਾਣਕਾਰੀ ਵੱਲ ਧਿਆਨ ਖਿੱਚਣ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ. ਤੁਸੀਂ ਹੈਕਸਾ ਰੰਗ ਕੋਡ ਜਾਂ ਰੰਗ ਦੇ ਨਾਮਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਾਰਣੀ ਦੇ ਸਿਰਲੇਖ ਤੱਤ ਅਤੇ ਡੇਟਾ ਤੱਤ ਲਈ ਇੱਕ ਵੱਖਰਾ ਰੰਗ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ. ਕਿਸੇ ਵੀ ਤਰ੍ਹਾਂ, ਤੁਹਾਡੀ ਮੇਜ਼ ਆਸਾਨੀ ਨਾਲ ਦਿਖਾਈ ਦੇਵੇਗੀ.

ਤੁਸੀਂ td ਐਲੀਮੈਂਟ ਦੇ ਨਾਲ ਇੱਕ ਟੇਬਲ ਹੈਡਰ ਅਤੇ ਟੇਬਲ ਡੇਟਾ ਜੋੜ ਸਕਦੇ ਹੋ, ਜੋ ਵਿਅਕਤੀ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ “ਬਕਸੇ” ਸਮੱਗਰੀ ਲਈ. ਇੱਕ ਟੇਬਲ ਹੈਡਰ ਜੋੜਨਾ ਇੱਕ ਵੈਬਪੇਜ 'ਤੇ ਡੇਟਾ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਪਹਿਲਾ ਕਦਮ ਹੈ, ਅਤੇ ਜੇਕਰ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਤੁਹਾਨੂੰ ਪਹਿਲਾ ਜੋੜਨਾ ਚਾਹੀਦਾ ਹੈ. ਇੱਕ ਸਾਰਣੀ ਵਿੱਚ ਤਿੰਨ ਕਤਾਰ ਸਿਰਲੇਖ ਵੀ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ. ਇੱਕ ਸਿਰਲੇਖ ਖਾਲੀ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਜੇਕਰ ਤੁਹਾਡੀ ਸਾਰਣੀ ਵਿੱਚ ਕਾਲਮ ਹਨ, ਤੁਹਾਨੂੰ ਹਰੇਕ ਕਾਲਮ ਲਈ ਕਤਾਰ ਸਿਰਲੇਖ ਵੀ ਬਣਾਉਣੇ ਚਾਹੀਦੇ ਹਨ.

ਤੁਸੀਂ ਆਪਣੀ ਸਾਰਣੀ ਵਿੱਚ ਸੁਰਖੀਆਂ ਵੀ ਜੋੜ ਸਕਦੇ ਹੋ. ਕੈਪਸ਼ਨ ਇੱਕ ਵਿਕਲਪਿਕ ਤੱਤ ਹੈ ਜੋ ਸਾਰਣੀ ਦੇ ਉਦੇਸ਼ ਦਾ ਵਰਣਨ ਕਰਦਾ ਹੈ. ਕੈਪਸ਼ਨ ਵੀ ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਮਦਦਗਾਰ ਹੁੰਦੇ ਹਨ. ਸਾਰਣੀ ਵਿੱਚ ਡੇਟਾ ਦੇ ਸਮੂਹਾਂ ਦਾ ਵਰਣਨ ਕਰਨ ਵਾਲੇ ਸੈੱਲ ਵੀ ਹੋ ਸਕਦੇ ਹਨ. ਅੰਤ ਵਿੱਚ, ਤੁਸੀਂ ਕਤਾਰਾਂ ਅਤੇ ਕਾਲਮਾਂ ਦੇ ਸੈੱਟ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਥੈੱਡ ਐਲੀਮੈਂਟ ਜੋੜ ਸਕਦੇ ਹੋ. ਤੁਸੀਂ ਦੋਵੇਂ ਤੱਤ ਇਕੱਠੇ ਜਾਂ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਵਰਤ ਸਕਦੇ ਹੋ. ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਸੁਮੇਲ ਵਿੱਚ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ, ਪਰ ਸੁਰਖੀ ਸਭ ਤੋਂ ਮਹੱਤਵਪੂਰਨ ਹੈ.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. ਡਿਵ ਐਲੀਮੈਂਟ ਟੈਕਸਟ ਲਈ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਕੰਟੇਨਰ ਹੈ, ਚਿੱਤਰ, ਅਤੇ ਹੋਰ ਤੱਤ. ਤੁਸੀਂ ਇਸ ਨੂੰ ਕੁਝ ਵੀ ਨਾਮ ਦੇ ਸਕਦੇ ਹੋ ਜੋ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਤੁਹਾਡੀਆਂ ਲੋੜਾਂ ਮੁਤਾਬਕ ਇਸ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ. ਤੁਸੀਂ ਆਪਣੇ ਪੰਨੇ 'ਤੇ div ਅਤੇ ਹੋਰ ਤੱਤਾਂ ਦੇ ਵਿਚਕਾਰ ਇੱਕ ਸਪੇਸ ਬਣਾਉਣ ਲਈ ਇੱਕ ਕਲਾਸ ਜਾਂ ਹਾਸ਼ੀਆ ਵੀ ਜੋੜ ਸਕਦੇ ਹੋ.

ਤੁਸੀਂ div ਦੇ ਅੰਦਰ ਕੋਡ ਪਾਉਣ ਲਈ innerHTML ਗੁਣ ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ. ਇਹ ਵਿਧੀ ਇੱਕ ਸਤਰ ਵਿੱਚ ਬੰਦ ਕੋਡ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦੀ ਹੈ, ਅਤੇ ਜੇਕਰ ਇਹ div ਦੇ ਅੰਦਰ ਨਹੀਂ ਹੈ, ਸਮੱਗਰੀ ਨੂੰ ਹਟਾ ਦਿੱਤਾ ਜਾਵੇਗਾ. ਤੁਹਾਨੂੰ ਇਸ ਤਰੀਕੇ ਨਾਲ ਡਿਵ ਵਿੱਚ ਕੋਡ ਪਾਉਣ ਤੋਂ ਬਚਣਾ ਚਾਹੀਦਾ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਨੂੰ ਕ੍ਰਾਸ-ਸਾਈਟ ਸਕ੍ਰਿਪਟਿੰਗ ਕਮਜ਼ੋਰੀਆਂ ਦਾ ਸਾਹਮਣਾ ਕਰ ਸਕਦਾ ਹੈ. ਜੇਕਰ ਤੁਸੀਂ ਸਕ੍ਰਿਪਟਿੰਗ ਭਾਸ਼ਾ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ ਜਿਵੇਂ ਕਿ JavaScript, ਤੁਸੀਂ innerHTML ਗੁਣ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ.

ਇੱਕ div ਇੱਕ ਬੁਨਿਆਦੀ HTML ਟੈਗ ਹੈ ਜੋ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਦੇ ਅੰਦਰ ਸਮੂਹ ਕੋਡ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਇਸ ਵਿੱਚ ਇੱਕ ਪੈਰਾ ਸ਼ਾਮਲ ਹੋ ਸਕਦਾ ਹੈ, ਬਲਾਕ ਹਵਾਲਾ, ਚਿੱਤਰ, ਆਡੀਓ, ਜਾਂ ਇੱਕ ਸਿਰਲੇਖ ਵੀ. ਇਸਦੀ ਸਥਿਤੀ ਤੁਹਾਨੂੰ ਇੱਕ ਪੰਨੇ ਦੇ ਵੱਖ-ਵੱਖ ਭਾਗਾਂ ਵਿੱਚ ਇੱਕ ਸਮਾਨ ਸ਼ੈਲੀ ਅਤੇ ਭਾਸ਼ਾ ਲਾਗੂ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ. Divs ਦੀ ਵਰਤੋਂ ਸਿਮੈਂਟਿਕਸ ਨੂੰ ਮਾਰਕ ਕਰਨ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਢੰਗ ਨਾਲ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਜੋ ਲਗਾਤਾਰ ਤੱਤਾਂ ਦੇ ਸਮੂਹਾਂ ਲਈ ਆਮ ਹਨ. ਇੱਕ ਡਿਵ ਦੀ ਵਰਤੋਂ ਉਦੋਂ ਕੀਤੀ ਜਾਣੀ ਚਾਹੀਦੀ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਪੂਰੇ ਪੰਨੇ ਨੂੰ ਮੁੜ ਲਿਖਣ ਤੋਂ ਬਿਨਾਂ ਕਿਸੇ ਭਾਗ ਵਿੱਚ ਸ਼ੈਲੀ ਜੋੜਨਾ ਚਾਹੁੰਦੇ ਹੋ.