HTML – Introduction

Hypertext Markup Language (HTML) is a computer language  for creating web pages and web applications. It helps to describe the structure of Web pages using markup.HTML elements are the building blocks of HTML pages and are represented by tags.HTML tags mainly consists of  “heading”, “paragraph”, “table” and other items.

Hypertext Markup Language consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser, like Internet Explorer by Cascading Style sheets  to control how your pages are presented, and make pages more accessible. The special effects and interaction is provided by JavaScript, which adds a lot of power to basic HTML.

It is an embed programs written in a scripting language such as JavaScript, which affects the behavior and content of web pages. Involvement of CSS defines the look and layout of content.

It is the combination of Hypertext and Markup language.The markup language is used to define the text document within the tag which defines the structure of web pages.

• Each tag describes a different document

<tagname> content</tagname>

• Can be edited in ant text edit
• Built-In: Notepad(pc), TextEdit(Mac)
• Download: Notepadd++(pc), sublime Text(Mac)
• Save as: index.html / index.htm

These are the same – no difference at all

HTML is the basic building block of the world wide web(w3). It is established by Tim Berners – Lee in 1990. It also becomes an international standard (ISO) in 2000.

NOTE: HTML5 is the latest version of HTML. HTML5 provides a faster and more strong approach to web development.

HTML5 may contain tables, lists, forms, images, and other presentational elements. It is an easy – to – use and pliable format to share information over the internet.The markup available for documents and it has introduced application programming interfaces(API) and Document Object Model(DOM).

Difference between HTML and HTML5:

HTML:

• If didn’t support audio and video without the use of flash player support.
• It uses cookies to store temporary data.
• Javascript does not support in the browser.
• The older version of HTML is less mobile-friendly.
• In HTML4, vector graphics is possible with the help of techniques like VML, Silver light and Flash.
• It does not allow drag and drop effects.
• HTML4 is Not possible to draw shapes like circle, rectangle, triangle, etc.
• It works with all old browsers.
• Older versions of HTML are less mobile-friendly.
• The doctype declaration is too long and complicated.

HTML5:

• HTML5 has supported audio and video controls with the use of audio and video tags.
• It uses the SQL database and application cache to store offline data.
• Allows javascript to run the background this is possible due to js web worker API in HTML5.
• HTML5 language is more mobile-friendly.
• Vector graphics are an integral part of HTML5, SVG(Scalable Vector Graphics), and canvas.
• It allows drag and drop effects.
• Allows drawing shapes like circle, rectangle, triangle, etc.
• HTML5 was supported by all-new browsers like Firefox, Mozilla, Chrome, Safari, etc.
• HTML5 language is more mobile-friendly.
• The doctype declaration is quite simple and easy.

Advantages:

• All browsers supported.
• More device friendly.
• Easy to use and implement.
• HTML 5 in combination with CSS, JavaScript, etc can help build beautiful websites.

Disadvantages:

• HTML Long codes have to be written which is time-consuming.
• Only modern browsers support it.