Preparing Your Work for the Creative Nonfiction Web: Simple Tables

George P. Landow

[Home —> E-Nonfiction —> Directions]

Tables provide an efficient means of arranging materials in an html document. They are especially useful for (a) placing text next to an image, or (b) arranging images. The one problem is that they require a lot of tagging, and a single typographical error will render the page invisible. Here are two basic tables:.

A Two-Column Table -- useful for putting text next to images

[To see how this table appears look at the document in the Victorian Web.]

<table border ="0" cellspacing= "10" cellpadding="10">
<tr align=left>
<td>
<img src="2.jpg" hspace="0" alt="The Hardy Birthplace Marker">
</td>
<td>

<p><font size="4"><B>The Hardy Birthplace Marker</B></FONT></P>

<p><B>Photograph by <a href="../../dickens/pva/pvabio.html" target="_top">Philip V. Allingham</a></B></P>
<p>2002</p>
<p align="left"> The marker is situated just behind the Higher Bockhampton thatched <a href="1.html" target="_top">cottage</a>.</P>

<A HREF="../../misc/usp.html"><img src="../../icons2/usp2.gif" align="left" vspace="70" hspace="0" border="0"></A>
</td> </tr>
</table>

A Four-Column Table -- useful for arranging images

[To see how this table appears look at the document in the Victorian Web. The material below shows only the first row.]

<center>
<table border ="0" cellspacing= "6" cellpadding="6">
<tr>
<td>
<center> < a href="../leighton/leighton1.html"> <img src="../leighton/leighton1a.jpg" > </a> </center>
</td>
<td>
<center> <a href="../leighton/leighton2.html"> <img src="../leighton/athlete2a.jpg" > </a> </center>
</td>
<td>
<center> <a href="../gilbert/gilbert2.html"> <img src="../gilbert/gilbert2a.jpg" > </a> </center>
</td>
<td>
<center> <a href="../gilbert/gilbert3.html"> <img src="../gilbert/gilbert3a.jpg" > </a> </center>
</td>
</tr>
</table>
</center>

Related Materials

Cyberspace Web Overview Creative Nonfiction E-Nonfiction related courses Directions

Last modified 4 December 2006