Summary notes on web technologies - HTML & CSS

A LEVEL COMPUTER
SCIENCE WEB
TECHNOLOGIES, HTML & CSS
CHEAT SHEET
This cheat sheet contains all the information required for A-level computer science AQA – Created by
previous student.


Basic structure
Foundations of your webpage
- Document Type Declaration (DTD): This is the very first line of an HTML document and it tells
the browser which version of HTML the document.
- Syntax for this line: <!DOCTYPE html> , which specifies that the document is written in
HTML5



- HTML TAG: The ‘<html>’ tag is the container for all the other HTML elements on the page. It
is the second line in a HTML document. All other tags are placed inside the ‘<html>’ tag.


Open tag Close tag
<html> </html >




- Head Tag: The ‘<head>’ tag contains metadata about the HTML document, such as the title,
author, and description. The metadata is not displayed on the web page itself but is used by
search engines and other tools to understand the content of the page.

, Open tag Close tag
<head> </head >


- Title tag: The title tag defines the title of the document, which appears in the browser tab
and in search engine results.


Open tag Close tag
<body> </body>




Building up the walls of your website
- Body Tag: The ‘<body>’ tag contains the actual content of the web page, such as text,
images, and links. The content inside the ‘<body>’ tag is what is displayed in the browser
window.

Open tag Close tag
<body> </body>


- H1 – h6: These tags define heads and subheading of varying sizes, with h1 being the largest
and h6 being the smallest.




Open tag Close tag
<h1> </h1>

- P: this tag defines a paragraph of text.




Open tag Close tag
<p> </p>


- Img: This tag is used to display images in the document. It requires a “src” attribute that
specifies the location of the image file.