Things we’ve covered so far

Basic HTML Some advanced tags i.e. <ul> Styling using CSS

Background-color

Text

Changing the font on your site Inserting images

So what’s next??

LINKS

A link

In order to add a link to a website we have to use another tag called the a tag

<a href=“the link”>Some text of the link</a>

Menus

A great way to provide links to users of the site is through a menu.

Vertical Menu

Horizontal Menu

The HTML

<ul>

<li><a href=http://www.bbc.co.uk>The BBC</a></li>

<li><a href=http://www.twitter.co.uk>Twitter</a></li>

<li><a href=http://www.facebook.co.uk>Facebook</a></li>

</ul>

The code

Output

Lets make it look good

Using CSS we can change the look and feel of the list, to make it more like a menu.

It only needs a couple of lines in CSS

The CSS