Creating A Heading (Not Header)

At first we will add a heading for the Mars tours website. This will tell the visitor what is the website all about

  • Facebook
  • Twitter
  • LinkedIn
  • Instagram

To create a heading, we will use the H1 tag.

The heading will be - "Mars Calling. Get Your Tickets Now." Catchy isn't it?

Open your html code editor and type this code-

The HTML code will be -

<!DOCTYPE HTML>

<html>

<head></head>

<body>

<h1>Mars Calling. Get Your Tickets Now!</h1>

</body>

</html>

End of code

So as you can see, to put an h1 element, we use the h1 tag. The H1 tag starts with <H1> and then we close the tag like this </h1> In between, we write the content.

We sandwich the whole code inside the HTML tag. So we use <html> </html> and in between the the start tag and close tag, we have all our codes. We sandwich the main body content of the website in between the <body> </body> elements.

After you finish typing the code, save the code and don't forget to add .html extension after naming it. Let's name it Mars.html

You can then click on the saved .html file. It will  open your browser and 'render' the code - as the visitors would see. So the above code will look like this-

Screenshot 2021-10-08 at 01-58-43 Screenshot.png

Before you proceed to the next step, create a folder and put that Mars.html file inside that folder. You will learn later why you need to do that.