HTML Introduction
What is HTML ?
- HTML Stands for Hyper Text Markup Language.
- 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 are represented by Tags.
- HTML tags label pieces of content such as " Heading ", "Paragraph"," Table " and so on.
- Browsers don't Display the HTML Tags, But use them to Render of the content of the Page.
HTML Documents
All HTML documents must start with a document type declaration < !DOCTYPE html >.
The HTML document itself begins with < html > and ends with < / html >.
The visible part of the HTML document is between < body >
and < / body >
.
HTML Headings
HTML headings are defined with the < h1 >
to < h6 >
tags.
< h1 >
defines the most important heading. < h6 >
defines the least important heading.Example
< h1 >
This is heading 1 < / h1 >
< h2 >
This is heading 2 < / h2 >
< h3 >
This is heading 3
< / h3 >
< h4 >
This is heading 4
< / h4 >
< h5 >
This is heading 5
< / h5 >
< h6 >
This is heading 6
< / h6 >
A Simple HTML Document
Example
< ! DOCTYPE html >
< html >
< head >
< title > Page Title < / title >
< / head >
< body >
< h1 > My First Heading < / h1 >
< p > My first paragraph. < / p >
< / body >
< / html >
< html >
< head >
< title > Page Title < / title >
< / head >
< body >
< h1 > My First Heading < / h1 >
< p > My first paragraph. < / p >
< / body >
< / html >
Example Explained
- The < ! DOCTYPE html > declaration defines this documnet to be HTML 5.
- 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.
- HTML Tags normally come in Pairs like < p > and < / p >.
- 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.
Tip: The start tag is also called the opening tag, and the end tag the closing tag.