HTML ਫਾਰਮੈਟਿੰਗ (Formatting) ਵੈੱਬ ਪੇਜਾਂ ਦੀ ਬਿਹਤਰ ਦਿੱਖ ਲਈ ਟੈਕਸਟ ਨੂੰ ਫਾਰਮੇਟ ਕਰਨ ਦੀ ਇੱਕ ਪ੍ਰਕਿਰਿਆ ਹੈ। HTML ਸਾਨੂੰ CSS (ਕਾਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ) ਦੀ ਵਰਤੋਂ ਕੀਤੇ ਬਿਨਾਂ ਵੀ ਟੈਕਸਟ ਨੂੰ ਫਾਰਮੈਟ ਕਰਨ ਦੀ ਯੋਗਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। HTML ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਟੈਗਜ਼ ਅਤੇ ਐਟਰੀਬਿਊਟਸ ਮੌਜੂਦ ਹਨ ਜੋ ਵੈੱਬਪੇਜ਼ ਦੇ ਕੰਟੈਂਟਸ ਫਾਰਮੇਟ ਕਰਨ ਵਿੱਚ ਸਾਡੀ ਸਹਾਇਤਾ ਕਰਦੇ ਹਨ। HTML ਵਿੱਚ ਵਾਰਮੈਟਿੰਗ ਲਈ ਆਮ ਤੌਰ ਤੇ ਵਰਤ ਜਾਣ ਵਾਲੇ ਟੈਗਜ਼ ਅਤੇ ਐਂਟਰੀਬਿਊਟਸ ਦਾ ਵਰਣਨ ਹੇਠਾਂ ਕੀਤਾ ਗਿਆ ਹੈ :
Bold, ਇਟੈਲਿਕ, ਅੰਡਰਲਾਈਨ ਅਤੇ ਸਟ੍ਰਾਈਕਰੋ (Bold, Italic, Underline und Strikethrough) :
HTML ਸਾਨੂੰ ਟੈਕਸਟ ਉੱਪਰ ਉਸੇ ਤਰ੍ਹਾਂ ਦੀ ਫਾਰਮੇਟਿੰਗ ਲਾਗੂ ਕਰਨ ਦੀ ਯੋਗਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜਿਵੇਂ ਅਸੀਂ MS Word ਜਾਂ ਕਿਸੇ ਵੀ ਹੋਰ ਟੈਕਸਟ ਐਡੀਟਿੰਗ ਸਾਫਟਵੇਅਰ ਵਿੱਚ ਕਰਦੇ ਹਾਂ।ਹੇਠਾ ਦਿੱਤੇ ਟੰਗਜ਼ ਦੀ ਵਰਤੋਂ ਨਾਲ ਟੈਕਸਟ ਉੱਪਰ ਸਾਧਾਰਣ ਫਾਰਮੇਟਿੰਗ ਇਫੈਕਟਸ ਲਾਗੂ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ:
- Bold (ਬੋਲਡ): <b> ਟੈਗ ਦੀ ਵਰਤੋਂ ਟੈਕਸਟ ਉੱਪਰ ਬੋਲਡ ਇਫੈਕਟ ਲਾਗੂ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਹ ਇੱਕ ਪੇਅਰਡ ਟੈਗ ਹੈ। ਕੋਈ ਵੀ ਟੈਕਸਟ ਜੋ <b> </b> ਐਲੀਮੈਂਟਸ ਦੇ ਵਿਚਕਾਰ ਲਿਖਿਆ ਜਾਂਦਾ ਹੈ, ਬੋਲਡ ਫਾਰਮੇਟ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
- Italic (ਇਟੈਲਿਕ): <i> ਟੈਗ ਦੀ ਵਰਤੋਂ ਟੈਕਸਟ ਉੱਪਰ ਇਟੈਲਿਕ ਇਫੇਕਟ ਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਹ ਵੀ ਇੱਕ ਪੇਅਰਡ ਟੈਗ ਹੈ| ਕੋਈ ਵੀ ਟੈਕਸਟ ਜੋ <i> ... <i> ਐਲੀਮੈਂਟਸ ਵਿਚ ਕਾਰ ਲਿਖਿਆ ਜਾਂਦਾ ਹੈ, ਇਟੈਲਿਕ (Italic) ਫਾਰਮੈਟ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ |
- Underline (ਅੰਡਰਲਾਈਨ): <u> ਟੈਗ ਦੀ ਵਰਤੋਂ ਟੈਕਸਟ ਉੱਪਰ ਅੰਡਰਲਾਈਨ ਇਫੈਕਟ ਲਾਗੂ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਹ ਵੀ ਇੱਕ ਪੇਅਰਡ ਟੈਗ ਹੈ। ਕੋਈ ਵੀ ਟੈਕਸਟ ਜੋ <u> ... <u> ਐਲੀਮੈਂਟਸ ਵਿਚਕਾਰ ਲਿਖਿਆ ਜਾਂਦਾ ਹੈ, ਅੰਡਰਲਾਈਨਲ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
- Strikethrough (ਸਟ੍ਰਾਈਕਥ): <s> ਟੈਗ ਦੀ ਵਰਤੋਂ ਟੈਕਸਟ ਤੇ ਸਟ੍ਰਾਈਕਸ ਇਫੇਕਟ ਲਾਗੂ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਹ ਵੀ ਇੱਕ ਪੇਅਰਡ ਟੈਗ ਹੈ। ਕੋਈ ਵੀ ਟੈਕਸਟ ਜੋ <s> ... <s> ਐਲੀਮੈਂਟਸ ਵਿਚਕਾਰ ਲਿਖਿਆ ਜਾਂਦਾ ਹੈ, ਸਟਰਾਈਕਥ ਫਾਰਮੈਟ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
HTML contains several elements for defining text with a special meaning.
Example
This text is bold
This text is italic
This is subscript and superscript
HTML Formatting Elements
Formatting elements were designed to display special types of text:
<b>- Bold text<strong>- Important text<i>- Italic text<em>- Emphasized text<mark>- Marked text<small>- Smaller text<del>- Deleted text<ins>- Inserted text<sub>- Subscript text<sup>- Superscript text<s>- Strikethrough text
HTML <b> and <strong> Elements
The HTML <b> element defines bold text, without any extra importance.
<!DOCTYPE html>
<html>
<head>
<title>Formatting Tags</title>
</head>
<body>
<h1>Formatting Tags in the HTML</h1>
<HR>
<b> - Bold text</b><BR>
<strong> - Important text</strong><BR>
<i> - Italic text</i><BR>
<em> - Emphasized text</em><BR>
<mark> - Marked text</mark><BR>
<small> - Smaller text</small><BR>
<del> - Deleted text</del><BR>
<ins> - Inserted text</ins><BR>
<s> - Strikethrough</s>
5 <sub> 2</sub> - Subscript text<BR>
5 <sup> 2</sup> - Superscript text<BR>
</body>
</html>
Output
HTML Text Formatting Elements
| Tag | Description |
|---|---|
| <b> | Defines bold text |
| <em> | Defines emphasized text |
| <i> | Defines a part of text in an alternate voice or mood |
| <small> | Defines smaller text |
| <strong> | Defines important text |
| <sub> | Defines subscripted text |
| <sup> | Defines superscripted text |
| <ins> | Defines inserted text |
| <del> | Defines deleted text |
| <mark> | Defines marked/highlighted text |
