topical media & game development
basic-web-html-02-index.htm / htm
<?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" lang="en" xml:lang="en">
<head>
<title>Chapter 2: Links and Navigation</title>
<link rel="stylesheet" type="text/css" href="basic-web-html-css-examplestyles.css" />
</head>
<body>
<div class="heading">
<h1>Beginning Web Programming - Code Examples</h1>
<a href="@htm-basic-web-html-index.html">Back to main book index</a>
</div>
<h2>Chapter 2: Links and Navigation</h2>
<p>Here are the examples for Chapter 2, which looks at how to create hypertext links.</p>
<h3>Basic Links</h3>
<table>
<tr><td><a href="@htm-basic-web-html-02-ch02-eg01.html">ch02-eg01.html</a></td><td>Creating a basic link to a page in the same folder using the <code><a></code> element</td></tr>
<tr><td><a href="@htm-basic-web-html-02-ch02-eg02.html">ch02-eg02.html</a></td><td>Creating a link to an external Web site</td></tr>
<tr><td><a href="@htm-basic-web-html-02-ch02-eg03.html">ch02-eg03.html</a></td><td>A link with a <code>title</code> attribute, which displays a tootlip when you hover over the link</td></tr>
<tr><td><a href="@htm-basic-web-html-02-ch02-eg04.html">ch02-eg04.html</a></td><td>A link with white space (demonstration of a bad practice)</td></tr>
<tr><td><a href="@htm-basic-web-html-02-ch02-eg05.html">ch02-eg05.html</a></td><td>A link to send an email</td></tr>
<tr><td><a href="@htm-basic-web-html-02-ch02-eg06.html">ch02-eg06.html</a></td><td>Linking to a specific part of a page using the <code>name</code> attribute</td></tr>
<tr><td><a href="@htm-basic-web-html-02-ch02-eg07.html">ch02-eg07.html</a></td><td>Linking to a specific part of a page using the <code>id</code> attribute</td></tr>
<tr><td><a href="@htm-basic-web-html-02-menu.html">Try it out</a></td><td>Wrox Cafe Menu Example</td></tr>
</table>
<h3>Exercise</h3>
<table>
<tr><td><a href="@htm-basic-web-html-02-exercise1.html">Exercise 1</a></td><td></td></tr>
</table>
<p class="footer">To see the code behind any page, remember you go to the View menu on your browser and select the View Source option.</p>
</body>
</html>
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.