HTML Tutorial

Introduction Editors Attributes Basic Tags Styles Colors Links Images Lists Block & Inline Classes Id Iframes Responsive Tables Forms

HTML Introduction

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.

<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
Try It your self


HTML tags are like keywords which defines that how web browser will format and display the content. With the help of tags, a web browser can distinguish between an HTML content and a simple content. HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags.

1) All HTML tags must enclosed within <> these brackets.
2) Every tag in HTML perform different tasks.
3) If you have used an open tag <tag>, then you must use a close tag </tag> (except some tags)

HTML Elements

An HTML file is made of elements. These elements are responsible for creating web pages and define content in that webpage. An element in HTML usually consist of a start tag , close tag and content inserted between them. Technically, an element is a collection of start tag, attributes, end tag, content between them.

Block-level and Inline HTML elements

For the default display and styling purpose in HTML, all the elements are divided into two categories:

Block-level element
Inline element

Block-level element:

These are the elements, which structure main part of web page, by dividing a page into coherent blocks. A block-level element always start with new line and takes the full width of web page, from left to right.

Following are the block-level elements in HTML.
<address>, <article>, <aside>, <blockquote>, <canvas>, <dd>, <div>

Inline elements:

Inline elements are those elements, which differentiate the part of a given text and provide it a particular function. These elements does not start with new line and take width as per requirement.

Following are the block-level elements in HTML.
<a>, <abbr>, <acronym>, <b>, <bdo>, <big>, <br>