Basic Construction of an HTML Page

This tutorial contains the information in an HTML document, analyzing its basic structure with video. The video will be in end of the page.

Before you may start adding content to your document, there's a simple structure you have to set up in your file. A web page always begins through the start tag of the html (<html>) element and always terminates with the end tag of the html (</html>) element. You can check the example below to get better understand.


<html>

...web page...

</html>


All element tags are sorted within the start and end html tags. Then the web page is additionally subdivided into two chief divisions, they are the 'head' and the 'body'. In fact, the HTML element says your computer that, this is an HTML document.

The head section begins with the <head> which is start tag and terminates with the </head> which is end tag. That means we can separate starting and end tag by placing slash (/) sign and eradicating slash (/) sign.

One set of <html>...</html> tags, one set of <head>...</head> tags and one set of <body>...</body> tags remains in a webpage. The concept can be exemplified by the following:


<html>


<head>

</head>



<body>

</body>



</html
>


Head section generally covers HTML coded instructions on how to categorize title and run the web page. On the other hand body section covers nearly all of the content that you will place on your content and web page. Pictures and sounds are also can be formatted besides text using more HTML code. If you place any text outside of any angle brackets will turn into visible text. After that you can see the output by your web browser on your web page. You can instruct a web browser by placing the text you want to display in between the start and end tags.


How to add title in your web page?



Usually web pages have a title and it appears in the title bar. The title runs across the topmost of the web page. The title is formed by using the <title>...</title> tags. Title tags are always inserted within the <head>...</head> tags. Whole text arising after the <title> start tag and before the </title> end tag will be exhibited as your web page title. Therefore the HTML code stated below will produce a web page entitled 'First web page':

<html>


<head>

<title> First web page </title>

</head>


<body>

</body>


</html>



I will show you the output as a screenshot. Output is stated below:-

By default I used Internet Explorer browser for showing output. You can use any internet browser like Firefox, Google Chrome, Opera etc.

How to add content to your web page?


Let’s add some content to web page. For it you have to type some text in between the <body>...</body> tags. As an example, put the words 'Hello!' on your web page.

<html>

<head>
<title> First web page </title>
</head>

<body>
Hello!
</body>


</html>


Output is stated below:-



For better understanding a video is inserted below:-




Your can also visit Basic Construction of HTML 5 post.

Post a Comment

5 Comments

Emoji
(y)
:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)