Scribd
Upload
20 views

HTML Knowledge Organiser

HTML uses tags to structure and present content on a webpage. The <body> tag contains the visible page content between the opening and closing <html> tags. The <head> tag provides metadata like the page title. Common tags include <p> for paragraphs, <strong> for bold text, and <img> for images. Attributes like href and src provide more information about tags. Lists are defined with <ul>, <ol>, and <li> tags, while tables use <table>, <tr>, <td> tags.

Uploaded by

noraturkey1
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
20 views

HTML Knowledge Organiser

HTML uses tags to structure and present content on a webpage. The <body> tag contains the visible page content between the opening and closing <html> tags. The <head> tag provides metadata like the page title. Common tags include <p> for paragraphs, <strong> for bold text, and <img> for images. Attributes like href and src provide more information about tags. Lists are defined with <ul>, <ol>, and <li> tags, while tables use <table>, <tr>, <td> tags.

Uploaded by

noraturkey1
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

HTML Knowledge Organiser

® Definition: Hyper Text Markup Language


A Basic Page

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
...
</body>
</html>

The body element is for everything that appears on the webpage.


The head element is for information about the page, such as the title and style information (see page 21).

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.

Some elements have no content, and no 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

<img src="pic.jpg" alt="Description">

Text
<p>Paragraph text.</p> Paragraph text.

<strong>Bold text</strong> Bold text

<em>Emphasis (italic) text</em> Emphasis (italic) text

<a href="page.html">Link to a page</a> Link to a page

<h1>Heading One</h1> Heading One


<h2>Heading Two</h2> Heading Two
<h3>Heading Three</h3> Heading Three

Lists
<ul> Unordered (bulleted) list
<li>List item one</li>
<li>List item two</li> • List item one
</ul> • List item two

<ol> Ordered (numbered) list


<li>List item one</li>
<li>List item two</li> 1. List item one
</ol> 2. 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>

You might also like