HTML-Booklet

alternatives accessible to show how content can show up in HTML and XHTML. 

Bold Text 

Anything that shows up inside <b>…</b> component, is shown in intense as appeared underneath.

Model:

<!DOCTYPE html>
<html>
<head>
<title>Bold Text Example</title> 
</head>
<body>
<p>This is a  <b>bold</b> text.</p>
</body>
</html>

Result:

This is a bold text.

 

Italic Text 

Anything that shows up inside <i>…</i> component is shown in stressed as appeared beneath.

Model :

<!DOCTYPE html>
<html>
<head>
<title>Italic Text Example</title>
</head>
<body>
<p>This is a <i> italic</i>text.</p> 
</body>
</html>

Result:

This is a italic text.

 

Underlined Text 

Anything that shows up inside <u>…</u> component, is shown with underline as appeared beneath. 

Model:

<!DOCTYPE html>
<html>
<head>
<title>Underlined Text Example</title>
</head>
<body>
<p>This is  a <u> underlined</u> text.</p>
</body>
</html>

Result:

This is a underlined text.

 

Strike Text 

Anything that shows up inside the <strike>…</strike> component is shown with strike through, which is a dainty line through the content as demonstrated as follows. 

Model: 

<!DOCTYPE html>
<html>
<head>
<title>Strike Text Example</title>
</head>
<body>
<p>This is a <strike>strike</strike> text. </p>
</body>
</html>

Result:

This is a strike  text.

 

Monospaced Font 

The substance of a <tt>…</tt> component is written in monospaced text style. The greater part of the text styles are known as factor width textual styles on the grounds that various letters are of various widths (for instance, the letter ‘m’ is more extensive than the letter ‘I’). In a monospaced text style, in any case, each letter has a similar width. 

Model: 

<!DOCTYPE html>
<html>
<head>
<title> monospaced Text Example</title>
</head>
<body>
<p>This is a <tt>monospaced</tt> text. </p>
</body>
</html>

Result:

This is a monospaced   text.

 

Superscript Text 

The substance of a <sup>…</sup> component is written in superscript; the text dimension utilized is a similar size as the characters encompassing it yet is shown a large portion of a character’s tallness over different characters. 

Model: 

<!DOCTYPE html>
<html>
<head>
<title>Superscript Text Example</title>
</head>
<body>
<p>This is a <sup> superscript </sup>text.</p>
</body>
</html>

Result:

This is a superscript  text.

 

Subscript Text 

The substance of a <sub>…</sub> component is written in addendum; the text dimension utilized is equivalent to the characters encompassing it, yet is shown a large portion of a character’s tallness underneath different characters. 

Model:  

<!DOCTYPE html>
<html>
<head>
<title>Subscript Text Example</title>
</head>
<body>
<p>This is a <sup> subscript </sup> text. </p>
</body>
</html>

Result:

This is a subscript  text.

 

Insert Text 

Anything that shows up inside the <ins>…</ins> component is shown as embedded content. 

Model: 

<!DOCTYPE html>
<html>
<head>
<title>Inserted Text Example</title>
</head>
<body>
<p>I Have  a <del>Car</del> <ins>Bike.</ins></p>
</body>
</html>

Result:

I Have  a Car Bike.

 

Erased Text 

Anything that shows up inside <del>…</del> component, is shown as erased content. 

Model: 

<!DOCTYPE html>
<html>
<head>
<title>Inserted Text Example</title>
</head>
<body>
<p>I Have  a <del>Car</del> <ins>Bike.</ins></p>
</body>
</html>

Result:

I Have  a Car Bike.

 

Bigger Text 

The substance of the <big>…</big> component is shown one text dimension bigger than the remainder of the content encompassing it as appeared underneath . 

Model: 

<!DOCTYPE html>
<html>
<head>
<title>Bigger Text Example</title>
</head>
<body>
<p>This is a <big> Bigger </big> text. </p>
</body>
</html>

Result:

This is a Bigger text.

 

Littler Text 

The substance of the <small>…</small> component is shown one text dimension littler than the remainder of the content encompassing it as demonstrated as follows. 

Model:

<!DOCTYPE html>
<html>
<head>
<title>Littler Text Example</title>
</head>
<body>
<p>This is a <small> Littler </small> text. </p>
</body>
</html>

Result:

This is a Littler text.

 

 

 

 

Share