What is HTML?

Share:

What is HTML?


A person working at an iMac with lines of code on its screen


Ø  HTML stands for Hyper Text Markup Language
Ø  HTML describes the structure of Web pages using markup
Ø  HTML elements are the building blocks of HTML pages
Ø  HTML elements are represented by tags
Ø  HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
Ø  Browsers do not display the HTML tags, but use them to render the content of the page

Example>>>
<!DOCTYPE html>
<html>
<head>
     <title>Your page Title</title>
</head>
<body>
<h1>Your Main heading will go here</h1>
<p>Your Paragraph will go here</p>
</body>
</html>
Try Yourself



Example Explained
Ø  The <!DOCTYPE html> declaration defines this document to be HTML5
Ø  The <html> element is the root element of an HTML page
Ø  The <head> element contains meta information about the document
Ø  The <title> element specifies a title for the document
Ø  The <body> element contains the visible page content
Ø  The <h1> element defines a large heading
Ø  The <p> element defines a paragraph

HTML Tags

HTML tags are element names surrounded by angle brackets:

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


Ø  HTML tags normally come in pairs like [<h>] and [</h>].

Ø  The first tag in a pair is the start tag, the second tag is the end tag

Ø  The end tag is written like the start tag, but with a forward slash inserted before the tag name

NOTE:
The start Tag also called “Opening Tag” and End tag also called “Closing Tag”.

Web Browsers

Ø  The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.
Ø  The browser does not display the HTML tags, but uses them to determine how to display the document.



The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly.
It must only appear once, at the top of the page (before any HTML tags).
The <!DOCTYPE> declaration is not case sensitive.
The <!DOCTYPE> declaration for HTML5 is:
     <!DOCTYPE html>



No comments