On this page are links to resources that give examples of the web pages we are trying to produce for Session 04:
Hyperlinks allow a reader to jump:
- From one section to another section within a single document and uses:
- the anchor tag: <a name=“top”>
- the link <a href= "#top" >top</a>
- Here is an example of linking within a page please close the popup when you have finished.
- From any page to another page on the same site and uses relative addressing:
- <a href= "second.html" "target= _self" >second file</a> to go to a second file in the same folder opening in the same widow.
- <a href= "folder/file.html" "target= _blank" >another file</a> to go to another file in another folder which is contained within the first and opening in a new window.
- to move "up" a folder in the hierarchy you use <a href= "../file.html" >a file further up</a>
- Here some examples of linking between pages
- From any page to another page on another site using absolute addressing: <a href=“http://www.worc.ac.uk/index.html”>University </a>
- To graphics or any other Internet-based resources e.g.<img
src=“duck.gif” alt=“Picture of a duck”>.
Note the use of the ALT tag which allows users who cannot view images to know what the image is for, or about.
Links to this weeks activities (HTML format)
- Activity 08 - Investigating Colours
- Activity 09 - HCI and usability
- Practical 03 - making links
- Practical 04 - using tables
- Session 04 slides [PowerPoint]