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.

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.

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,you can like my facebook page @https://web.facebook.com/Web-design-tutorialz-202358826945144/.Stay tuned to upcoming tutorialz, bye for now.

Links to previous tutorials on HTML : Html IntroductionHtml TagsHtml Document StructureThe Doctype Declaration , Html Basic Tags , Html Basic Tags2 , Html Elements , Html Attributes , Html Attribute 2 , Html Formating


Share:

0 comments:

Post a Comment