Thursday, June 8, 2017

Html Formating [CONTINUATION]


Hello guys, morning. In this tutorial am gonna round up with HTML formating which i started in my last tutorial.

Subscript Text

The content of <sub>.......</sub> element is written in subscript, the font size used is the same as the characters surrounding it, but it displays half of the character height beneath the other characters.

Example


<!DOCTYPE html>
<html>

     <head>
            <title>Subscript Text Example</title>
     </head>

     <body>
            <p>The following word  has a <sub>subscript</sub>format.</p>   
     </body>

</html>

Feel free to give the above code a try using your text editor, and you can also drop your questions if you have any to ask. Now lets move on to the next HTML formating.

You can also read our tutorial post on: Html Formating

Inserted Text

Any thing that appears within the <ins>.....</ins> element is displayed as inserted text in a HTML document, here is an example below.

Example


<!DOCTYPE html>
<html>

     <head>
            <title>Inserted Text Example</title>
     </head>

     <body>
            <p>The following word  has an <ins>inserted</ins>text.</p>   
     </body>

</html>

You can also try the above code out using your text editor for better understanding.

Deleted Text
Any thing that appears with the <del>......</del> element is displayed as deleted text.

Example

<!DOCTYPE html>
<html>

     <head>
            <title>Deleted Text Example</title>
     </head>

     <body>
            <p>In this sentence  <del>wine</del> will be deleted and <ins>pizza</ins> will be inserted</p>   
     </body>

</html>

Make use of your text editor to run the above code and drop your questions in the comment box, i will attend to them.

You can also read our tutorial post on: The Doctype Declaration

Larger Text
The content of <big>.......</big> element is displayed one font larger than the rest characters surrounding it.

Example

<!DOCTYPE html>
<html>

     <head>
            <title>Larger Text Example</title>
     </head>

     <body>
            <p>The following word uses <big>large</big> font size</p>   
     </body>

</html>

Smaller Text
The content of <small>......</small> element is displayed one font smaller than the rest of the characters surrounding it.

Example

<!DOCTYPE html>
<html>

     <head>
            <title>Smaller Text Example</title>
     </head>

     <body>
            <p>The following word uses <small>smaller</small> font size</p>   
     </body>

</html>

Alright guys, that's it for this tutorial. See you in my next tutorial. Bye for now
Share:

0 comments:

Post a Comment