In this page, you will learn about HTML and its purpose. You will also learn how to make a template of it and how to insert elements of it such as headings and paragraphs.
An HTML (Hyper Text Markup Language) is a standardized mark-up language for constracting web pages. It is the most important type of file you need to have in order to create a page of a website.
The template is the pattern you will be following so that your created web page will run and work properly.
Tags are used to declare on the browser what element you are inserting. most tags have openning and closing and all of them are always enclosed in the symbols "<" and ">".
These are the different tags you will see in an HTML template:
This tag is always at the very first line of an html file, enclosed in "<" and >" symbols, and begins with "!". Its purpose is to declare to the browser that the type of html file you are making is a document html file because of the tag "DOCTYPE".
Its code when you type it on a notepad should go like this:
<!DOCTYPE html>
This tag is the one following the "DOCTYPE tag". It is use to tell the browser that your html will start on that tag. Moreover, it is used for declaring to the browser that the language you will use is english because of the lang="en" part.
The code should go like this when you insert this tag:
<html lang="en">
This tag is use to declare that all elements inside this tag are head elements or those that are at the top of the web page such as title.
Its code should be like this:
<head>
&Taab;The title tag is the tag enclosing the title you want to have on your page. Example is this, I want my page to have a title of "My Website", the code should go like this:
<title>My Title</title>.
Noticed the difference between the two titles enclosed in < and > symbols, the first doesn't have "/" after the "<" symbol while the other has. It just only state that the one that has the "/" symbol is the closing tag which indicates that the element ended already and the next inputs will not have the same function as the first inside the openning and closing tag anymore.
This is the tag indicating that the head contents are already finished.
Its code should go like this:
</head>.
This tag indicates that the next inputs will already be the content of the web page you are creating. All tags of a web page's element like headings, links, and paragraphs, are enclosed in this body tag.
Its opening and closing tag should be like this:
<body>
</body>
Note: the blank line between the openning and closing body tag is the place where you will input other tags you want so that the element having that tag will be presented according to its tag.
The last tag is the Closing HTML Tag indicating that the template is finished. It is the tag declaring the browser that you are done creating your html file. Without this tag, the created file will not run properly. The code for the closing html tag goes like this:
</html>
This should be the output of your blank template consecutively:
<!DOCTYPE html>
<html lang="en">
<head>
<title> </title>
</head>
<body>
Headings are used to put titles on a particular section on a web page. It has a level of 1 to 6. Level 1 is us for entitling the main section of your web page content while the levels 2 to 6 are used for entitling subcontents of the main one.
The code for inserting headings is this:
<h1> </h1>
Links are used to connect one web page or site to another. It is a clickable text which can direct you in another page or site on the web
This is the code to insert a link on your web page:
<a href="***"> </a>
Sample links are listed below, beneath them are their code:
Code: <a href="http://www.facebook.com">Facebook</a>
Code: <a href="http://www.twitter.com">Twitter</a>
Code: <a href="http://www.instagram.com">Instagram</a>
Paragraphs are used to indicate texts in a web page. It has tags also to declare that it is just a plane text.
The tag used to insert a paragraph goes like this:
<p> </p>
If you want to try what you have learned in this page, open a notepad and perform them.