Hello World of HTML

Basic HTML document structure

  • <!DOCTYPE html> : HTML5 document type declaration
  • <html>...</html> : Mark the beginning and the end of the page
  • <head>...</head> : Contains all of the non-visual elements that help make the page work
  • <body>...</body> : All visual-structural elements are contained within the body tag

These are usually found in head tag:

  • <meta charset="UTF-8"/> : UTF-8 Unicode Character encodings in HTML for this page
  • <title>...</title> : Defines the browser page title
Example
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>--TITLE--</title>
</head>
<body>
  Hello!
</body>
</html>
1
2
3
4
5
6
7
8
9
10
Result


Exercise

  1. Write a simple HTML5 page with the very basic structure.
  2. Try to change the page title and page content.