Hello dear readers! welcome back to another section of my tutorial on Html. In this tutorial guide, am going to be rounding up with the Html formating which i started in my last tutorial.
Subscript Text
The content of the <sub>....</sub> element is written in subscript, the font size used is the same as the characters that surrounds it, but it does display half of the character height under 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>
<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 try the above code out using your text editor, and you can also drop your questions if you have any to ask.
RECOMMENDED: Html Formating
Inserted Text
Any thing that appears within the <ins>.....</ins> element is going to be displayed as inserted text in a Html document, below is a simple example.
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>
<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 within the <del>......</del> element is going to be 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>
<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 also drop your questions in the comment box, i will attend to them.
RECOMMEDED: The Doctype Declaration
Larger Text
The content of the <big>.....</big> element is displayed a font larger than the rest of the characters that surrounds 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>
<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 will be displayed one font smaller than the rest 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>
<html>
<head>
<title>Smaller Text Example</title>
</head>
<body>
<p>The following word uses <small>smaller</small> font size</p>
</body>
</html>
Alright guys! This is where we are rounding up for this tutorial post. In my next tutorial, we are going to be discussing about the Html Grouping Content.
Feel free to ask your questions where necessary and i will attend to them as soon as possible. If this tutorial was helpful to you, you can use the share button to share this tutorial.
Follow us on our various social media platforms to stay updated with our latest tutorials. You can also subscribe to our newsletter in order to get our tutorials delivered directly to your emails.
Thanks for reading and bye for now.
Feel free to ask your questions where necessary and i will attend to them as soon as possible. If this tutorial was helpful to you, you can use the share button to share this tutorial.
Follow us on our various social media platforms to stay updated with our latest tutorials. You can also subscribe to our newsletter in order to get our tutorials delivered directly to your emails.
Thanks for reading and bye for now.