Webwork
/
A Minimal HTML Document

Example:

Source Code:
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Minimal HTML Document</title>
</head>

<body>

<!-- Invisible comment -->

<p>This document is a very simple HTML sample containing only text with very few tags. Compare this to its source code to see the minimum elements required for an HTML document.</p>

</body>

</html>
Web Page:
This document is a very simple HTML sample containing only text with very few tags. Compare this to its source code to see the minimum elements required for an HTML document.

Some HTML generalities:

  1. HTML tags should be lower case.
    Though not mandatory, it's a good idea to make all filenames lower case for consistency which greatly reduces the likelihood of errors.
  2. Carriage returns in HTML documents are ignored by the browser (though they're very useful for organizing the HTML source document so you can easily go back and revise it). To create a break between lines of text or paragraphs in a web page, use <br /> (break) or <p></p> (paragraph) tags.
  3. Multiple spaces in HTML docs are compressed into a single space onscreen. If you want to force multiple spaces to occur, use the "non-breaking space" special character.
  4. <!-- Viewers won't see what's here -->
    The <!-- and --> tags place "comments" in the HTML document that will not be visible onscreen - very useful for organizing or annotating your source document.

The primary parts of an HTML doc:

<!DOCTYPE html> Tells the browser what HTML version is being used.
<html lang="en"> Tells the browser to treat what follows as HTML code and tells the browser (and some search engines) the primary language of the page. en = English.
<head> Defines the portion of the HTML document that contains the page title and can also contain other things like meta tags, scripts, style parameters and references to external files. Items in the head are not displayed on the Web page. [Careful: do not confuse head, heading and header.]
<meta charset="utf-8"> Tells the browser what character encoding standard is being used.
<title>Hello World</title> Page title. Does not appear in the page but appears at the top of the browser window or in the browser tab. (The title of the page you are reading is "Re-vision - Photography and Graphics by J. Boersma - Webwork HTML Tutorial - A Minimal HTML Document")
</head> Closes head of document
<body> Begins body of document. All of the content that you want people to see goes in the body of the document.
<!-- Invisible comment --> Invisible comment. Viewable in source code but not on page.
<p>This document...</p> A paragraph.
</body> Closes body tag.
</html> Closes HTML tag and ends the document.

Previous | Webwork Table of Contents | Next >
Re-Vision.com

projects:
Simple Truths (and Complex Lies)

The Built World
Semblance Portrait Project
Back to Square One
Changing Chicago
Chicago's Reliance Building
US
Along the Mississippi River
The Work of Antoni Gaudí
Graffiti

places:
Morocco 2023
Beecher, Illinois
Iceland 2017
Cuba 2015
Providence, Rhode Island
Greece 2013
Eastern Europe 2013
Israel 2010
Paris, France
Puebla, Mexico 2009
Puerto Rico 2009
Barcelona 2007
Rome, Italy 2006

archive:
Graphics, sounds, and other ancient
items from the dawn of the Web.


FWIW:
Biography

©
Jay Boersma