Skip to main content

Day 3 of 100 Days Web Development Challenge

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:
  • 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:

Labels:
Location: India

Comments

Post a Comment

If you have any doubts, Please let me know.