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

Well thats it for this tutorial, see you in my next tutorial. Bye for now
Share:

0 comments:

Post a Comment