Scribd
Upload
21 views7 pages

Links: Prof. David Rossiter

This document discusses different types of links that can be added to web pages. It explains how to create links to other web pages or specific positions within a page using HTML anchor tags (<a>). The document also mentions using Lorem Ipsum placeholder text for temporary content before final text is added.

Uploaded by

lieth-4
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
21 views7 pages

Links: Prof. David Rossiter

This document discusses different types of links that can be added to web pages. It explains how to create links to other web pages or specific positions within a page using HTML anchor tags (<a>). The document also mentions using Lorem Ipsum placeholder text for temporary content before final text is added.

Uploaded by

lieth-4
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

LINKS

PROF. DAVID ROSSITER

1/7

AFTER THIS PRESENTATION


You'll be able to add a link to any web page
You'll be able to add a link to any position within a page
You'll appreciate the role of lorem ipsum text

2/7

ELEMENTS WE WILL LOOK AT


<a>

href attribute
name attribute

Any element

id attribute

3/7

LINKS
Makesureyoucheckyour
<ahref="https://www.gmail.com/">gmail</a>accountevery10minutes!

<a> means anchor i.e. attaching something to something else

Makesureyoucheckyourgmailaccountevery
10minutes!
To try the link open the example first

4/7

ANCHORING LINKS
The anchor could be anything, such as an image
<p>Selectanicontogotothewebsite!</p>
<ahref="https://twitter.com/"><imgsrc="twitter_icon.png"></a>
<ahref="https://www.facebook.com"><imgsrc="facebook_icon.png"></a>
<ahref="https://plus.google.com"><imgsrc="google_plus_icon.png"></a>
Selectanicontogotothewebsite!

To try the links open the example first


5/7

A POSITION WITHIN A PAGE


A link may go to any position in a page. For example:
1. Add id="here" to the element you will link to
2. Then use <ahref="#here">Gohere</a>
3. From another web page use
<ahref="web_page.html#here">Gohere</a>
An example is here
6/7

LOREM IPSUM TEXT


For temporary text, use Lorem Ipsum
Lorem Ipsum is used by the publishing industry
Lots of generators on the web e.g.
http://www.lipsum.com/

7/7

You might also like