HTML Knowledge Organiser
HTML Knowledge Organiser
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
...
</body>
</html>
Tags
Tags are separated from the rest of the Opening tags are usually paired with a closing
document using angle brackets. tag to show where the element ends.
<tag> </tag>
Elements
An HTML element is the thing being represented by the tag… which includes the opening tag, the content
between the tags, the attributes, and the closing tag.
Attributes
Attributes go inside opening tags. They give more information describing the element.
name="value"
• Some attributes can be used with any element: style, class, title and id.
• Some attributes are just for a particular element: use href with an <a> tag, and src with an <img>
tag.
Images
Text
<p>Paragraph text.</p> Paragraph text.
Lists
<ul> Unordered (bulleted) list
<li>List item one</li>
<li>List item two</li> • List item one
</ul> • List item two
Tables
<table>
<tr>
<td>One</td><td>Two</td>
</tr> One Two
<tr> Three Four
<td>Three</td><td>Four</td>
</tr>
</table>