Custom Links
Skills Covered
a
a: hover
a: visited
This is a great lesson, because you will finally learn how to customize links using styles, and even create different-looking on the same page! I know you've seen it done and wondered if it will ever be possible for YOU to accomplish. Guess what, with all you've learned thus far, customizing page links will be easy!
Before you get started, let me once again remind you of the basic content layout on our web pages at this point:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The title of your web page goes here </title>
<style type="text/css">
<!--
Define all styles here
-->
</style>
</head>
<body>
All of your web page content goes here
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The title of your web page goes here </title>
<style type="text/css">
<!--
Define all styles here
-->
</style>
</head>
<body>
All of your web page content goes here
</body>
</html>
We are still working with the wish.htm file from the previous three lessons. Open up your copy in Notepad so we can get started!