A Simple HTML Document - Exercise

Contact Us or call 1-877-932-8228
A Simple HTML Document - Exercise

A Simple HTML Document

We're starting this lesson off with a quick exercise so that you can get your hands on HTML right away. Then we'll explain what you have created and start introducing you to basic HTML concepts.

Duration: 5 to 15 minutes.

In this exercise, you will create your first HTML document by simply copying the text shown below. The purpose is to give you some sense of the structure of an HTML document.

  1. Open a simple text editor such as Notepad and create a new file. Do not use an HTML editor for this exercise.
  2. Save the file as HelloWorld.html in the HTMLBasics/Exercises folder.
  3. Type the following exactly as shown:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Hello world!</title>
    </head>
    <body>
    	Hello world!
    </body>
    </html>
  4. Save the file again and then open it in your browser by navigating to the file in your folder system and double-clicking on it. The page should appear as follows:Hello World on Page

Solution:

HTMLBasics/Solutions/HelloWorld.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Hello world!</title>
</head>
<body>
	Hello world!
</body>
</html>
Next