Class 12

398
-1

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
398
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Class 12

  1. 1. Class 12
  2. 2. Reviewing Links 2 Relative Links: •Relative to the current document •Folder/filename •Go up a level by using . . / Absolute Links •Full web address
  3. 3. Reviewing Links 3 styles images alpaca-farm.jpg bg.jpg <img src=“ ”> <link href=“ ”> Background-image: url( );../images/bg.jpg images/alpaca-farm.jpg styles/style.css
  4. 4. Opening a Link in a New Browser Window • The target attribute on the anchor element opens a link in a new browser window or new browser tab. <a href="http://yahoo.com" target="_blank">Yahoo!</a> 4
  5. 5. Using Anchor Tags • Example: http://www.pptfaq.com/index.html#ListOfLinks
  6. 6. XHTML Linking to Fragment Identifiers • A link to a part of a Web page • Also called named fragments, fragment ids • Two components: 1. The element that identifies the named fragment of a Web page. This requires the id attribute. <div id=“top”> … </div> 2. The anchor tag that links to the named fragment of a Web page. This uses the href attribute. <a href=“#top”>Back to Top</a> 6 Note the use of the # in the anchor tag!

×