slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
WRITING LINKS PowerPoint Presentation
Download Presentation
WRITING LINKS

Loading in 2 Seconds...

play fullscreen
1 / 39

WRITING LINKS - PowerPoint PPT Presentation


  • 112 Views
  • Uploaded on

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. WRITING LINKS. <a href=" http://www.imdb.com "> IMDB </a>.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'WRITING LINKS' - calvin


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide3

WRITING LINKS

<a href="http://www.imdb.com">IMDB</a>

slide4

THE PAGE THE LINK TAKES YOU TO

WRITING LINKS

<a href="http://www.imdb.com">IMDB</a>

slide5

THE PAGE THE LINK TAKES YOU TO

THE TEXT THE USER CLICKS ON

WRITING LINKS

<a href="http://www.imdb.com">IMDB</a>

slide6

LINKING TO OTHER SITES

<a href="http://www.empireonline.com"> Empire</a>

slide8

LINKING TO OTHER PAGES

ON THE SAME SITE

<a href=”index.html”>Home</a><a href=”about.html”>About</a><a href=”movies.html”>Movies</a><a href=”contact.html”>Contact</a>

slide10

DIRECTORY

STRUCTURE

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

slide11

ROOT FOLDER

DIRECTORY

STRUCTURE

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

slide12

DIRECTORY

STRUCTURE

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

slide13

DIRECTORY

STRUCTURE

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

PARENT

slide14

DIRECTORY

STRUCTURE

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

PARENT

GRANDCHILD

slide15

DIRECTORY

STRUCTURE

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

PARENT

GRANDCHILD

GRANDPARENT

slide16

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

slide17

SAME

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

slide18

SAME

reviews.html

CHILD

music/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

slide19

CHILD

SAME

music/index.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

slide20

PARENT

CHILD

SAME

../index.html

music/index.html

reviews.html

GRANDCHILD

movies/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

slide21

GRANDCHILD

PARENT

CHILD

SAME

movies/dvd/index.html

../index.html

music/index.html

reviews.html

GRANDPARENT

../../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

slide22

EMAIL LINKS

<a href="mailto:jon@example.org">Email Jon</a>

slide23

EMAIL LINKS

<a href="mailto:jon@example.org">Email Jon</a>

slide25

OPENING LINKS INA NEW WINDOW

<a href="http://www.imdb.com" target="_blank">IMDB</a> (opens in a new window)

slide26

OPENING LINKS IN A NEW WINDOW

<a href="http://www.imdb.com" target="_blank">IMDB</a> (opens in a new window)

linking to a specific part of the same page
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>

linking to a specific part of the same page1
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 page2
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 page3
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 page4
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>

slide33

SUMMARY

Links are created using the <a> element.

slide34

SUMMARY

The <a> element uses the href attribute to indicatethe page you are linking to.

slide35

SUMMARY

If you are linking to a page within your own site, it is best to use relative links rather than qualified URLs.

slide36

SUMMARY

You can create links to open email programs with an email address in the

"to" field.

slide37

SUMMARY

You can use the id attribute to target elements within a page that can be linked to.