Learn HTML Text Formatting



In the example below we will demonstrate HTML Text Formatting:



italic HTML

bold HTML

This is HTML free Course

Marked HTML

Small HTML



In HTML5 there are several elements that are used to format text inside the HTML page, elements such as, markup headlines, bold, italic, underlined text, paragraphs and more.


Today most of the text styling is done with CSS, but it is always good to learn the basics of HTML, also creating HTML text with CSS is never good for Search engine optimization.


Here is a list of HTML Formatting Elements:


  • < i > Italic text
  • < strong > Important text
  • < b > Bolded text
  • < mark > Marked text
  • < em > Emphasized text
  • < del > Deleted text
  • < small > Small text
  • < sub > Subscript text
  • < sup > Superscript text
  • < ins > Inserted text






Learn about HTML < sub > and < sup > Elements:


The < sub > and < sup > elements defines subscripted and supscripted text:


Code Example:

                Start of showing code      <p> <sub>subscripted</sub> HTML text.</p>
                <p> <sup>subscripted</sup> HTML text.</p>


     
            
Try yourself >>







Learn about HTML < strong > and < b > elements:


The < strong > element defines a strong text, and also let the browser and search engine know the text is importance:


Code Example:

                Start of showing code      <strong>This HTML text is importance</strong>
     
            
Try yourself >>


The < b > element defines a bold text, and also let the browser and search engine know the text is NOT importance:


Code Example:

                Start of showing code      <b>This HTML text is bold</b>
     
            
Try yourself >>







Learn about HTML < mark > element:


The < mark > element will highlight or mark the text you want:


Code Example:

                Start of showing code      <h2>Jack<mark> Sparrow</mark> the pirate</h2>

     
            
Try yourself >>







Learn about HTML < del > element:


The < del > element will mark the text you want as removed HTML text:


Code Example:

                Start of showing code      <p>The following HTML text is <del> deleted </del> </p>


     
            
Try yourself >>







Learn about HTML < em > and < i > Elements:


The < em > element defines emphasized text, and add semantic of importance:


The < i > element will create italic text, with no extra importance:


Code Example:

                Start of showing code      <em>This HTML text is emphasized</em>
                <i>This HTML text is italic</i>



     
            
Try yourself >>









FreeCodeWiki best way to learn responsive web development with html5 & css3 for beginners, we provide our students free html5 quick tutorial, invest just 1 hour and learn html and css in 30 days



Navigation