Introduction to HTML !

At its heart, HTML is a language made up of elements, which can be applied to pieces of text to give them different meaning in a document (Is it a paragraph? Is it a bulleted list? Is it part of a table?), structure a document into logical sections (Does it have a header? Three columns of content? A navigation menu?), and embed content such as images and videos into a page. This module will introduce the first two of these and introduce fundamental concepts and syntax you need to know to understand HTML.

What is HTML ?

HTML is the standard markup language for creating Web pages :

HTML stands for Hyper Text Markup Language.
HTML is the standard markup language for creating Web pages.
HTML describes the structure of a Web page.
HTML consists of a series of elements.
HTML elements tell the browser how to display the content.
HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

A Simple HTML Document

Example :


                <!DOCTYPE html>

<html>

<head>

<title>My First Webpage

</head>

<body>



<h1>Welcome to my first webpage.</h1>

<p>Thanks for visiting my webpage.</p>



</body>

</html>

Example Explained :

• The <!DOCTYPE html> Declaration defines that this document is an HTML5 document.

• The <html> Element is the root element of an HTML page.

• The <head> Element contains meta information about the HTML page.

• The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab).

• The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.

• The <h1> element defines a large heading.

• The <p> element defines a paragraph.

What is an HTML Element ?

An HTML element is defined by a start tag, some content, and an end tag :

<tagname> Your content goes here... </tagname>

Table Chart :

Web Browsers

The purpose of a web browser (Chrome, Edge, Firefox, Safari, Brave, Crypto Tab) is to read HTML documents and display them correctly.

A browser does not display the HTML tags, but uses them to determine how to display the document:

Written Code :
<!DOCTYPE html>
<html>
<head>
<title>My First Webpage
</head>
<body>

<h1>Welcome to my first webpage.</h1>
<p>Thanks for visiting my webpage.</p>

</body>
</html>

Result :

HTML Page Structure

Below is a visualization of an HTML page structure:

HTML Page Explaination :

Other Introduction Pages :