Skip Navigation

HTML Basics

Let's get started. Hover over each slide to view:

  1. How to read HTML
  2. Create an HTML document
  3. Write document head
  4. Write document body
  5. Add images and links

Syntax:

How to read HTML

 

in reading html you must open and close all tags using proper syntax

 

To create an html document:

  1. Open Notepad or similar text editor
  2. Change character set to UTF8
  3. Save document as whatever.html
  4. Copy what you see in the following slide:

Document Structure:

Create an HTML document

basic html document structure

 

Metadata:

Write HTML Document Head

the head section of an html document provides metadata which tells the browser how to read the document

Note: it is not necessary to create a CSS document in order to display your HTML page. [What this page would look like without CSS]

Checkpoint: Verify that your document looks something like this.

Webpage:

Write HTML Document Body

examples for elements you can include in the body of an html document

 

Bonus:

Insert images and links

how to insert images and hyperlinks to html

To view your HTML document's progress: Save your work (for simplicity, do not close Notepad).

  1. Go to wherever you saved the file and double click it: usually it will automatically display in your default web browser.
  2. If it does not display: right click the document and select OPEN WITH and select your browser.