How to Create a Simple HTML Document

See HTML: Tips and Tricks for similar articles.
Looking to improve your HTML skills? Check out Webucator’s HTML classes.

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 on your computer as HelloWorld.html.
  3. Type the following exactly as shown:
    
    <!DOCTYPE HTML>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Hello world!</title>
    </head>
    <body>
    	<p>
    		Hello world!
    	</p>
    </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: Simple HTML Document

Related Articles

  1. How to Properly Nest Lists in HTML
  2. How to Open HTML Files in Google Chrome from Visual Studio Code
  3. How to Create a Simple HTML Document (this article)
  4. How to Work with Empty and Container Tags in HTML
  5. How to Mark Up a Citation in HTML
  6. How to Create an HTML Table
  7. How to Force a Refresh of favicon.ico