topical media & game development
basic-web-html-01-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 1: Creating Structure Documents</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 1: Creating Structured Documents</h2>
<p>Here are the examples for Chapter 1, which introduces you to the main XHTML elements that add structure to your pages and text.</p>
<table>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg01.html">ch01-eg01.html</a></td><td>Your first web page</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg02.html">ch01-eg02.html</a></td><td>Using attributes (to add a link)</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg03.html">ch01-eg03.html</a></td><td>How white space is collapsed</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg04.html">ch01-eg04.html</a></td><td>Creating headings using the <code>h<i>n</i></code> elements</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg05.html">ch01-eg05.html</a></td><td>Structuring headings and paragraphs</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg06.html">ch01-eg06.html</a></td><td>The <code>align</code> attribute</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg07.html">ch01-eg07.html</a></td><td>Creating paragraphs using the <code><p></code> element</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg08.html">ch01-eg08.html</a></td><td>Creating line breaks using the <code><br></code> element</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg09.html">ch01-eg09.html</a></td><td>Creating preformatted text using the <code><pre></code> element</td></tr>
<tr><td><a href="@htm-basic-web-html-01-miles.html">Try it out</a></td><td>Basic Text Formatting</td></tr>
</table>
<h3>Presentation Elements</h3>
<table>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg10.html">ch01-eg10.html</a></td><td>Using the <code><b> <i> <u> <s></code> and <code><tt></code> elements</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg11.html">ch01-eg11.html</a></td><td>Using the <code><sup> <sub> <big> <small></code> and <code><br /></code> elements</td></tr>
</table>
<h3>Phrase Elements</h3>
<table>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg12.html">ch01-eg12.html</a></td><td>Adding emphasis with the <code><em></code> and <code><strong></code> elements</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg13.html">ch01-eg13.html</a></td><td>Abbreviations, acronyms and definitions using the <code><abbr> <acronym></code> and <code><dfn></code> elements</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg14.html">ch01-eg14.html</a></td><td>Quotations and citations using the <code><blockquote> <quote></code> and <code><cite></code> elements</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg15.html">ch01-eg15.html</a></td><td>Code using the <code><code> <kbd> <var></code> and <code><samp></code> elements</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg16.html">ch01-eg16.html</a></td><td>Addresses using the <code><address></code> element</td></tr>
</table>
<h3>Lists</h3>
<table>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg17.html">ch01-eg17.html</a></td><td>Unordered lists using the <code><ul></code> and <code><li></code> elements</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg18.html">ch01-eg18.html</a></td><td>Ordered lists using the <code><ol></code> and <code><li></code> elements</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg19.html">ch01-eg19.html</a></td><td>Definition lists using the <code><dl> <dd></code> and <code><dd></code> elements</td></tr>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg20.html">ch01-eg20.html</a></td><td>Nesting lists</td></tr>
</table>
<h3>Editing text</h3>
<table>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg21.html">ch01-eg21.html</a></td><td>Editing text with the <code><ins></code> and <code><del></code> elements</td></tr>
</table>
<h3>Block and inline elements</h3>
<table>
<tr><td><a href="@htm-basic-web-html-01-ch01-eg22.html">ch01-eg22.html</a></td><td>Block level and inline elements</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.