simple webpage
paste-and-go HTML template
To adjust the display press Ctrl and + (enlarge) or Ctrl and – (reduce) or use Ctrl and mouse wheel
- Copy the template below and paste as a text file on your computer
eg. Start>Run... type notepad
or Start>All Programmes>Accessories>Notepad
- Insert your material where the red print indicates
- Click on Save As
- Give the page a name having the extension .htm
- Save as type: All Files
- View the results through your browser
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TITLE OF PAGE</title>
<meta http-equiv="content-type"
content="text/html; charset=windows-1252">
<meta name="description"
content="description of page">
<meta name="keywords"
content="keyword 1; keyword 2">
<!-- created whenever
last update whenever -->
</head>
<body bgcolor="beige">
<a name="top"> </a>
<p align="center">
<br>
<font face="Arial, Helvetica, sans serif" size="7" color="red">
Title of Page
</font>
<br>
<font face="Arial, Helvetica, sans serif" size="5" color="chocolate">
Description of contents
</font>
<br>
</p>
<hr>
<table align="center" width="640">
<tr><td>
<p align="justify">
<br>
<font face="Arial, Helvetica, sans serif" size="3" color="black">
Content material
<br>
</font>
</p>
<p align="left">
<font face="Arial, Helvetica, sans serif" size="3">
<a href="#top">
top</a>
<br>
<a href="another.htm">
link to an internal page</a>
<br>
<a href="http://www.urbanrim.org.uk">
link to an external site</a>
</font>
<br><br>
</p>
</table>
<hr>
<p align="center">
<font face="Arial, Helvetica, sans serif" size="6" color="teal">
your site name
</font>
<br>
<font face="Arial, Helvetica, sans serif" size="3" color="olive">
please mention this source in any reproduction
</font>
<br><br><br>
<a href="index.htm">
<font face="Arial, Helvetica, sans serif" size="3" color="gray">
HOME PAGE</font></a>
</p>
<br>
</body>
</html>
Information between the tags <head> and </head> is essentially for internet purposes. Use capitals for the title here. Keep the description short and to the point. Keywords are words or short phrases typifying the contents of the page. There can be any number. Opinion is divided on the effectiveness of keywords.
Between the <body... and </body> tags are the instructions for what should show on screen. Browsers differ slightly in the way they interpret the code. Before putting your page on the web it is as well to view it through a number of browsers (which are all free to download). A markup validation check is sensible.
To personalise the page, try other values between any of the pairs of quote marks, except for the very first line (DOCTYPE declaration) and non-red parts of the meta tags.
If you don’t want a section then delete it, for example from <a to /a>, <font to /font>, or <p to /p>.
Anything enclosed within the tags <!-- and --> is not shown on the screen. This allows notes to be made in the code.
Not all browsers recognise all names of colours. A safer method when changing colours is to use hex codes. Place a # sign before any hex code.
Please mention this source in any reproduction