HTML - example of a simple web page

For 2023 (and 2024 ...) - we are now fully retired from IT training.
We have made many, many friends over 25 years of teaching about Python, Tcl, Perl, PHP, Lua, Java, C and C++ - and MySQL, Linux and Solaris/SunOS too. Our training notes are now very much out of date, but due to upward compatability most of our examples remain operational and even relevant ad you are welcome to make us if them "as seen" and at your own risk.

Lisa and I (Graham) now live in what was our training centre in Melksham - happy to meet with former delegates here - but do check ahead before coming round. We are far from inactive - rather, enjoying the times that we are retired but still healthy enough in mind and body to be active!

I am also active in many other area and still look after a lot of web sites - you can find an index ((here))

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 & or < character, use & or < - there are plenty of others such as © for a copyright symbol.

3. Overall page structure - surrounding <html> to </html> tags, with <head> and <body> sections within.

4. Code to be run on the SERVER to be enclosed in <?php to ?> tag (breaks nromal rule) and this code to generate valid HTML.

Example:

<html>

<head>

<title>Staying at hotels in Leek</title>

</head>

<body>

<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>, &amp; 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 />

<form action=esq.php>

Your height <input type=text name=high><br />

Your weight <input name=heavy><br />

<input type=submit>

</form>

</body>

</html>

That's just the basics ... there's so much more about links, forms, Javascript, Style sheets ... but the above is a "Hello World" page of first examples. See it run here
(written 2007-04-24)

Associated topics are indexed as below, or enter http://melksh.am/nnnn for individual articles

W502 - Web and Intranet - HTML Document Anatomy
  [857] Strikingly busy - (2006-09-06)
  [993] Positioning with Cascading Style Sheets - (2006-12-16)
  [1187] Updating a page strictly every minute (PHP, Perl) - (2007-05-14)
  [1431] Getting the community on line - some basics - (2007-11-13)
  [1463] All the special characters in HTML ... - (2007-12-07)
  [1811] Alternative URLs using % symbol encoding - (2008-09-27)
  [2246] What difference does using the XHTML standard really make? - (2009-06-18)
  [2675] Redirecting to your main domain for correct security keys - (2010-03-13)
  [3517] Tags used in writing this blog - (2011-11-12)
  [3563] How big is a web page these days? Does the size of your pages matter? - (2011-12-26)
  [4034] The VERY basics of a web page ... and web site - (2013-03-09)

Q624 - Object Orientation and General technical topics - HTML - An Overview
  [433] FTP - how to make the right transfers - (2005-09-01)
  [1831] Text formating for HTML, with PHP - (2008-10-11)

Back to
It can take more that one plus one to get two.

Previous and next
or
Horse's mouth home

Forward to
A contrast in room rates and facilities

Some other Articles

Grand Central Station
A better alternative to cutting and pasting code
Cheddleton, Staffordshire
A contrast in room rates and facilities
HTML - example of a simple web page
It can take more that one plus one to get two.
Private Java Course - A customer's pictures
Speed Networking - a great evening and how we arranged it
Two by One by Wiltshire
Pointers in C

4759 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, 96 at 50 posts per page

This is a page archived from The Horse's Mouth at http://www.wellho.net/horse/ - 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).

You can Add a comment or ranking to this page

Like this? ??