HTML Tutorial - Learn It Quicker

What is HTML?

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




  Page Title



  My First Heading
  My first paragraph.

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

An HTML element usually consists of a start tag, content, and an end tag:

Content goes here...

The HTML element is everything from the start tag to the end tag:

My First Heading
My first paragraph.

All HTML elements can have attributes. Attributes provide additional information about elements.

Attributes are always specified in the start tag.

Attributes usually come in name/value pairs like: name="value".

Visit Learn It Quicker

In the example above, the attribute href specifies the URL of the page the link goes to.

HTML headings are defined with the <h1> to <h6> tags:

This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6

HTML paragraphs are defined with the <p> tag:

This is a paragraph.
This is another paragraph.

HTML links are defined with the <a> tag:

This is a link

The link's destination is specified in the href attribute.

HTML images are defined with the <img> tag:

The <img> element has two required attributes: src and alt.

HTML lists come in three types: unordered, ordered, and description lists.


  Coffee
  Tea
  Milk


  Coffee
  Tea
  Milk

HTML tables are defined with the <table> tag:


  
    Firstname
    Lastname
    Age
  
  
    Jill
    Smith
    50
  
  
    Eve
    Jackson
    94

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94

HTML forms are used to collect user input:


  First name:

  

  Last name:

HTML5 introduced several semantic elements that define different parts of a web page: