HTML Tutorial #4: Formatting and Font Effects


Let’s move toward formatting in HTML. Everyone wants to show a good content on his webpage with text effects, so page may look attractive. Here are some tags used in formatting a HTML page.

<b>Bold Text</b> <em>Emphasized Text</em> <strong>Strong Text</strong> <i>Italic Text</i> <sup>superscripted Text</sup> <sub>subscripted Text</sub> <del>struckthrough Text</del> <code>Computer Code Text</code>

<b> tag is used to make text blog and <i> tag is used to make text italic. We can use more formatting settings in CSS, like font weight or font size or we can also set a specific text font. <b> and <strong> tag almost show the result but <strong> is mostly used to highlight the words, same case is with <i> and <em> tag, <em> tag is used to highlight text on webpage and <i> tag is used to make text italic.  For a line brake we use <br /> element and for paragraph we use <p> tag.

HTML Text Formatting Tags

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

HTML “Computer Output” Tags

Tag Description
<code> Defines computer code text
<kbd> Defines keyboard text
<samp> Defines sample computer code
<var> Defines a variable
<pre> Defines preformatted text

HTML Citations, Quotations, and Definition Tags

Tag Description
<abbr> Defines an abbreviation or acronym
<address> Defines contact information for the author/owner of a document
<bdo> Defines the text direction
<blockquote> Defines a section that is quoted from another source
<q> Defines an inline (short) quotation
<cite> Defines the title of a work
<dfn> Defines a definition term

Journalist, Android Application Developer and Web Designer. Writes article about IT in Roznama Dunya. I Interview Prominent Personalities & Icons around the globe.

Leave a Reply

Translate »