2. Formatting Your Webpage

Recap:

Last lesson we created our first web page. It will currently look something like the example below.

Your HTML (Hyper Text Markup Language) page is constructed of different tags.


Simple changes to our text formatting

It is possible to use basic HTML code to change the appearance of some parts of the text.

Look at the above examples

Notice how all these tags are used INSIDE <p> … </p> tags.

EG:

<p> Hello World </p>

would become

<p> Hello <b> World </b> </p>


Changing Background Colours

It is possible to use a style to change the background colour of the web page.​ This is done by adding additional information to the <body> tag that already exists

A website such as https://htmlcolorcodes.com/color-picker/
can be used to help find a desired colour and shade.


Additional Examples

It is possible to use many other styles to further change the formatting of text.​ Each one of these is added to existing tags inside your page.

Notice how the last example chains multiple styles together. Its important to include a semi colon (;) between each rule.

Always check your spelling!.


Adding more styles (Text colour, Font and more)

See below for additional style examples.


Lesson Task

Complete the following steps during the lesson: