ਤੁਹਾਡੇ ਪੰਨੇ ਤੇ ਡਿਜ਼ਾਇਨ ਭਾਗ ਬਣਾਉਣਾ
ਸਿਰਲੇਖ ਤੁਹਾਡੀ ਟੈਕਸਟ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰਨ, ਉਪਯੋਗੀ ਵੰਡਵਾਂ ਬਣਾਉਣ ਅਤੇ ਖੋਜ ਇੰਜਣ ਲਈ ਆਪਣੇ ਵੈਬਪੇਜ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣ ਲਈ ਇੱਕ ਉਪਯੋਗੀ ਤਰੀਕਾ ਹਨ. ਤੁਸੀਂ HTML ਸਿਰਲੇਖ ਟੈਗਸ ਵਰਤਦੇ ਹੋਏ ਸਿਰਲੇਖ ਆਸਾਨੀ ਨਾਲ ਬਣਾ ਸਕਦੇ ਹੋ. ਤੁਸੀਂ ਆਪਣੇ ਪਾਠ ਦੀ ਦਿੱਖ ਨੂੰ ਗੂੜ੍ਹੇ ਅਤੇ ਤਿਰਛੇ ਪੱਤਰਾਂ ਨਾਲ ਬਦਲ ਸਕਦੇ ਹੋ.
ਹੈਡਿੰਗਜ਼
ਹੈਡਿੰਗ ਟੈਗ ਤੁਹਾਡੇ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਵੰਡਣ ਦਾ ਸੌਖਾ ਤਰੀਕਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਆਪਣੀ ਸਾਈਟ ਨੂੰ ਅਖ਼ਬਾਰ ਮੰਨਦੇ ਹੋ, ਤਾਂ ਸਿਰਲੇਖ ਅਖ਼ਬਾਰਾਂ ਦੀਆਂ ਸੁਰਖੀਆਂ ਹਨ. ਮੁੱਖ ਸਿਰਲੇਖ ਇੱਕ h1 ਹੈ ਅਤੇ ਅਗਲੇ ਸਿਰਲੇਖਾਂ h2 ਦੁਆਰਾ h2 ਹਨ.
HTML ਨੂੰ ਬਣਾਉਣ ਲਈ ਹੇਠ ਲਿਖੇ ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰੋ
ਇਹ ਹੈਡਿੰਗ 1 ਹੈਡਿੰਗ 2 ਹੈ ਇਹ ਹੈਡਿੰਗ 3 ਹੈ ਇਹ ਹੈਡਿੰਗ 4 ਹੈ ਇਹ ਹੈਡਿੰਗ ਹੈ 5 ਇਹ ਹੈਡਿੰਗ 6 ਹੈ ਯਾਦ ਰੱਖਣ ਲਈ ਸੁਝਾਅ
- ਆਪਣੇ ਸਿਰਲੇਖ ਨੂੰ ਤਰਕਪੂਰਣ ਕ੍ਰਮ ਵਿੱਚ ਰੱਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ, h1 h2 ਤੋਂ ਪਹਿਲਾਂ ਆਉਂਦੀ ਹੈ, ਜੋ h3 ਤੋਂ ਪਹਿਲਾਂ ਆਉਂਦੀ ਹੈ, ਅਤੇ ਹੋਰ.
- ਸਿਰਲੇਖਾਂ ਨੂੰ ਕਿਵੇਂ ਦਿੱਸਦਾ ਹੈ ਇਸ ਬਾਰੇ ਬਹੁਤ ਜ਼ਿਆਦਾ ਚਿੰਤਾ ਨਾ ਕਰੋ - ਤੁਹਾਨੂੰ ਸਿਰਲੇਖ ਨੂੰ ਕ੍ਰਮਵਾਰ ਤੋਂ ਬਾਹਰ ਕਰਨ ਦੀ ਬਜਾਏ CSS ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਲੋੜ ਹੈ.
- ਸਿਰਲੇਖ ਟੈਗਸ ਬਲਾਕ-ਪੱਧਰ ਦੇ ਤੱਤ ਹਨ , ਇਸ ਲਈ ਉਹਨਾਂ ਨੇ ਤੁਹਾਡੇ ਲਈ ਲਾਈਨ ਬ੍ਰੇਕਸ ਵਿੱਚ ਰੱਖਿਆ ਹੈ. ਸਿਰਲੇਖ ਟੈਗਸ ਦੇ ਅੰਦਰ ਪੀ ਟੈਗ ਨਾ ਲਗਾਓ.
ਬੋਲਡ ਅਤੇ ਇਟੈਲਿਕ
ਇਹ ਹੈਡਿੰਗ 3 ਹੈ ਇਹ ਹੈਡਿੰਗ 4 ਹੈ ਇਹ ਹੈਡਿੰਗ ਹੈ 5 ਇਹ ਹੈਡਿੰਗ 6 ਹੈ ਯਾਦ ਰੱਖਣ ਲਈ ਸੁਝਾਅ
- ਆਪਣੇ ਸਿਰਲੇਖ ਨੂੰ ਤਰਕਪੂਰਣ ਕ੍ਰਮ ਵਿੱਚ ਰੱਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ, h1 h2 ਤੋਂ ਪਹਿਲਾਂ ਆਉਂਦੀ ਹੈ, ਜੋ h3 ਤੋਂ ਪਹਿਲਾਂ ਆਉਂਦੀ ਹੈ, ਅਤੇ ਹੋਰ.
- ਸਿਰਲੇਖਾਂ ਨੂੰ ਕਿਵੇਂ ਦਿੱਸਦਾ ਹੈ ਇਸ ਬਾਰੇ ਬਹੁਤ ਜ਼ਿਆਦਾ ਚਿੰਤਾ ਨਾ ਕਰੋ - ਤੁਹਾਨੂੰ ਸਿਰਲੇਖ ਨੂੰ ਕ੍ਰਮਵਾਰ ਤੋਂ ਬਾਹਰ ਕਰਨ ਦੀ ਬਜਾਏ CSS ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਲੋੜ ਹੈ.
- ਸਿਰਲੇਖ ਟੈਗਸ ਬਲਾਕ-ਪੱਧਰ ਦੇ ਤੱਤ ਹਨ , ਇਸ ਲਈ ਉਹਨਾਂ ਨੇ ਤੁਹਾਡੇ ਲਈ ਲਾਈਨ ਬ੍ਰੇਕਸ ਵਿੱਚ ਰੱਖਿਆ ਹੈ. ਸਿਰਲੇਖ ਟੈਗਸ ਦੇ ਅੰਦਰ ਪੀ ਟੈਗ ਨਾ ਲਗਾਓ.
ਬੋਲਡ ਅਤੇ ਇਟੈਲਿਕ
ਇਹ ਹੈਡਿੰਗ ਹੈ 5 ਇਹ ਹੈਡਿੰਗ 6 ਹੈ ਯਾਦ ਰੱਖਣ ਲਈ ਸੁਝਾਅ
- ਆਪਣੇ ਸਿਰਲੇਖ ਨੂੰ ਤਰਕਪੂਰਣ ਕ੍ਰਮ ਵਿੱਚ ਰੱਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ, h1 h2 ਤੋਂ ਪਹਿਲਾਂ ਆਉਂਦੀ ਹੈ, ਜੋ h3 ਤੋਂ ਪਹਿਲਾਂ ਆਉਂਦੀ ਹੈ, ਅਤੇ ਹੋਰ.
- ਸਿਰਲੇਖਾਂ ਨੂੰ ਕਿਵੇਂ ਦਿੱਸਦਾ ਹੈ ਇਸ ਬਾਰੇ ਬਹੁਤ ਜ਼ਿਆਦਾ ਚਿੰਤਾ ਨਾ ਕਰੋ - ਤੁਹਾਨੂੰ ਸਿਰਲੇਖ ਨੂੰ ਕ੍ਰਮਵਾਰ ਤੋਂ ਬਾਹਰ ਕਰਨ ਦੀ ਬਜਾਏ CSS ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਲੋੜ ਹੈ.
- ਸਿਰਲੇਖ ਟੈਗਸ ਬਲਾਕ-ਪੱਧਰ ਦੇ ਤੱਤ ਹਨ , ਇਸ ਲਈ ਉਹਨਾਂ ਨੇ ਤੁਹਾਡੇ ਲਈ ਲਾਈਨ ਬ੍ਰੇਕਸ ਵਿੱਚ ਰੱਖਿਆ ਹੈ. ਸਿਰਲੇਖ ਟੈਗਸ ਦੇ ਅੰਦਰ ਪੀ ਟੈਗ ਨਾ ਲਗਾਓ.
ਬੋਲਡ ਅਤੇ ਇਟੈਲਿਕ
ਯਾਦ ਰੱਖਣ ਲਈ ਸੁਝਾਅ
- ਆਪਣੇ ਸਿਰਲੇਖ ਨੂੰ ਤਰਕਪੂਰਣ ਕ੍ਰਮ ਵਿੱਚ ਰੱਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ, h1 h2 ਤੋਂ ਪਹਿਲਾਂ ਆਉਂਦੀ ਹੈ, ਜੋ h3 ਤੋਂ ਪਹਿਲਾਂ ਆਉਂਦੀ ਹੈ, ਅਤੇ ਹੋਰ.
- ਸਿਰਲੇਖਾਂ ਨੂੰ ਕਿਵੇਂ ਦਿੱਸਦਾ ਹੈ ਇਸ ਬਾਰੇ ਬਹੁਤ ਜ਼ਿਆਦਾ ਚਿੰਤਾ ਨਾ ਕਰੋ - ਤੁਹਾਨੂੰ ਸਿਰਲੇਖ ਨੂੰ ਕ੍ਰਮਵਾਰ ਤੋਂ ਬਾਹਰ ਕਰਨ ਦੀ ਬਜਾਏ CSS ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਲੋੜ ਹੈ.
- ਸਿਰਲੇਖ ਟੈਗਸ ਬਲਾਕ-ਪੱਧਰ ਦੇ ਤੱਤ ਹਨ , ਇਸ ਲਈ ਉਹਨਾਂ ਨੇ ਤੁਹਾਡੇ ਲਈ ਲਾਈਨ ਬ੍ਰੇਕਸ ਵਿੱਚ ਰੱਖਿਆ ਹੈ. ਸਿਰਲੇਖ ਟੈਗਸ ਦੇ ਅੰਦਰ ਪੀ ਟੈਗ ਨਾ ਲਗਾਓ.
ਬੋਲਡ ਅਤੇ ਇਟੈਲਿਕ
ਇੱਥੇ ਚਾਰ ਟੈਗ ਹਨ ਜੋ ਤੁਸੀਂ ਬੋਲਡ ਅਤੇ ਇਟੈਲਿਕ ਲਈ ਵਰਤ ਸਕਦੇ ਹੋ:
- ਅਤੇ ਬੋਲਡ ਲਈ
- ਅਤੇ ਇਟੈਲਿਕ ਲਈ
ਇਸ ਗੱਲ ਦਾ ਕੋਈ ਫ਼ਰਕ ਨਹੀਂ ਪੈਂਦਾ ਕਿ ਤੁਸੀਂ ਕਿਸਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ. ਜਦੋਂ ਕਿ ਕੁਝ ਨੂੰ ਅਤੇ ਪਸੰਦ ਕਰਦੇ ਹਨ, ਪਰ ਬਹੁਤ ਸਾਰੇ ਲੋਕ "ਬੋਤਲ" ਅਤੇ ਇਟਾਲੀਿਕ ਲਈ ਨੂੰ ਯਾਦ ਕਰਨ ਲਈ ਸੌਖਾ ਕਰਦੇ ਹਨ.
ਪਾਠ ਨੂੰ ਗੂੜ੍ਹੇ ਅਤੇ ਤਿਰਛੇ ਬਣਾਉਣ ਲਈ, ਸਿਰਫ ਉਦਘਾਟਨ ਅਤੇ ਬੰਦ ਹੋਣ ਵਾਲੇ ਟੈਗਾਂ ਨਾਲ ਆਪਣੇ ਪਾਠ ਨੂੰ ਘੇਰਾਓ:
<ਬੋ = bold ਇਟਾਲੀਕਤੁਸੀਂ ਇਹਨਾਂ ਟੈਗਾਂ ਦਾ ਨਿਚੋੜ ਕਰ ਸਕਦੇ ਹੋ (ਜਿਸਦਾ ਅਰਥ ਹੈ ਕਿ ਤੁਸੀਂ ਪਾਠ ਦੋਨੋ ਗੂੜ੍ਹੇ ਅਤੇ ਤਿਰਛੇ ਬਣਾ ਸਕਦੇ ਹੋ) ਅਤੇ ਇਹ ਕੋਈ ਫਰਕ ਨਹੀਂ ਪੈਂਦਾ ਕਿ ਬਾਹਰਲਾ ਜਾਂ ਅੰਦਰਲਾ ਟੈਗ ਕਿਹੜਾ ਹੈ
ਉਦਾਹਰਣ ਲਈ:
ਇਹ ਪਾਠ ਬੋਲਡ ਹੈ
ਇਹ ਪਾਠ ਦਲੇਰ ਹੈਇਹ ਪਾਠ ਤਿਰਛੇ ਵਿੱਚ ਹੈ
ਇਹ ਪਾਠ ਤਿਰਛੇ ਹੈਇਹ ਪਾਠ ਦੋਨੋ ਗੂੜ੍ਹੇ ਅਤੇ ਤਿਰਛੇ ਹੈ
ਇਹ ਟੈਕਸਟ ਬੋਲਡ ਅਤੇ ਇਟਾਲਿਕ ਦੋਨੋ ਹੈਬੋਲਡ ਅਤੇ ਇਟਾਲਿਕ ਟੈਗਸ ਦੇ ਦੋ ਸੈੱਟ ਕਿਉਂ ਹਨ?
HTML4 ਵਿੱਚ, ਅਤੇ ਟੈਗਸ ਸਟਾਇਲ ਟੈਗਸ ਨੂੰ ਮੰਨੇ ਜਾਂਦੇ ਸਨ ਜੋ ਸਿਰਫ ਪਾਠ ਦੀ ਦਿੱਖ 'ਤੇ ਪ੍ਰਭਾਵ ਪਾਉਂਦੇ ਸਨ ਅਤੇ ਟੈਗ ਦੇ ਸੰਬਧਨਾਂ ਬਾਰੇ ਕੁਝ ਨਹੀਂ ਕਿਹਾ, ਅਤੇ ਇਸ ਨੂੰ ਵਰਤਣ ਲਈ ਮਾੜੇ ਰੂਪ ਮੰਨੇ ਜਾਂਦੇ ਸਨ. ਫਿਰ, HTML5 ਦੇ ਨਾਲ, ਉਹਨਾਂ ਨੂੰ ਪਾਠ ਦੀ ਦਿੱਖ ਤੋਂ ਬਾਹਰ ਇੱਕ ਸਿਥਾਰਿਕ ਅਰਥ ਦਿੱਤੇ ਗਏ ਸਨ
HTML5 ਵਿੱਚ ਇਹਨਾਂ ਟੈਗਾਂ ਦੇ ਖਾਸ ਮਤਲਬ ਹੁੰਦੇ ਹਨ:
- ਪਾਠ ਨੂੰ ਸੰਕੇਤ ਕਰਦਾ ਹੈ ਜੋ ਆਲੇ ਦੁਆਲੇ ਦੇ ਪਾਠ ਤੋਂ ਵੱਧ ਮਹੱਤਵਪੂਰਨ ਨਹੀਂ ਹੁੰਦਾ, ਪਰ ਆਮ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਪ੍ਰਸਤੁਤੀ ਇੱਕ ਗੂੜ੍ਹੀ ਪਾਠ ਹੁੰਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਸਾਰਾਂਸ਼ ਜਾਂ ਉਤਪਾਦਾਂ ਦੇ ਨਾਂ ਦੀ ਸਮੀਖਿਆ.
- ਪਾਠ ਨੂੰ ਸੰਕੇਤ ਕਰਦਾ ਹੈ ਜੋ ਆਲੇ ਦੁਆਲੇ ਦੇ ਪਾਠ ਤੋਂ ਜ਼ਿਆਦਾ ਮਹੱਤਵਪੂਰਨ ਨਹੀਂ ਹੁੰਦਾ, ਪਰ ਖਾਸ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਪ੍ਰਸਤੁਤਤਾ ਇਟਾਲੀਿਕ ਪਾਠ ਹੈ, ਜਿਵੇਂ ਕਿ ਕਿਤਾਬ ਦਾ ਸਿਰਲੇਖ, ਤਕਨੀਕੀ ਸ਼ਬਦ ਜਾਂ ਕਿਸੇ ਹੋਰ ਭਾਸ਼ਾ ਵਿੱਚ ਵਾਕੰਸ਼
- ਪਾਠ ਨੂੰ ਸੰਕੇਤ ਕਰਦਾ ਹੈ ਜਿਸਦੀ ਆਲੇ ਦੁਆਲੇ ਦੇ ਪਾਠ ਦੀ ਤੁਲਨਾ ਵਿਚ ਬਹੁਤ ਜ਼ਿਆਦਾ ਮਹੱਤਤਾ ਹੈ.
- ਪਾਠ ਨੂੰ ਸੰਕੇਤ ਕਰਦਾ ਹੈ ਜਿਸ ਦੇ ਆਲੇ ਦੁਆਲੇ ਦੇ ਪਾਠ ਦੀ ਤੁਲਨਾ ਵਿੱਚ ਜ਼ੋਰਦਾਰ ਤਣਾਓ ਹੁੰਦਾ ਹੈ.