HTML5: Creating Your First Web Page
This Quick-Start HTML Tutorial can help you build a simple web page with a text editor like Notepad. The HTML codes you will learn here will be used under the hood when you later use a sophisticated product like Dreamweaver, or an online service like Homestead.
For this page I created a text file using Notepad, and then added HTML tags to tell the browser how to display the page. I saved the document as a text file with the .htm extension, using the File -> Save As commands (details below).
What is HTML?
HTML stands for HyperText Markup Language. HTML5 is the latest version of HTML, and adds new features to handle text and multimedia content on personal computers, tablets and smartphones.
HTML tags will display enhanced text, photos, artwork, and external video clips. Tags are also used as hyperlinks to other web pages, multimedia clips, PDF files, PowerPoint slides, and other document files. Tags are surrounded by angle brackets < and >.
Example: The <strong> opening tag before a word tells a web browser to show the word in bold. The </strong> closing tag after the word sets the text back to normal. I will explain a few more tags later.
Starting Your First Web Page Now!
Right-click on the picture of this cat below and save it to a folder on your computer, so you can use it as an image on your web page. Then create a document in Notepad using the example in the source document below. Further details about tags are listed after the exercise.
When finished, save your Notebook source document by doing the following:
The document and the cat's picture must be in the same folder for this example to work.
HTML Tags Used in the Example
Created March, 1996. Updated February, 2013.
E-mail questions and comments to Bill Dillane