Using images as link anchors : Anchor « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. Anchor

Using images as link anchors

 
<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>Using images as link anchors</title>
   </head>
   <body>
      <p>
         <a href = "">
            <img src = "" width = "65" height = "50" alt = "Links Page" />
         </a><br />
         <a href = "">
            <img src = "" width = "65" height = "50" alt = "List Example Page" />
         </a><br />
         <a href = "">
            <img src = "" width = "65" height = "50" alt = "Contact Page" />
         </a><br />

         <a href = "">
            <img src = "" width = "65" height = "50" alt = "Header Page" />
         </a><br />

         <a href = "">
            <img src = "" width = "65" height = "50" alt = "Table Page" />
         </a><br />

         <a href = "">
            <img src = "" width = "65" height = "50" alt = "Feedback Form" />
         </a><br />
      </p>

   </body>
</html>








Related examples in the same category

1.Introduction to hyperlinks
2.'link' defines relationship between the current page and external documents
3.A basic link to another page
4.A basic link to an external web site
5.A link with a title attribute
6.A link with white space
7.a name = ".."> creates an internal hyperlink
8.Anchor element
9.relative link
10.background image, repeat and position for anchor link
11.avoid underlining links
12.Set border for an anchor with
  • under
    • 13.Set text-decoration to none for
    14.Anchor hover image style
    15.Set cursor for anchor link and visted
    16.Set text decoration for anchor
    17.Set background for anchor
    18.Four level nesting for anchor style setting
    19.Using Links - Changing Backgrounds
    20.Using Links with Background Images
    21.Image links
    22.anchor style for removing the underline
    23.Add text decoration for link
    24.Add background image to anchor link
    25.List with anchor
    26.text-decoration, color, background-color for hover anchor