HTML

HTML or Hyper Text Markup language is the standard language of Web used to build a website or web application. HTML is used to display the content of a website in the form of text, headings, media, list , tables etc on a web browser. It is impossible to build a website without html.

HTML Tutorial
HTML Tutorial

HTML Use

HTML is a markup language, as it contains markup tags or tags. HTML Tags are used to build structure of a website including paragraghs, headings, tables, lists, buttons, forms, images, audio, video etc.

HTML build the structure of web pages. It is also known as Building Block of a website. Browsers understand html tags and render content. HTML is Browser Interpreted language, thus load fast as compilation is not required.

To learn web designing, one should starts with HTML first. HTML includes 140+ tags and attributes to build webpage layout. The latest version of html is HTML5, which included HTML, CSS and JavaScript. HTML and CSS are static, while JavaScript is dynamic.

HTML is not a programming language.

HTML is also used to create Emailers.


HTML History

Tim Berners-Lee

Tim Berners-Lee

CEO W3C

HTML was invented by a CERN scientist Tim Berners-Lee in 1989. The primary purpose to invent HTML was to share information on web for Research Scientists and Engineers so that other professionals in same domain can have access to your research work. Writing Books and Journals are only limited to some people. To run html, a web browser WorldWideWeb was developed, but later on it was renamed to Nexus.

W3C

W3C is the organisation who build standards for the development of World Wide Web. W3C was founded by Tim Berners-Lee in Oct 1994. Tim Berners-Lee is also the current CEO of W3C. To check a webpage standards, we use W3C Validator.


HTML Versions

HTML was first formed in 1991. Here is a list of various HTML versions with release date and versions.

HTML Version Date
HTML 1991
HTML 2 1995
HTML 3.2 1997
HTML 4 1997
HTML 4.01 1999
XHTML 1.0 2000
XHTML 1.1 2001
HTML5 2011

HTML Editors

HTML Editor is the software used to write html code. A web browser is used to view webpage. Some Popular code editors are notepad++, brackets, sublime text , atom, and Visual Studio Code etc. You can use any one of them.

HTML Editor OS Type
Brackets Windows / Mac / Linux Open Source
Sublime Text Windows / Mac / Linux Open Source
Atom Windows / Mac / Linux Open Source
VS Code Windows / Mac / Linux Open Source
Notepad++ Windows Open Source
Dreamweaver Windows / Mac Licenced

How to build a website using html

To build a webpage using html, use following steps. These steps are based on HTML5 standards. Just follow these simple steps, and your first html page is ready, with W3C Standards.

  1. Open any code editor.
  2. Create the doctype of webpage. e.g. <!DOCTYPE html>
  3. Create Parent html tag e.g. <html> </html>
  4. Create head tag inside html tag, e.g. <head> </head>
  5. Create body tag after head tag closing, e.g. <body> </body>
  6. Add title tag inside head, e.g. <title> </title>
  7. Add meta tag inside head, e.g. <meta charset="utf-8">
  8. Save page as index.html file on your system.
  9. Double Click the file and your webpage is live on browser.
  10. To edit webpage, right click on html file and select open in editor.

A Simple HTML Page

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Webpage Title</title>
    <meta charset="UTF-8">
</head>
<body>
</body>
</html>

Hello HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Hello HTML</title>
    <meta charset="UTF-8">
</head>
<body>
    Hello HTML 
</body>
</html>


HTML Tags

HTML Tags are used to build components in a webpage. Everything in a webpage is build by HTML. Here are some popular HTML Tags

Tag Name Description
<html> HTML Tag is the parent tag of a webpage.
<head> Head Tag is first child of html tag and is used to write the information for web browsers and Search engines.
<title> Title tag is used only once inside head tag. Title is always displayed in browsers tab. Title is also use-use full for search engines to know about the webpage. Its max character limit is 60-70. Title should be unique for every webpage.
<meta> Meta tag is used to define the charset family, description, keywords, Author, robots and Geo Location of the website.
<link> Link tag is used to link external css, favicon icon, publisher and canonical of the webpage.
<script> Script Tag is used to attach external javascript, jquery, and AngularJS scripts with the webpage.
<body> Body tag is used to create the webpage structure. Structure includes Headings, Paragraphs, images, tables, division, etc of the webpage. Body includes all the content which users see on a website.

Overall, there are 140+ Tags in HTML5. These tags are explained one by one in our next articles. To View Full List, Click Here, HTML Tags


HTML Attributes

HTML Atributes are used to add extra information to an HTML Element. Attributes are used in start tag. Only a single attribute is allowed once. Attribute repetition is not allowed. Here are some popular HTML Attributes.

Attribute Description
class group single or multiple elements.
<p class="text">para</p>
id Set unique id of single element.
<p id="text">para</p>
title Tooltip of an element. Shows title content on mouseover.
<p title="this is sample title">para</p>
type Specity type of html Elements.
<input type="text">
src Source of media elements like images, iframes, Audio, Video.
<img src="logo.png" alt="">
href Hypertext Reference of Hyperlinks or Link Tag.
<a href="about.html">About</a>

See all HTML Attributes


HTML Doctype

An HTML page is always started with doctype first. HTML Doctype is not a tag. Doctype define the html version to browsers, search engines and validator with DTD we are using. HTML Doctype

HTML5 Doctype


 <!DOCTYPE html>                 
                 

HTML Comments

HTML Comments are used to write messages or notifications for web developers. Comments are started with <!-- and ends with -->. These comments are not visible in browsers, but remain in page source code.


    <!-- HTML Comment -->