Setting Up the Basic Document Structure

Understanding the Web

How to create a website

Parts of an HTML page

Structure of an HTML Document

Creating and viewing a WEB PAGE

Text formatting in HTML

Organising information using lists

Structure content with tables

Data collection with forms

Navigation with links

Displaying images

The html element, which is more properly called the root element, indicates the start of the HTML inside of your document.

<!--Using the html Element-->
<html>
...content and elements omitted...
</html>

The head element

The head element contains the metadata for the document. In HTML, metadata provides the browser with information about the content and markup in the document, but can also include scripts and references to external resources (such as CSS style sheets).

<html>
  <head><title>Hello</title>
  </head>
</html>

The body element

The body element encapsulates the content of an HTML document, as opposed to the head element, which encapsulates metadata and document information. The body element always follows the head element so that it is the second child of the html element.

<html>
  <head>
    <title>Example</title>
  </head>
  <body>
    <p>I like <code id="applecode">apples</code> and oranges.</p>
    <a href="http://apress.com">Visit Apress.com</a>
  </body>
</html>

I like apples and oranges.Visit Apress.com

Setting the document title

The title element sets the document’s title or name. Browsers usually display the contents of this element at the top of the browser window or tab.

Using the head element

<head>
  <title>Example</title>
</head>