Welcome to our first course on HTML. This course will introduce you to the basics and importance of HTML. Subsequent courses will be diving deep into HTML without wasting much of your time. Be rest assured that the courses will be made as simple as possible and easy to understand.
INTRODUCTION TO HTML
WHAT IS HTML ?
HTML which stands for Hyper Text Markup Language is the raw skeletal structure that holds the web pages. HTML comprises of series of codes which are clearly understood by the web browser. This codes are read and interpreted by the web browser into the beautiful website you see every day.
HTML is the most popular and widely used coding language for web development and it was developed and introduced by Berners-Lee in 1991. As at 1991, the first HTML that was introduced then was tagged as HTML 2.0 and since then, there have been several modifications and advancement in the world of HTML. Currently, the version of HTML been used is tagged HTML5. This is the HTML used in building the current web pages you see on daily basis.
This HTML course tutorial is designed and introduced to ensure interested HTML Web developers understand the HTML basics in the least and well explained process.
Before diving deep into the interesting functionalities and use of HTML, we want to let you know that we have made some occlusions that:
- You understand the basic functionality and use of computer systems
- That you have basic knowledge and use of text editors such as vscode, note pad++, sublime etc
- That you fully understand how to create folders and manipulate the use of folders in a computer system.
- That you fully understand the common image and video file extensions such as jpeg, png etc
- That you understand the basic and structures of MP3 documents and how to use them.
THE BASICS OF HTML DOCUMENTS AND WEB PAGES
The basic HTML web document comprises of the head and the body elements. A typical image showing the basic elements on a web page is shown below
<!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 first web Document</title> </head> <body> <h1> This is the largest head section </h1> <p> This is the body paragraph section </p> </body> </html>
RESULT ON WEB BROWSER
This is the largest head section
This is the body paragraph section
NOTE: To print out the same result as shown above, kindly save the HTML SOURCE file as a html document and open the document using a common web browser such as google chrome, opera mini web browser or Mozilla Firefox
NAMES AND IMPORTANCE OF BASIC HTML TAGS
|BASIC TAGS||TAG DESCRIPTION|
|<!DOCTYPE>||This is the first tag found in any html web document. This tag is used to describe the document type and it tells the web browser the type of document the page is. For example HTML|
|<html>||This tag encloses all the other codes present in the html web document such as the head, title and body tags|
|<head>||This is the tag that encloses the head section of the web page. It houses the title, external links and styles used in the web document.|
|<title>||This is the tag that houses the title of the web document and its located at the head section of the web page, inside the title tags.|
|<body>||This tag houses the body section of the web page. It houses other tags such as the p1, div, table, ol, ul etc|
|<h1>||This is the tag that houses the largest header on the web page. Other tags similar to this include: h1, h2, h3, h4, h5, h6 etc. h1 is the largest header tag and h6 is the smallest header tag.|
|<p>||This tag houses the paragraph section of the web page.|
Learning to understand HTML
HTML like many other languages, is simple and can be very easy to understand if you put in the right effort. You have to start learning from the basics which include understanding the tag structures, element structures etc. The tags and element structures are the basic tools used in structuring document using HTML.
A simple and typical web document in HTML comprises of the areas shown below
//Document declaration tag <head> </head> <body> // all document body tags </body> </html>
The above article explains the basic aspect of HTML. Now lets move to the next top on HTML – BASIC TAGS