Introduction to HTML

Learn the basics

Page 1: Starting off Page 5: Font colours
Page 2: Setting up the webpage Page 6: Aligning headings and text
Page 3: Bold, underline, italics Page 7: paragraphs, font size, line breaks
Page 4: Heading styles Page 8: Adding images


Bold, underline and italics

Step 8

Lets try putting some formatting on the heading.

Go back to your notepad version and find the text you wrote ‘My Very First Webpage’

Lets try making it bold. 

Bold tags are <b> and </b>

Put in these tags and save your notepad version.


Go back to your webpage version and press the ‘refresh’ button

You should now see that your heading is bold.

step 8a

(if this hasn’t worked, check that you saved your notepad version first)



Step 9

Lets try underlining the heading.

The tag for underline is <u> and </u>

Try putting an underline tag around your heading.

step 9

Save your notepad version

Go to your web page version and press refresh

step 9a


Step 10

How about italics? 

Italics tags are <i> and </i>

step 10

You can put lots of different formatting tags around a piece of text, but look at how they are set up.

As <i> is closest to the start of the text then </i> needs to be closest to the end of the text and so on

step 10a




Copyright ©