0% found this document useful (0 votes)
6 views6 pages

Session 4

The document provides an overview of HTML (HyperText Markup Language) and CSS (Cascading Style Sheets), which are essential for designing and styling websites. It explains the use of tags in HTML to create webpage elements and the role of CSS in controlling the appearance of these elements. Additionally, it includes examples of common HTML tags and encourages practice through a linked project.

Uploaded by

ngt52
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
6 views6 pages

Session 4

The document provides an overview of HTML (HyperText Markup Language) and CSS (Cascading Style Sheets), which are essential for designing and styling websites. It explains the use of tags in HTML to create webpage elements and the role of CSS in controlling the appearance of these elements. Additionally, it includes examples of common HTML tags and encourages practice through a linked project.

Uploaded by

ngt52
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Session 4

HTML
Stands for HyperText Markup Language

It is the language used to design the structure of websites

HTML uses ‘tags’ to create elements on the website. They are the building
blocks of the webpage.

Each tag needs an ‘opening’ and ‘closing’ tag, which is why you often see two of
the same tag next to each other

<h1> Hello World </h1>


Examples
<h1> </h1> → The header element
<h2> </h2> → The subheading element (can go all the way to <h6> which is
smallest)
<p> </p> → The paragraph element
<img> </img> → The image element
<br> </br> → The break element (creates a new line)
<em> </em> → The italic element
<strong> </strong> → The bold element
CSS
CSS controls how the website looks, how it is styled. (aka stylesheet)

It can do things like change the font, size, and colour of words.

A style sheet contains rules for how each HTML element should look like on the
webpage

It does this by creating an object for each element and adding properties to it, like
such:

Affects all the


h1 elements you
added on your
html file
Examples of properties
Practice making a website using html and css
https://projects.raspberrypi.org/en/projects/cd-beginner-html-css-sushi/0

You might also like