Upload
joanna-warren
View
213
Download
0
Tags:
Embed Size (px)
Citation preview
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