How to Create a Simple HTML Document

See HTML: Tips and Tricks for similar articles.

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. HTML Heading Levels and Sectioning Content
  2. How to Ask Good Technical Questions
  3. How to Properly Nest Lists in HTML
  4. How to Install and Use Visual Studio Code for Class
  5. How to Open HTML Files in Your Browser from Visual Studio Code
  6. How to Create a Simple HTML Document (this article)
  7. How to Work with Empty and Container Tags in HTML
  8. How to Mark Up a Citation in HTML
  9. How to Create an HTML Table
  10. How to Force a Refresh of favicon.ico