Post on 13-Jan-2016
description
WRITING LINKS
<a href="http://www.imdb.com">IMDB</a>
WRITING LINKS
<a href="http://www.imdb.com">IMDB</a>
THE PAGE THE LINK TAKES YOU TO
WRITING LINKS
<a href="http://www.imdb.com">IMDB</a>
THE PAGE THE LINK TAKES YOU TO
THE TEXT THE USER CLICKS ON
HTML
<a href="http://www.empireonline.com"> Empire</a>
LINKING TO OTHER SITES
RESULT
HTML
<a href=”index.html”>Home</a>
<a href=”about.html”>About</a>
<a href=”movies.html”>Movies</a>
<a href=”contact.html”>Contact</a>
LINKING TO OTHER PAGESON THE SAME SITE
RESULT
DIRECTORYSTRUCTURE
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
DIRECTORYSTRUCTURE
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
ROOT FOLDER
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
CHILD
DIRECTORYSTRUCTURE
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
PARENT
DIRECTORYSTRUCTURE
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
GRANDCHILD
DIRECTORYSTRUCTURE
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
GRANDPARENT
DIRECTORYSTRUCTURE
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
RELATIVE URLS
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
SAMEreviews.html
RELATIVE URLS
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
CHILDmusic/index.html
RELATIVE URLS
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
PARENT../index.html
RELATIVE URLS
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
GRANDCHILDmovies/dvd/index.html
RELATIVE URLS
examplearts index.html movies cinema index.html listings.html reviews.html dvd index.html listings.html reviews.html music index.html listings.html reviews.html theater index.html listings.html reviews.html
GRANDPARENT../../index.html
RELATIVE URLS
HTML
<a href="mailto:jon@example.org">Email Jon</a>
EMAIL LINKS
HTML
<a href="mailto:jon@example.org">Email Jon</a>
EMAIL LINKS
RESULT
HTML
<a href="http://www.imdb.com" target="_blank">IMDB</a> (opens in a new window)
OPENING LINKS INA NEW WINDOW
HTML
<a href="http://www.imdb.com" target="_blank">IMDB</a> (opens in a new window)
OPENING LINKS IN A NEW WINDOW
RESULT
<h1 id="top"> Film-Making Terms</h2>
<a href="#arc-shot"> Arc shot</a><br /><a href="#interlude"> Interlude</a><br /><a href="#prologue"> Prologue</a><br />
<h2 id="prologue"> Prologue</h2>
<a href="#top">Top</a>
LINKING TO A SPECIFIC PART OF THE SAME PAGE
<h1 id="top"> Film-Making Terms</h2>
<a href="#arc-shot"> Arc shot</a><br /><a href="#interlude"> Interlude</a><br /><a href="#prologue"> Prologue</a><br />
<h2 id="prologue"> Prologue</h2>
<a href="#top">Top</a>
<h1 id="top"> Film-Making Terms</h2>
<a href="#arc-shot"> Arc shot</a><br /><a href="#interlude"> Interlude</a><br /><a href="#prologue"> Prologue</a><br />
<h2 id="prologue"> Prologue</h2>
<a href="#top">Top</a>
LINKING TO A SPECIFIC PART OF THE SAME PAGE
<h1 id="top"> Film-Making Terms</h2>
<a href="#arc-shot"> Arc shot</a><br /><a href="#interlude"> Interlude</a><br /><a href="#prologue"> Prologue</a><br />
<h2 id="prologue"> Prologue</h2>
<a href="#top">Top</a>
<h1 id="top"> Film-Making Terms</h2>
<a href="#arc-shot"> Arc shot</a><br /><a href="#interlude"> Interlude</a><br /><a href="#prologue"> Prologue</a><br />
<h2 id="prologue"> Prologue</h2>
<a href="#top">Top</a>
<h1 id="top"> Film-Making Terms</h2>
<a href="#arc-shot"> Arc shot</a><br /><a href="#interlude"> Interlude</a><br /><a href="#prologue"> Prologue</a><br />
<h2 id="prologue"> Prologue</h2>
<a href="#top">Top</a>
LINKING TO A SPECIFIC PART OF THE SAME PAGE
<h1 id="top"> Film-Making Terms</h2>
<a href="#arc-shot"> Arc shot</a><br /><a href="#interlude"> Interlude</a><br /><a href="#prologue"> Prologue</a><br />
<h2 id="prologue"> Prologue</h2>
<a href="#top">Top</a>
<h1 id="top"> Film-Making Terms</h2>
<a href="#arc-shot"> Arc shot</a><br /><a href="#interlude"> Interlude</a><br /><a href="#prologue"> Prologue</a><br />
<h2 id="prologue"> Prologue</h2>
<a href="#top">Top</a>
LINKING TO A SPECIFIC PART OF THE SAME PAGE
<h1 id="top"> Film-Making Terms</h2>
<a href="#arc-shot"> Arc shot</a><br /><a href="#interlude"> Interlude</a><br /><a href="#prologue"> Prologue</a><br />
<h2 id="prologue"> Prologue</h2>
<a href="#top">Top</a>
<h1 id="top"> Film-Making Terms</h2>
<a href="#arc-shot"> Arc shot</a><br /><a href="#interlude"> Interlude</a><br /><a href="#prologue"> Prologue</a><br />
<h2 id="prologue"> Prologue</h2>
<a href="#top">Top</a>
LINKING TO A SPECIFIC PART OF THE SAME PAGE
Links are created using the <a> element.
SUMMARY
The <a> element uses the href attribute to indicatethe page you are linking to.
SUMMARY
If you are linking to a page within your own site, it is best to use relative links rather than qualified URLs.
SUMMARY
You can create links to open email programs with an email address in the "to" field.
SUMMARY
You can use the id attribute to target elements within a page that can be linked to.
SUMMARY