Creating An HTML Page

-


What Is HTML?

HTML stands for Hypertext Markup Language which is the standardized system for tagging text to view font, graphics, colour and hyperlinks on electronic pages found on the internet as shown when you google it.

Basically in simpler terms, all the sites that you visit and all the information within those pages are provided through using HTML.

Most people believe that HTML is a programming language which is wrong as it is a markup language.

HTML is one of the easiest things to learn in my opinion and I think everyone should try to learn it as it is easily accessible to all and is actually quite fun.

There are many tools available for creating HTML pages but if you just have a simple text editor, such notepad, you can make an HTML page with ease.

Here is a little exercise you can try out to create your first simple HTML page with the basic tags to get you started.

Follow the steps below:

1.       Start up your computer obviously…J
2.       Open up notepad…this is the most basic text editor and I am sure most people have this.
3.       Type the following as follows:

<html>

<head>

<title>                  </title>

</head>

<body>

</body>

</html>

4.       What you see above are called tags which are used to create your HTML page. I have left spaces to make it more readable for you and hopefully easier to understand.

5.       Below I shall explain these tags so you can have a better understanding in the simplest way I can.

<html> - This marks the beginning of the page which is fairly simple to understand.

</html> - This marks the ending of the page which is simple as well.

Notice that you get a pair of opening and closing tags which most tags have.

<head> - This is as it states which is the head of the page.

<title> - This is found within the head tags as shown above and is the title of your page which is displayed on your tab.

<body> - Here is where all the information that be placed using more relevant tags which I shall introduce you to later on.

6.       The next step is to save this file so, go save as and save it whatever name you wish but keep it as one word followed by .html – this is the extension needed to be used for it to be recognized as an html page.
7.       Now that you’ve saved the page, you can open up the html page. At the moment, it will be blank but as we move forward, you shall see content.
8.       Make sure after every item added, you save the document so you do not lose anything as well as you can then open the html page and refresh it to watch the pages take place.
9.       Now that we have an idea of what this is and what we doing, let us add something to the title as shown below, you can write anything you wish.

 <html>

<head>

<title>  Hello Junaid      </title>

</head>

<body>

</body>

</html>

1   Next, we shall add a heading inside the body tags. To insert a heading, you will need insert a new tag within the body tags as shown below:

<html>

<head>

<title>  Hello Junaid      </title>

</head>

<body>

<h1>      Welcome To My Page   </h1>

</body>

</html>

1   <h1> - This is a tag for headings. This stands for heading 1. There are 6 types of headings starting from h1 all the way to h6.

1   To understand this concept better, you should try all the headings with the body tags like shown below:

<html>

<head>

<title>  Hello Junaid      </title>

</head>

<body>

<h1>      Welcome To My Page   </h1>
<h2>      Welcome To My Page   </h2>
<h3>      Welcome To My Page   </h3>
<h4>      Welcome To My Page   </h4>
<h5>      Welcome To My Page   </h5>
<h6>      Welcome To My Page   </h6>

</body>

</html>

1   I am going to show you one more item which is to add a paragraph to your new page and this is done within the body with yet another tag for this as shown below:

<head>

<title> Hello Junaid       </title>

</head>

<body>

<h1>      Welcome To My Page   </h1>
<h2>      Welcome To My Page   </h2>
<h3>      Welcome To My Page   </h3>
<h4>      Welcome To My Page   </h4>
<h5>      Welcome To My Page   </h5>
<h6>      Welcome To My Page   </h6>

<p>
Here you can write whatever stories you wish to write as this is the tag used to write multiple line for a paragraph. You can write as much as you want.
</p>

</body>

</html>

1 Now that you have an understanding of how an HTML page works, you can now discover more tags that you can use to put more information onto your page and make it as you wish.

  There are many resources on the internet to discover more amazing tags that you can use so make the most of it.

This is just the basics of html and there is much more fun things you can do with an HTML page.


My intention is to give you that first start and create an awareness of how simple and fun it can be. I really do hope you enjoyed this and hopefully it has brought upon an interest within you about how HTML pages are created.


Comments

Post a Comment

Popular posts from this blog

Learn How To Code

-
Image
Learn How To Code Learning how to code can be a very hard task at times especially when you first start and getting into it but luckily there is many resources to which you can utilize now days to make your learning experience that much more easier. STEP 1 Firstly, when taking those first steps into the world of IT and coding, you need to start building your knowledge on the theoretical aspect of things so that you can get a good understanding of what programming is and how it works and the reason for using programming, basically understanding what is programming. I recommend using the book shown below: It is a simple book which is easy to understand, fun to read and takes a more casual approach to understanding the key points to programming. There are many other great books to use and if you not comfortable with this one, you can easily find many great books to learn but main goal is to get your theory behind programming. Without knowing your theo...
Read more

10 Tips In Programming!

-
Image
Below, I have listed some aspects which I believe every programmer should include in his journey through the life of a programmer. At times, you may feel a bit lost and in need of some standards or directions and so I came up with this that I have found beneficial along the way. 1.     Understand Problems This is a must for every programmer out there and is a crucial stepping stone to becoming a good programmer and is one of the basic concepts that needs to be developed in order to be able to be a programmer. Programming is essentially solving problems so you should obtain this skill as then you would be faced with a hard road ahead. 2.     Learn To Plan Generally when starting off learning how to program, you tend to get so excited that you don’t really plan but just go straight into coding and end up in a web of confusion with no guidelines and structure. It is as if you deriving to somewhere you have never been before with no way...
Read more

Understanding the difference between HTML, CSS and JavaScript

-
Image
Here, we shall cover these three aspects in a very general approach to ensure a simple and easy comprehension of these topics so that all that come across this post can get a better and not so technical understanding of this three topics covered. Before we start, know that this three are related to the web and its development. There are many languages, etc but this three generally are the basics which are widely used and is common. HTML HTML which stands for Hypertext Mark-up Language and is a system language. HTML basically is your foundation for your website. It is the structure given to it and is quite straight forward with its tags and format making it simple and easy yet fun to use which is a must if you creating a website as without HTML utilized into your electronic page, it is as if a man walking with no skeleton within him so that should give you an idea of how crucial HTML is but also at the same time, very easy to implement. At first, perhap...
Read more