1 / 39

WRITING LINKS

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

calvin
Download Presentation

WRITING LINKS

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. THE PAGE THE LINK TAKES YOU TO WRITING LINKS <a href="http://www.imdb.com">IMDB</a>

  3. THE PAGE THE LINK TAKES YOU TO THE TEXT THE USER CLICKS ON WRITING LINKS <a href="http://www.imdb.com">IMDB</a>

  4. LINKING TO OTHER SITES <a href="http://www.empireonline.com"> Empire</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  20. OPENING LINKS INA NEW WINDOW <a href="http://www.imdb.com" target="_blank">IMDB</a> (opens in a new window)

  21. OPENING LINKS IN A NEW WINDOW <a href="http://www.imdb.com" target="_blank">IMDB</a> (opens in a new window)

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

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

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

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

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

  27. SUMMARY Links are created using the <a> element.

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

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

  30. SUMMARY You can create links to open email programs with an email address in the "to" field.

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

More Related