Webwork
/
Basic Text Formatting
Example:
Text Source:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Basic HTML Text Formatting
</title>
</head>

<body>

<hr>
<h3>Basic Text Formatting</h3>
<hr>

<p>This document uses a few additional formatting tags. Although not a complex application of HTML, it is much more visually sophisticated than a basic plain-text document would be. Compare this to the source code to see the HTML tags that are used.</p>

<p>This document contains:</p>

<ul>
<li>an h3 header</li>
<li>two horizontal rules</li>
<li>two paragraphs</li>
<li><strong>bold text</strong></li>
<li>an unordered list</li>
</ul>

</body>
</html>

Web Page:

Basic Text Formatting


This document uses a few additional formatting tags. Although not a complex application of HTML, it is much more visually sophisticated than a basic plain-text document would be. Compare this to the source code to see the HTML tags that are used.

This document contains:

  • an h3 heading
  • two horizontal rules
  • two paragraphs
  • bold text
  • an unordered list
Since the pre-Web Internet was not the multimedia phenomenon that it is today, many of the original HTML tags were created solely to do simple text styling:

<h1></h1>

h1 heading

<h2></h2>

h2 heading

<h3></h3>

h3 heading

<h4></h4>

h4 heading

<h5></h5>
h5 heading
[Careful: do not confuse head, heading and header.]
<strong></strong> Bold

<em></em>

Italic

<p></p> Paragraph
The above tags have two parts, an opening tag and a closing tag.
There are a few tags that have the closing / built in so consist of only one part:

<br />

Line Break

<hr /> Horizontal Rule


Previous | Webwork Table of Contents | Next >