Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Links: Prof. David Rossiter

Download as pdf or txt
Download as pdf or txt
You are on page 1of 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