Weebly

Create your website the fast and easy way without learning any code

Lesson 1: Tags

Opening and Closing Tags

HTML code is referred to as tags. Most tags have both an opening tag and a corresponding closing tag. Every HTML file begins with this opening tag:

<html>

Every HTML file ends with the corresponding closing tag:

</html>

Notice the / in the closing tag? All closing tags must have this slash. You know why? Because it's a closing tag, that's why.

Below the opening html tag come the opening and closing head tags:

<head> </head>

The head tag doesn't have any affect on what appears on the web page, it's job is to hold certain other types of tags, one being the title tag:

<title>My First Webpage</title>

The text between the title tags will appear in the browser's title bar:

Next comes the closing head tag. Remember, a closing tag has a slash. So this is what the code should look like so far:

<html>

<head>
<title>My First Webpage</title>
</head>

Now let's get to putting something on the webpage. Everything that is seen on web pages is found between the opening and closing body tags:

<body> </body>

Example:

<html>

<head>
<title>My First Webpage</title>
</head>

<body>
Look Ma, I'm Making my first webpage
</body>

</html>

Notice that the closing html tag was added to the code. This means we are finished (at least for now), so save your code following the instructions given in the introduction of this tutorial.

Curious to see how the webpage looks? Open the webpage in your browser and have a look. If you did it correctly the text between the body tags will appear on the webpage. In the next lesson you will be introduced to more tags and what they do. So let's move on to lesson 2

 

ComboInk Free Shipping for Order over $50


Disclosure
Some links on this webpage earn this site a commission.