HTML - example of a simple web page
After a series of advanced courses over the last few weeks, it's really great to be back to basics for a week ... with HTML and simple PHP scripts being the target - training for an organisation who are using PHP to web enable some admin tasks on their intranet.
Back to basics with HTML ...
1. Directives to the browser on how to format are written as tags - <xxx>
through to </xxx>
as the close tag.
1a. Alternative - open and close in one - <xxx />
1b. Attributes can be set in open tags - <xxx yyy="zzz">
Attributes ought be in quotes (but sometimes we forget), and tag and attribute names really should all be lower case these days.
1c. Tags must be "well" nested - i.e. if you open "a" then "b", you must close "b" before "a".
2. All text outside tags displays 'as is' except for new line characters and multiple white spaces, which become single white spaces. Use <br />
for a line break.
2a. If you want an &
character, use &
- there are plenty of others such as ©
for a copyright symbol.
3. Overall page structure - surrounding <html>
tags, with <head>
4. Code to be run on the SERVER to be enclosed in <?php
tag (breaks nromal rule) and this code to generate valid HTML.
<title>Staying at hotels in Leek</title>
<h1>The Peak Weaver's</h1>
This is some HTML. I find it <u>hard to know</u> what
to say when I'm doing a demo!<br /><br />
<Copyright>, & me, <?php print(date("Y")); ?>.<hr />
What a wonderful way of writing text documents!<br />
Please see <a href=smith.html>the chap on my left</a> if
you want the StevEbay stuff. If you want to search,
try <a href=http://www.google.com/>Google</a><hr />
Your height <input type=text name=high><br />
Your weight <input name=heavy><br />
Associated topics are indexed as below, or enter http://melksh.am/nnnn for individual articlesQ624 - Object Orientation and General technical topics - HTML - An Overview 
The VERY basics of a web page ... and web site - (2013-03-09) 
Text formating for HTML, with PHP - (2008-10-11) 
All the special characters in HTML ... - (2007-12-07) 
Strikingly busy - (2006-09-06) 
FTP - how to make the right transfers - (2005-09-01)W502 - Web and Intranet - HTML Document Anatomy 
How big is a web page these days? Does the size of your pages matter? - (2011-12-26) 
Tags used in writing this blog - (2011-11-12) 
Redirecting to your main domain for correct security keys - (2010-03-13) 
What difference does using the XHTML standard really make? - (2009-06-18) 
Alternative URLs using % symbol encoding - (2008-09-27) 
Getting the community on line - some basics - (2007-11-13) 
Updating a page strictly every minute (PHP, Perl) - (2007-05-14) 
Positioning with Cascading Style Sheets - (2006-12-16)
Some other Articles
Grand Central StationA better alternative to cutting and pasting codeCheddleton, StaffordshireA contrast in room rates and facilitiesHTML - example of a simple web pageIt can take more that one plus one to get two.Private Java Course - A customer's picturesSpeed Networking - a great evening and how we arranged itTwo by One by WiltshirePointers in C
4750 posts, page by page
Link to page ... 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95 at 50 posts per page
This is a page archived from The Horse's Mouth at
the diary and writings of Graham Ellis.
Every attempt was made to provide current information at the time the
page was written, but things do move forward in our business - new software
releases, price changes, new techniques. Please check back via
our main site for current courses,
prices, versions, etc - any mention of a price in "The Horse's Mouth"
cannot be taken as an offer to supply at that price.
Link to Ezine home page (for reading).
Link to Blogging home page (to add comments).