Web Design and Development Implementation – HTML Links

Learning Intention I will learn how webpages are linked to other webpages.

What is a URL? Uniform Resource Locator Full web address that is used to access a web page directly a unique address for a file on the internet

URL structure http://www.bbc.co.uk/news/Scotland/index.htm http - protocol – Hyper Text Transfer Protocol www.bbc.co.uk - domain name /news/Scotland/ - folder path index.htm - name of file

More HTML Tags Open Tag Close Tag What the Tag does <a> </a> anchor tag adds a hyperlink to another webpage. Uses the href attribute to specify where to link to. e.g. <p>Click <a href=“www.bbc.co.uk”>here</a> to go to the BBC website</p>

What is a hyperlink? A link between web pages, documents or files Hyperlinks are activated by clicking on them Internal hyperlink goes to another page within the same website External hyperlink goes to a different website

Absolute hyperlinks absolute addressing is used when we include the whole URL to link to a web page <a href=“http://www.bbc.co.uk/news”>BBC</a> usually used when linking from one website to another website [can be used for links within a website]

Relative hyperlinks relative addressing is used – this means the file location is based on (relative to) the current file can only be used for internal links e.g. <a href=“. . /. . /index.htm”>Home page</a> no protocol or domain name is needed . . / means to move up one folder

apple.png bananas.htm foods chips.htm fresh frozen drinks index.htm apples.htm fizzy.htm tesco.com still.htm images pear.png

Relative hyperlinks (cont) e.g. to link to chips.htm from index.htm: <a href=“foods/frozen/chips.htm”>Chips</a> e.g. to link to still.htm from bananas.htm: <a href=“../../drinks/still.htm”>Chips</a>

Success Criteria I can describe the parts of a URL, how hyperlinks are structured and can link webpages.