Welcome to the 3rd day of my 100 days web development challenge. It's my day 3 in learning HTML continuously without any day-off and honestly it has been an amazing journey. Yesterday, I learnt about the heading tags and list tags which were pretty simple to understand and quite useful.
Today, I learnt many text formatting tags in html which are useful in changing the appearance of texts written in a web page. Formatting the texts also helps in showcasing their importance and indicate changes. So in this blog I have discussed those formatting tags and tried to explain them. I have also uploaded all the code to my GitHub profile.
Table of Content:
- <b> tag
- <i> tag
- <u> tag
- <em> tag
- <small> tag
- <big> tag
- <strong> tag
- <sub> tag
- <sup> tag
- <s> or <strike> tag
- <br> tag
<b> tag:
- The <b> tag is used to give a bold look to a text or a paragraph.
- It has both opening and closing tag.
- To make a text bold, the text is written in between the opening and closing <b> tag.
- For example: <p>This is a <p>bold</b> text</p>.
<p>This is a <b>bold</b> text.</p>
<i> tag:
- The <i> tag is used to italicise a text or a paragraph.
- It has both opening and closing tag.
- To make a text italic, the text is written in between the opening and closing <i> tag.
<p>I live in <i>India</i>.</p>
<u> tag:
- The <u> tag is used to underline a text or a paragraph.
- It has both opening and closing tag.
- To underline a text, the text is written in between the opening and closing <u> tag.
<p>I enjoy <u>writing</u> blogs.</p>
<em> tag:
- The <em> tag is used to emphasize texts.
- It is a substitute of the <i> tag.
- The <em> tag also displays text in italic.
- To emphasize a text, put the text in between the opening and closing <em> tag.
<p>This is an <em>emphasized</em> text.</p>
<small> tag:
- The <small> tag is used to display a text in smaller size.
- The size of that text is usually smaller than other texts written besides it.
- To make the size of a text to small, put that text in between the opening and closing <small> tag.
<p>This is a <small>small</small> text.</p>
<big> tag:
- It is the opposite of <small> tag.
- The <big> tag displays a text in a bigger size.
- To make the size of a text to big, put that text in between the opening and closing <big> tag.
<p>This is a <big>big</big> text.</p>
<strong> tag:
- The <strong> tag is used to display important texts that can be easily seen by users.
- It is the substitute of <b> tag.
- To define a text as important, put that text in between the opening and closing <strong> tag.
<p>This is an <strong>important</strong> text.</p>
<sub> tag:
- The <sub> tag is used to display letters or text in subscript.
- Subscript means, the letters will be smaller and placed slightly below the baseline.
- To put a letter or text in subscript, put that letter or text in between the opening and closing <sub> tag.
- It is majorly used for writing mathematical equations and chemical formulas.
<p>The chemical formula of water is H<sub>2</sub>O.</p>
<sup> tag:
- The <sup> tag is used to display letters or text in superscript.
- Superscript means, the letters will be smaller and placed slightly above the baseline.
- It does the opposite of <sub> tag.
- To put a letter or text in superscript, put that letter or text in between the opening and closing <sup> tag.
- It is majorly used for writing mathematical equations and chemical formulas.
<p>(a+b)<sup>2</sup></p>
<s> or <strike> tag:
- This tag is used to strike out a text.
- When we use this tag, a horizontal line is passed over the text.
- Both the <s> tag and <strike> tag works exactly the same.
- To strike out a text, put that text in between the opening and closing <s> tag or <strike> tag.
<p>This is a <strike>striked</strike> text.</p>
<p>This is a <s>striked</s> text.</p>
<br> tag:
- The <br> tag is used to break line.
- When we use <br> tag, the content after the <br> tag starts on the next line.
- It is an empty tag, which means it does not has a closing tag.
<p>This is a line. <br> This is another line.</p>
Check the program for this blog on my GitHub profile.
All the other posts of web development challenge will appear below.
All Links:
Comments
Post a Comment
If you have any doubts, Please let me know.