Re-vision - Photography and Graphics by J. Boersma - Webwork HTML Tutorial

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>



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.

</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:

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.
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 (break) or (paragraph) tags.
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.
The  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.