ਪ੍ਰੀ-ਫਾਰਮੈਟਡ ਟੈਕਸਟ ਕੀ ਹੈ?

ਇੱਥੇ ਤੁਹਾਡੇ HTML ਕੋਡ ਵਿੱਚ ਪੂਰਵ-ਫੌਰਮੈਟ ਕੀਤੇ ਟੈਕਸਟ ਟੈਗ ਦਾ ਉਪਯੋਗ ਕਿਵੇਂ ਕਰਨਾ ਹੈ

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

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

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

ਜ਼ਿਆਦਾਤਰ ਮਾਮਲਿਆਂ ਵਿੱਚ, ਕਿਸੇ ਵੀ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਟੈਕਸਟ ਦੀ ਆਮ ਪਰਬੰਧਨ ਬਿਲਕੁਲ ਉਹੀ ਹੈ ਜਿਸਦੀ ਤੁਹਾਨੂੰ ਜ਼ਰੂਰਤ ਹੈ, ਪਰ ਹੋਰ ਮੌਕਿਆਂ ਵਿੱਚ, ਤੁਸੀਂ ਅਸਲ ਵਿੱਚ ਵਧੇਰੇ ਨਿਯੰਤਰਣ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਪਾਠ ਦੀ ਖਾਲੀ ਥਾਂ ਕਿਵੇਂ ਅਤੇ ਕਿੱਥੇ ਰੁਕਦੀ ਹੈ

ਇਹ ਪ੍ਰੀ-ਫਾਰਮੈਟ ਟੈਕਸਟ ਵਜੋਂ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ (ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿੱਚ, ਤੁਸੀਂ ਫੌਰਮੈਟ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਦੇ ਹੋ) ਤੁਸੀਂ HTML ਪੇਜ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਆਪਣੇ ਵੈਬ ਪੇਜਾਂ ਨੂੰ ਪੂਰਵ-ਫੌਰਮੈਟ ਕੀਤਾ ਟੈਕਸਟ ਜੋੜ ਸਕਦੇ ਹੋ.

 ਟੈਗ ਵਰਤਣਾ 

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

ਇਹ ਲੇਆਉਟ ਲਈ CSS ਦਾ ਉਤਪੰਨ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਸੀ, ਜਦੋਂ ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਸੱਚਮੁੱਚ ਟੇਬਲ ਅਤੇ ਹੋਰ HTML- ਵਿਧੀ ਦੀਆਂ ਵਿਧੀਆਂ ਵਰਤ ਕੇ ਲੇਟ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਸਨ. ਇਹ (Kinda) ਵਾਪਸ ਕੰਮ ਕਰਦਾ ਹੈ ਕਿਉਂਕਿ ਪ੍ਰੀ-ਫਾਰਮੈਟ ਟੈਕਸਟ ਨੂੰ ਟੈਕਸਟ ਦੇ ਤੌਰ ਤੇ ਪ੍ਰਭਾਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਿਸ ਵਿੱਚ HTML ਰੈਂਡਰਿੰਗ ਦੀ ਬਜਾਏ ਬਣਤਰ ਨੂੰ ਟਾਈਪੋਗਰਾਫਿਕ ਕੰਨਵੈਂਸ਼ਨਜ਼ ਦੁਆਰਾ ਪ੍ਰਭਾਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ.

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

ਇੱਥੇ HTML

 ਟੈਗ ਵਰਤਣ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ: 

<ਪ੍ਰੀ> ਟਵੈਸ ਬ੍ਰਿਲਿਗ ਅਤੇ ਸਲੀਟਿ ਟੂਵਜ਼ ਨੇ ਗੀਰੇ ਅਤੇ ਗੇਮਬਲ ਨੂੰ ਵਾਬੇ ਵਿਚ ਲਿਆ

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

ਟਵਾਸ ਬ੍ਰਿਲਿਗ ਅਤੇ ਸਲੀਟੀ ਟਵੇਸ ਵੈਡੀ ਵਿਚ ਗੀਰੇ ਅਤੇ ਗੇਮਬਲ ਸਨ

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

ਟਵਾਸ ਬ੍ਰਿਲਿਗ ਅਤੇ ਸਲੀਟੀ ਟਵੇਸ ਵੈਡੀ ਵਿਚ ਗੀਰੇ ਅਤੇ ਗੇਮਬਲ ਸਨ

ਫੋਂਟ ਬਾਰੇ

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

ਜੇ ਤੁਸੀਂ ਮੂਲ ਮੋਨੋਸਪੇਸ ਦੀ ਥਾਂ ਇਕ ਹੋਰ ਫੌਂਟ ਵਰਤਣਾ ਪਸੰਦ ਕਰਦੇ ਹੋ ਤਾਂ ਜੋ ਤੁਸੀਂ ਬ੍ਰਾਉਜ਼ਰ ਡਿਸਪਲੇਸ ਨੂੰ ਵਰਤ ਸਕੋ, ਤੁਸੀਂ ਅਜੇ ਵੀ ਸਟਾਈਲ ਸ਼ੀਟਾਂ ਨਾਲ ਇਸ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ ਅਤੇ ਕੋਈ ਹੋਰ ਫੌਂਟ ਜੋ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਟੈਕਸਟ ਨੂੰ ਰੈਂਡਰ ਕਰਨ ਦੀ ਚੋਣ ਕਰੋ.

HTML5

ਇਕ ਗੱਲ ਧਿਆਨ ਵਿਚ ਰੱਖਣ ਵਾਲੀ ਗੱਲ ਇਹ ਹੈ ਕਿ, HTML5 ਵਿਚ, "ਚੌੜਾਈ" ਗੁਣ

 ਤੱਤ ਦੇ ਲਈ ਹੁਣ ਸਮਰਥਿਤ ਨਹੀਂ ਹੈ. HTML 4.01 ਵਿੱਚ, ਚੌੜਾਈ ਵਿੱਚ ਅੱਖਰਾਂ ਦੀ ਗਿਣਤੀ ਨਿਸ਼ਚਿਤ ਕੀਤੀ ਗਈ ਹੈ ਜੋ ਕਿ ਇੱਕ ਲਾਈਨ ਵਿੱਚ ਹੋਵੇਗੀ, ਪਰ ਇਹ HTML5 ਅਤੇ ਇਸ ਤੋਂ ਪਰੇ ਲਈ ਘਟਾਇਆ ਗਿਆ ਹੈ. 

2/2/17 ਤੇ ਜਰਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ