ਇੱਕ ਵੈੱਬਸਾਈਟ ਬਣਾਉਣ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਬੇਸਿਕ HTML ਸਿੱਖੋ
ਆਪਣੀ ਵੈਬ ਸਾਈਟ ਨੂੰ ਬਣਾਉਣ ਲਈ ਬੁਨਿਆਦੀ HTML ਸਿੱਖੋ ਮੁੱਢਲੀ ਐਚ ਟੀ ਐਲ ਸਿੱਖਣਾ ਮੁਸ਼ਕਿਲ ਨਹੀਂ ਹੈ. ਜੇ ਤੁਸੀਂ ਆਪਣੀ ਨਿੱਜੀ ਵੈਬਸਾਈਟ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ HTML ਸਿੱਖਣਾ ਸ਼ਾਇਦ ਸਭ ਤੋਂ ਮਹੱਤਵਪੂਰਣ ਗੱਲ ਹੈ ਜੋ ਤੁਸੀਂ ਕਦੇ ਕਰ ਸਕੋਗੇ. ਤੁਹਾਨੂੰ ਚੰਗੇ ਪੰਨਿਆਂ ਨੂੰ ਤਿਆਰ ਕਰਨ ਲਈ HTML ਸਿੱਖਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿਉਂਕਿ ਇਹ ਉਹ ਭਾਸ਼ਾ ਹੈ ਜਿਸ ਵਿੱਚ ਇੰਟਰਨੈਟ ਤੇ ਵੈਬ ਸਾਈਟ ਤੇ ਆਧਾਰਿਤ ਹਨ
ਵੈਬ ਸਾਈਟਾਂ ਤੁਹਾਡੇ ਜੀਵਨ ਵਿਚ ਕਿਸੇ ਚੀਜ਼ ਨੂੰ ਦਿਖਾਉਣ ਦਾ ਵਧੀਆ ਤਰੀਕਾ ਹੈ. ਬੇਸਿਕ HTML ਤੁਹਾਨੂੰ ਸੰਸਾਰ ਦਿਖਾਏਗਾ ਜੋ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਆਪਣੀ ਵੈਬਸਾਈਟ ਤੇ ਦਿਖਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋਵੋ ਰੰਗਾਂ ਨੂੰ ਜੋੜਨਾ, ਟੈਕਸਟ ਦਾ ਆਕਾਰ ਬਦਲਣਾ ਅਤੇ ਆਪਣੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਤਸਵੀਰਾਂ ਸਮੇਤ ਕੁਝ ਹੀ ਗੱਲਾਂ ਹਨ ਜਿਹੜੀਆਂ ਤੁਸੀਂ ਕਰ ਸਕਦੇ ਹੋ ਜਦੋਂ ਤੁਸੀਂ ਮੁੱਢਲੀ HTML ਸਿੱਖਦੇ ਹੋ
ਬੇਸਿਕ HTML ਸਿੱਖਣ ਲਈ ਤੁਹਾਨੂੰ ਇਹ ਗੱਲ ਧਿਆਨ ਵਿੱਚ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਇਹ ਕੇਵਲ ਇੱਕ ਲੜੀ ਦੀ ਲੜੀ ਹੈ ਜੋ ਕਿ ਅਸਲ ਵਿੱਚ ਉਹ ਕੀ ਲਈ ਖੜ੍ਹੇ ਹਨ. ਉਦਾਹਰਨ ਲਈ, H1 ਪੈਰਾਗ੍ਰਾਫ ਲਈ ਸਿਰਲੇਖ ਹੈ ਜੋ ਪੰਜ ਆਕਾਰਾਂ ਵਿੱਚੋਂ ਪਹਿਲਾ ਹੈ ਅਤੇ BR ਇਕ ਲਾਈਨ ਬ੍ਰੇਕ ਹੈ.
ਯਾਦ ਰੱਖਣ ਵਾਲੀ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਗੱਲ ਇਹ ਹੈ ਕਿ ਜਦੋਂ ਤੁਸੀਂ ਮੁੱਢਲੀ ਐੱਚਐੱਮ ਟੀ ਐੱਮ ਐਲ ਐਮ ਐਲ ਟੀ ਐੱਮ ਐਲ ਐਮ ਐਲ ਟੀ ਐੱਮ ਐਲ ਐਮ ਐਲ ਟੀ ਐੱਮ ਐੱਮ ਟੀ ਐੱਮ ਐੱਮ ਟੀ ਐੱਮ ਐੱਮ ਟੀ ਐੱਫ ਐੱਮ ਟੀ ਐੱਫ ਐੱਮ ਟੀ ਐੱਫ. ਇੱਕ ਅਖੀਰੀ ਟੈਗ ਬਸ ਸ਼ੁਰੂਆਤ ਟੈਗ ਦੇ ਰੂਪ ਵਿੱਚ ਇੱਕੋ ਜਿਹਾ ਹੁੰਦਾ ਹੈ ਸਿਵਾਏ ਕਿ ਇਹ / ਪ੍ਰਤੀਰੂਪ ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਇੱਕ ਹੈਡਿੰਗ ਇਸ ਹੈਡਿੰਗ ਇਥੇ H1>
ਵਰਗੀ ਦਿਖਾਈ ਦੇਵੇਗੀ. ਇੱਕ ਸ਼ੁਰੂਆਤੀ ਟੈਗ ਹੈ, H1 , ਹੈਡਿੰਗ, ਅਤੇ ਇੱਕ ਅੰਤ ਟੈਗ, / H1
ਬੁਨਿਆਦੀ HTML ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਜਾਣੋ ਅਤੇ ਯਾਦ ਰੱਖੋ ਕਿ ਟੈਗਸ ਇੱਕ ਖਾਸ ਕ੍ਰਮ ਵਿੱਚ ਆਉਂਦੇ ਹਨ. ਇੱਕ ਵੈਬ ਪੇਜ ਦਾ ਬੁਨਿਆਦੀ ਢਾਂਚਾ ਇਸ ਪ੍ਰਕਾਰ ਹੈ:
ਇੱਥੇ ਤੁਸੀਂ ਮਹੱਤਵਪੂਰਨ ਦਸਤਾਵੇਜ਼ ਜਾਣਕਾਰੀ ਜਿਵੇਂ ਕਿ ਫ੍ਰੇਮ, ਭਾਸ਼ਾ, ਅਤੇ ਖ਼ਾਸ ਨਿਰਦੇਸ਼ ਪਾ ਸਕਦੇ ਹੋ.
HEAD>
<ਬੌਡੀ> ਇੱਥੇ ਆਪਣੀ ਕਹਾਣੀ, ਤਸਵੀਰਾਂ, ਲਿੰਕ ਅਤੇ ਹੋਰ ਸਭ ਕੁਝ ਪਾਓ.
ਤੁਹਾਡੇ ਅਨੁਛੇਦ ਦਾ ਸਿਰਲੇਖ H1>
ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੇ ਦਸਤਾਵੇਜ਼ ਦਾ ਪਾਠ ਦਰਜ ਕਰਦੇ ਹੋ. P>
ਇਹ ਲਿੰਕ ਨੂੰ ਕਿਵੇਂ ਲਿਖਣਾ ਹੈ:
http://www.nameofpage.com "> ਟਾਈਟਲ ਜਾਂ ਤੁਸੀਂ ਕੀ ਕਹਿਣਾ ਚਾਹੁੰਦੇ ਹੋ
BODY>
HTML>
ਤੁਸੀਂ ਇੱਕ ਵਾਕ ਦੇ ਮੱਧ ਵਿੱਚ ਲਿੰਕ ਵੀ ਦਰਜ ਕਰ ਸਕਦੇ ਹੋ. ਜੇ ਤੁਸੀਂ ਇਹ ਕਹਿਣਾ ਚਾਹੁੰਦੇ ਹੋ "ਮਾਈਕ੍ਰੋਸਾਫਟ ਦੇ ਕੁਝ ਸ਼ਾਨਦਾਰ ਡੈਮੋ ਹਨ." ਇਹ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਵੇਗਾ:
ਤੁਸੀਂ ਨਾ ਸਿਰਫ ਹੋਰ ਪੰਨਿਆਂ ਲਈ ਲਿੰਕ ਬਣਾ ਸਕਦੇ ਹੋ ਪਰ ਤੁਸੀਂ ਉਸੇ ਸਫ਼ੇ ਤੇ ਕਿਸੇ ਹੋਰ ਸਥਾਨ ਦੇ ਲਿੰਕ ਵੀ ਬਣਾ ਸਕਦੇ ਹੋ. ਜੇ ਮੈਂ ਚਾਹੁੰਦਾ ਸਾਂ ਕਿ ਤੁਸੀਂ ਇਸ ਲੇਖ ਦੀ ਸ਼ੁਰੂਆਤ ਤੇ ਵਾਪਸ ਜਾਓ ਤਾਂ ਮੈਂ "ਜਾਓ ਵਾਪਸ" ਅਤੇ "ਹਾਈਪਰਲਿੰਕ" ਤੇ ਕਲਿਕ ਕਰਕੇ ਕੁਝ ਲਿਖਾਂਗਾ ਕਿ ਤੁਸੀਂ ਸ਼ੁਰੂਆਤ ਤੇ ਵਾਪਸ ਚਲੇ ਜਾਵੋਗੇ. ਇਹ ਇੱਕ ਹੋਰ ਬਹੁਤ ਮੁਸ਼ਕਲ ਹੈ ਕਿਉਂਕਿ ਇਸਦੇ ਦੋ ਭਾਗ ਹਨ ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਤੁਸੀਂ ਆਪਣਾ ਲਿੰਕ ਬਣਾਉਗੇ:
HREF = " ਨਾਮ ਦੇ ਫ਼ੌਰਮੈਟ # ਤਾਰੇ ਕਰੋ
ਸ਼ਬਦ "ਉੱਥੇ" ਸ਼ਬਦ ਹੈ ਜਿਸਨੂੰ ਮੈਂ ਤੁਹਾਨੂੰ ਵਾਪਸ ਲੈਣਾ ਚਾਹੁੰਦਾ ਹਾਂ, ਇਸ ਲਈ ਹੁਣ ਮੈਨੂੰ ਇਸ ਸ਼ਬਦ 'ਤੇ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਬਣਾਉਣਾ ਅਤੇ ਲੰਗਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਇਸ ਲਈ ਜੋ ਮੈਂ ਬਣਾਈ ਹੈ ਉਹ ਜਾਣਦਾ ਹੈ ਕਿ ਕਿੱਥੇ ਜਾਣਾ ਹੈ:
ਜਦੋਂ ਤੁਸੀਂ ਮੁੱਢਲੀ ਐੱਚਐਮਐਮਏ ਸਿੱਖ ਲੈਂਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਆਪਣੀ ਵੈਬ ਸਾਈਟ ਨੂੰ ਟੈਕਸਟ ਐਡੀਟਰ ਵਿੱਚ ਲਿਖ ਸਕਦੇ ਹੋ ਜੋ ਵਿੰਡੋਜ਼ ਨਾਲ ਆਉਂਦੀ ਹੈ, ਨੋਟਟੈਬ ਅਤੇ ਅਰਾਕਨੋਫਿਲਿਆ ਵਰਗੇ ਪ੍ਰੋਗਰਾਮਾਂ, ਜਾਂ ਤੁਹਾਡੇ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਨਾਲ ਆਉਂਦੀ ਹੈ . ਕਿਸੇ ਵੀ ਤਰੀਕੇ ਨਾਲ ਜੇਕਰ ਤੁਸੀਂ ਨਿਯਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰਦੇ ਹੋ ਜਦੋਂ ਤੁਸੀਂ ਮੁੱਢਲੀ ਐੱਚ.ਐੱਮ. ਆਈ. ਵੀ. ਕਰਦੇ ਹੋ ਤਾਂ ਸਭ ਕੁਝ ਠੀਕ ਹੋ ਜਾਵੇਗਾ.
ਬੇਸਿਕ HTML ਟੈਗਸ
- ਲੇਖਕ ਨੇ ਬ੍ਰਾਉਜ਼ਰ ਦੁਆਰਾ ਨਹੀਂ ਦੇਖਿਆ
... HTML> - ਇਸ ਟੈਗ ਦਾ ਉਪਯੋਗ ਕਰਕੇ ਹਮੇਸ਼ਾ ਆਪਣੇ ਪੰਨੇ ਨੂੰ ਸ਼ੁਰੂ ਅਤੇ ਖ਼ਤਮ ਕਰੋ
... HEAD> - ਦਸਤਾਵੇਜ਼ ਲਈ ਹੈਡਰ
... BODY> - ਦਸਤਾਵੇਜ਼ ਦਾ ਸਰੀਰ.
... H1>
- ਸਭ ਤੋਂ ਵੱਡਾ ਸਿਰਲੇਖ ਦਾ ਆਕਾਰ.
... H2>
- ਛੋਟਾ ਸਿਰਲੇਖ ਦਾ ਆਕਾਰ.
... H3>
- ਮੱਧਮ ਛੋਟਾ ਸਿਰਲੇਖ ਅਕਾਰ.
... H4>
- ਮੱਧਮ-ਵੱਡਾ ਸਿਰਲੇਖ ਅਕਾਰ
... H5>
- ਵੱਡਾ ਹੈਡਿੰਗ ਦਾ ਆਕਾਰ.
... H6>
- ਵੱਡਾ ਸਿਰਲੇਖ ਦਾ ਆਕਾਰ.
... - ਇੱਕ ਹਾਈਪਰਟੈਕਸਟ ਲਿੰਕ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ
... ADDRESS> - ਲੇਖਕ ਬਾਰੇ ਜਾਣਕਾਰੀ.
... BLOCKQUOTE>
- ਲੰਮੀ ਕੋਟਸ
... PRE>
- ਪ੍ਰੀਫੌਰਮੈਟ ਕੀਤੇ ਪਾਠ.
- ਫਾਰਮ ਬਲਾਕ
- ਪਾਠ ਦਰਜ ਕਰਨ ਲਈ ਇੱਕ ਖ਼ਾਤਾ ਤਿਆਰ ਕਰਦਾ ਹੈ .
- ਇੱਕ ਸਕਰੋਲਿੰਗ ਮੀਨੂ ਬਣਾਉਂਦਾ ਹੈ.
- ਚੁਣਨ ਲਈ ਆਈਟਮਾਂ ਤਿਆਰ ਕਰਦਾ ਹੈ.
... OL>
- ਆਰਡਰ ਕੀਤੀ ਸੂਚੀ.
ਇੱਕ ਆਰਡਰ ਦੀ ਸੂਚੀ ਦਾ ਉਦਾਹਰਨ:
- ਲਾਲ
- ਨੀਲਾ
- ਹਰਾ
... UL>
- ਅਨੋਰਡ ਸੂਚੀ.
ਇੱਕ ਅਣ-ਸੂਚੀਬੱਧ ਸੂਚੀ ਦਾ ਉਦਾਹਰਨ:
- ਲਾਲ
- ਨੀਲਾ
- ਹਰਾ
- ਮੇਨੂ ਸੂਚੀ
... DL>
- ਸ਼ਬਦਕੋਸ਼ ਸੂਚੀ.
... CITE> - Citation.
... CODE>
- ਕੋਡ ਫੌਂਟ.
... DFN> - ਪਰਿਭਾਸ਼ਿਤ ਮਿਆਦ
<ਈਐਮ> ... EM> - ਜ਼ੋਰ
ਲਾਲ ਤੇ ਜ਼ੋਰ ਦੇਣ ਦਾ ਉਦਾਹਰਣ:
ਲਾਲ, ਨੀਲਾ, ਹਰਾ
... I> - ਇਟੈਲਿਕ
ਇਟਾਲਿਕ ਦਾ ਉਦਾਹਰਣ:
ਲਾਲ, ਨੀਲਾ, ਹਰਾ
... KBD> - ਕੀਬੋਰਡ ਟੈਕਸਟ
... SAMP> - ਨਮੂਨਾ ਪਾਠ.
... STRONG> - ਮਜ਼ਬੂਤ ਜ਼ੋਰ
ਮਜ਼ਬੂਤ ਜ਼ੋਰ ਦਾ ਉਦਾਹਰਣ:
ਲਾਲ, ਨੀਲਾ, ਹਰਾ
... TT> - ਟਾਈਪਰਾਇਟਰ ਟੈਕਸਟ
... VAR> - ਅਸਥਿਰ
... B> - ਬੋਲਡ
- ਦਸਤਾਵੇਜ਼ ਦਾ ਵਰਣਨ ਕਰਦਾ ਹੈ
- ਲਾਈਨ ਬ੍ਰੇਕ
- ਹਰੀਜ਼ਟਲ ਲਾਈਨ.
- ਚਿੱਤਰ.
- ਪੈਰਾਗ੍ਰਾਫ
- ਸੂਚੀ ਆਈਟਮ
- ਇੱਕ ਸੂਚੀ ਵਿੱਚ ਇੱਕ ਸ਼ਬਦ ਨਿਸ਼ਚਤ ਕਰਦਾ ਹੈ
- ਸੂਚੀ ਵਿੱਚ ਪਰਿਭਾਸ਼ਾ ਨੂੰ ਨਿਸ਼ਚਤ ਕਰਦਾ ਹੈ