We will quickly summarize what we have already learnt. You can bookmark this page
for your reday reference of basic tutorial on HTML.
HTML Basic Requirements
<html>
<head>
<title>Used for web page title</title>
</head>
<body>
All visible content inside
</body>
</html>
HTML Headings
<h1>Largest Text (Use only once)</h1>
<h2> ---- </h2>
<h3> ---- </h3>
<h4> ---- </h4>
<h5> ---- </h5>
<h6>Smallest Text</h6>
HTML Paragraphs, Line Breaks & Horizontal Line
<p>Used for paragraphs</p>
<br /> [Line Break - Can be used multiple times]
<hr /> [Horizontal line]
HTML Attributes & Formatting
Style Attribute
<h1 style="font-size:20px; color:#ff0000">Text colour and size</h1>
<p style="background-color:#ffffcc">
Colourful Paragraph </p>
id Attribute - Unique Identification for the element
title Attribute - text pop-up above element on mouse hover
Text Formatting
<b> Bold Text </b>
<i> Italic style </i>
<sub>subscripted text</sub>
<sup>superscripted text</sup>
HTML Lists
Unordered List
<ul>
<li>List Item</li>
<li>List Item</li>
</ul>
Ordered List
<ol>
<li>List Item 1</li>
<li>List Item 2</li>
</ol>
Definition List
<dl>
<dt>term</dt>
<dd>Description</dd>
<dt>term</dt>
<dd>Description</dd>
</dl>
Now that you have learnt basic HTML, take a break and practice these tags first by making a few webpages.
In next chapter, we will start intermediate HTML with lots of exciting things to
do in your webpage. If you are ready for more, let's go to next chapter now!