Introduction: Simple HTML Tempate
More by the author:
About: Occupation: tech support
<!DOCTYPE html>
<html>
<head>
<title>Title Text</title>
</head>
<body>
<main>
<h1>H1 Text - Hello World</h1>
<h2>H2 Text - Hello World</h2>
<h3>H3 Text - Hello World</h3>
<h4>H4 Text - Hello World</h4>
<p>This is paragraph text.</p>
<b>This is bolded text. </b>
<br>
<u>This is underlined text. </u>
<p> Horizontal line below: </p>
<hr>
<pre>
-- This is preformatted text. --
>>>> 2nd line of preformatted text <<<<
</pre>
<table>
<tr>
<th>Computer Name</th>
<th>Operating System</th>
</tr>
<tr>
<td>Reception</td>
<td>Debian</td>
</tr>
<tr>
<td>Finance</td>
<td>Slackware</td>
</tr>
<tr>
<td>Marketing</td>
<td>OpenSuse</td>
</tr>
<tr>
<td>Operations</td>
<td>ArchLinux</td>
</tr>
</table>
</main>
</body>
</html>
Supplies
- HTML editor like Notepad++
- Web browser like Firefox
Step 1: Simple HTML Template
<!DOCTYPE html>
<html>
<head>
<title>Title Text</title>
</head>
<body>
<main>
<h1>H1 Text - Hello World</h1>
<h2>H2 Text - Hello World</h2>
<h3>H3 Text - Hello World</h3>
<h4>H4 Text - Hello World</h4>
<p>This is paragraph text.</p>
<b>This is bolded text. </b>
<br>
<u>This is underlined text. </u>
<p> Horizontal line below: </p>
<hr>
<pre>
-- This is preformatted text. --
>>>> 2nd line of preformatted text <<<<
</pre>
<table>
<tr>
<th>Computer Name</th>
<th>Operating System</th>
</tr>
<tr>
<td>Reception</td>
<td>Debian</td>
</tr>
<tr>
<td>Finance</td>
<td>Slackware</td>
</tr>
<tr>
<td>Marketing</td>
<td>OpenSuse</td>
</tr>
<tr>
<td>Operations</td>
<td>ArchLinux</td>
</tr>
</table>
</main>
</body>
</html>
