Lesson List
HTML Introduction
0/1
HTML Editors
0/1
HTML Basic Tags
0/1
HTML Elements
0/1
HTML Attributes
0/1
HTML Headings
0/1
HTML Paragraph
0/1
HTML Text Formatting
0/1
HTML Meta Tags
0/1
HTML Quotations
0/1
HTML Comments
0/1
HTML Images
0/1
HTML Background
0/1
HTML Colors
0/1
HTML Lists
0/1
HTML Tables
0/1
HTML Forms
0/1
HTML Spell Check
0/1
HTML Media
0/1
HTML Marquees
0/1
HTML CSS
0/1
HTML Links
0/1
HTML Block & Inline
0/1
HTML Classes
0/1
HTML Id
0/1
HTML I frames
0/1
HTML Java script
0/1
HTML File paths
0/1
HTML Layout
0/1
HTML Responsive
0/1
HTML Computer Code
0/1
Lesson: HTML Introduction
About Lesson

HTML Introduction

In this tutorial, we will learn about HTML, Features of HTML, Elements and Tags, simple HTML document and its explanation.


What is HTML?

HTML(Hyper Text Markup Language) is a markup language used to create basic structure of webpages. It is the most widely used languages on web to create webpages. The latest version of HTML is HTML5. HTML mostly consist of tags & attributes.

Note : It is not a programming Language, it is a markup language.


Features and Key-points of HTML

  • Simple – It is a simple markup language in the sense that a webpage can be broken down into small parts or elements using HTML tags, and a variety of HTML attributes.
  • Browser and Platform Independent – HTML can be executed on different browser and platform.
  • Import Files – HTML support different format of files and give permission to import them in the webpage.
  • Must required – HTML is must required to create a webpage or a website.

Elements and Tags

A Tag/Element usually consists of an opening tag (<tag_name>), a closing tag (</tag_name>), and some content in between. Tags are case-insensitive.

Syntax :

<tag_name>....content....</tag_name>

Example :

start/Opening Tag Some Content End/Closing Tag
<h1> My First Heading </h1>

Basic HTML Document

<!DOCTYPE html>
<html>
  <head>
    <title>Hello!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <p>This is a simple paragraph.</p>
  </body>
</html>

Output

Hello World!

 

This is a simple paragraph.


Explanation of Hello World Program

Tags Description
<!DOCTYPE html> Defines the HTML version used in the document. (in this case, version is HTML 5)
<html> Mainly known as the Root element and used to wrap all the code.
<head> This tag represents the document’s header and contains metadata, title, links etc.
<title> This tag represents the title of the page which will be displayed on the tab/windows bar of the browser.
<body> This tag represents the document’s body and contains all the visible or audible content.(like tables, paragraphs, links, images, lists, etc.)
<h1> This tag defines the large heading.
<p> This tag defines the paragraph.

 

Exercise Files
No Attachment Found
No Attachment Found
Lesson List
HTML Introduction
0/1
HTML Editors
0/1
HTML Basic Tags
0/1
HTML Elements
0/1
HTML Attributes
0/1
HTML Headings
0/1
HTML Paragraph
0/1
HTML Text Formatting
0/1
HTML Meta Tags
0/1
HTML Quotations
0/1
HTML Comments
0/1
HTML Images
0/1
HTML Background
0/1
HTML Colors
0/1
HTML Lists
0/1
HTML Tables
0/1
HTML Forms
0/1
HTML Spell Check
0/1
HTML Media
0/1
HTML Marquees
0/1
HTML CSS
0/1
HTML Links
0/1
HTML Block & Inline
0/1
HTML Classes
0/1
HTML Id
0/1
HTML I frames
0/1
HTML Java script
0/1
HTML File paths
0/1
HTML Layout
0/1
HTML Responsive
0/1
HTML Computer Code
0/1
0% Complete
error: Content is protected !!