HTML TEXT FORMATTING

View previous topic View next topic Go down

HTML TEXT FORMATTING

Post by Admin on Sun Aug 30, 2015 9:00 pm

Text Formatting


This text is bold

This text is italic

This is superscript



HTML Formatting Elements

In the previous chapter, you learned about HTMLstyling, using the HTML style attribute.
HTML also defines special elements, for defining text with a special meaning.
HTML uses elements like <b> and <i> for formatting output, like bold or italic text.
Formatting elements were designed to display specialtypes of text:

  • Bold text



  • Important text



  • Italic text



  • Emphasized text



  • Marked text



  • Small text



  • Deleted text



  • Inserted text



  • Subscripts



  • Superscripts






HTML Bold and Strong Formatting

The HTML <b> element defines bold text, without any extra importance.




Example













Code:
<p>This text is normal.</p>

<p><b>This text is bold</b>.</p>





The HTML <strong> element defines strong text, with added semantic "strong" importance.




Example





Code:
<p>This text is normal.</p>

<p><strong>This text is strong</strong>.</p>







HTML Italic and EmphasizedFormatting

The HTML <i> element defines italic text, without any extra importance.




Example



Code:
<p>This text is normal.</p>

<p><i>This text is italic</i>.</p>







The HTML <em> element defines emphasized text, with added semantic importance.




Example





Code:
<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>







HTML Small Formatting

The HTML <small> element defines small text:




Example



Code:
<h2>HTML <small>Small</small> Formatting</h2>







HTML Marked Formatting

The HTML <mark> element defines marked or highlighted text:




Example



Code:
<h2>HTML <mark>Marked</mark> Formatting</h2>






HTML Deleted Formatting

The HTML <del> element defines deleted (removed) of text.




Example



Code:
<p>My favorite color is <del>blue</del> red.</p>







HTML Inserted Formatting

The HTML <ins> element defines inserted (added) text.




Example



Code:
<p>My favorite <ins>color</ins> is red.</p>







HTML Subscript Formatting





The HTML <sub> element defines subscripted text.




Example





Code:
<p>This is <sub>subscripted</sub> text.</p>





HTML Superscript Formatting

The HTML <sup> element defines superscripted text.


Example





Code:
<p>This is <sup>superscripted</sup> text.</p>



avatar
Admin
Admin
Admin

Posts : 83
Points : 8827
Reputation : 3
Join date : 2015-07-22

View user profile http://droid.1talk.net

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum