fbpx
April 2, 2020
introduction to html tutorial

HTML Tutorial #1 | Understanding The Basics, Relevance and Usage

INTRODUCTION TO HTML

Hello! Welcome to the first course on HTML. Today we will be introducing and discussing html to you from the basic stand point in this HTML tutorial

What is HTML?

HTML which stands for hypertext markup language is used to markup text using html tags to enable them display using the proper structure on a web browser. The html tags can be seen as a cement/binder that helps hold blocks when structuring a building.

HTML is the most widely used language for web development and was introduced by Berners-Lee in the year 1991. At the year 1991, the first HTML created was called HTML 2.0. Other versions came up which includes HTML 4.01 till HTML 5.0 which we are making use of today.

This tutorial on HTML is designed to ensure aspiring developers understand HTML in the least and self-explanatory method.

Prerequisites

Before proceeding to the tutorial fully we are making some conclusions which includes that you have basic knowledge of the following:

#1 Basic knowledge of the use of computers

#2 Basic experience of the use of text editors such as note pad++, vs code or any other text editor that best suites you.

#3 How to create files/directories on your computers and navigate through different directories.

#4 Good understanding of images in different formats such as JPEG, PNG etc.

#5 Good understanding of links structures

#6 Good understanding of mp3 formats e.g. mp3, wav etc.

HTML Tutorial | Understanding a Basic HTML Document

The basic and simplest structure of an HTML web page document is shown below

Source code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> My Document</title>
</head>
<body>
    <h1> This is my header section  </h1>
    <p> This is my body paragraph section  </p>
    
</body>
</html>

This gives an output on the web browser shown below

To print out the result as shown, kindly save the file as an html document and open the document using a web browser such as fire fox, chrome, opera mini etc.

Understanding The Basic HTML Tags

TAGS TAG DECRIPTION
<!DOCTYPE>  This defines the document type which is HTML
<html> This encloses the whole document including other tags below
<head> This is the head section of the document holding the title and external links
<title> This tag holds the document title and its found in the head section
<body> This is the body section comprising of the <h1>, <p>, <div> and other tags
<h1> This is the heading or header section of the body
<p> This represent the paragraph section of the body

How to understand HTML

To understand HTML you need to focus first on the tools used in building the html documents and their functions. Example of such tools include the tags. The tags are the major tools used in developing html documents and proper understanding of tags and their usage will help you build html documents properly.

A typical html document has the following simple structures as shown below:

//Document declaration tag

<head>
    
    
</head>
<body>
    // document body tags 
    
</body>
</html>

conclusion

With the article above you can fully understand the basics of html, its importance and its tags. Now move on to the next topic which is HTML – BASIC TAGS

Leave a Reply

Your email address will not be published. Required fields are marked *