How to Make a Web Page with HTML5

HTML (Hyper Text Markup Language) is the language for creating Web pages. HTML is fun and easy to learn. It uses “Start” and “End” tags to tell a Web browser how to display content. By the end of this tutorial, you will know how to create your first Web page.

To start making a Web page you will need two things, a plain text editor like Notepad and a Web browser like Google Chrome or Firefox.

Begin by creating a new text document and naming it “myFirstWebPage.html”. Next, we need to edit the HTML document and type some content.

Type the following into your document.

<html>


</html>

The first line contains the ‘start HTML’ tag. The second line contains the ‘end HTML’ tag. These tags tell a Web browser that everything appearing between them is HTML.

A Web page is divided into two main sections, the head and the body. Let’s add a head and a body to our Web page.

<html>

<head>

 

</head>

<body>

 

</body>

</html>

The head and body sections of our Web page each have their own start and end tags. Notice that these tags fit between the HTML tags.

Now we can add some words to our Web page. Try this…

<html>

<head>

 

</head>

<body>

Hello World!

</body>

</html> 

Words or images that you want to appear on your Web page, go in the body section between the ‘start body’ and ‘end body’ tags.

So then, what is the head section for? The head section contains many useful things about your Web page, like a title, for example. Let’s add a title to our Web page now.

<html>

<head>

<title>My First Web Page</title>

</head>

<body>

Hello World!

</body>

</html>

Notice how the ‘start title’ tag and the ‘end title’ tag are on the same line. That is fine. You do not need to put your tags on separate lines. In fact, this would work just fine.

<html><head><title>My First Web Page</title></head><body>Hello World!</body></html>

The Web browser does not mind but I would suggest that you write your HTML code in a way that is easier to read.

The last thing we will add to our Web page is a single tag at the start of our code.

<!DOCTYPE html>

<html>

<head>

<title>My First Web Page</title>

</head>

<body>

Hello World!

</body>

</html>

This lets the browser know we are using HTML version 5.

Now when you save your HTML file and then open it with a Web Browser you should see your Web page. It will look something like this. 

image of a web page

Congratulations! You have made your first Web page with HTML code. And that ends this tutorial. But don’t feel sad. There is still much more HTML to learn.

In the next tutorial we will learn about tags that can format text.

How to Format Text

Comments

Post a Comment

Popular Posts