topical media & game development

talk show tell print

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>&lt;p&gt;</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>&lt;br&gt;</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>&lt;pre&gt;</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>&lt;b&gt; &lt;i&gt; &lt;u&gt; &lt;s&gt;</code> and <code>&lt;tt&gt;</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>&lt;sup&gt; &lt;sub&gt; &lt;big&gt; &lt;small&gt;</code> and <code>&lt;br /&gt;</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>&lt;em&gt;</code> and <code>&lt;strong&gt;</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>&lt;abbr&gt; &lt;acronym&gt;</code> and <code>&lt;dfn&gt;</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>&lt;blockquote&gt; &lt;quote&gt;</code> and <code>&lt;cite&gt;</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>&lt;code&gt; &lt;kbd&gt; &lt;var&gt;</code> and <code>&lt;samp&gt;</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>&lt;address&gt;</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>&lt;ul&gt;</code> and <code>&lt;li&gt;</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>&lt;ol&gt;</code> and <code>&lt;li&gt;</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>&lt;dl&gt; &lt;dd&gt;</code> and <code>&lt;dd&gt;</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>&lt;ins&gt;</code> and <code>&lt;del&gt;</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.