Skip to main content


Show more

HTML Introduction

HTML Introduction

  • HTML is a Hyper Text Markup Language.
  • HTML is not a programming language.
  • HTML tells web browsers how to structure web pages.
  • HTML consists of a series of elements. 
  • HTML elements tell the browser how to display the content.
  • HTML elements are represented by tags.
  • HTML tags label pieces of content such as "heading", "paragraph", "table" etc.

Browsers do not display the HTML tags, but use them to render the content of the page.

1. History Of Html:

Year HTML Version
1989 Tim Berners-Lee invented www
1991 HTML 1.0
1995 HTML 2.0
1997 HTML 3.2
1999 HTML 4.01
2000 XHTML 1.0
2008 HTML5 First Public Draft
2012 HTML5 Living Standard
2014 HTML5
2016 HTML 5.1
2017 HTML5.1 (2nd Edition)
2017 HTML5.2

2. Structure Of Html:



<!DOCTYPE html>
<title>Page Title</title>

<h1>Hello World!!</h1>
<p>My first paragraph.</p>


Example Explanation:

  • The <!DOCTYPE html> declaration defines this document to be HTML5.
  • The <html> element is the root element of an HTML page.
  • The <head> element contains meta information about the document.
  • The <title> element specifies a title for the document.
  • The <body> element contains the visible page content.
  • The <h1> element defines a large heading.
  • The <p> element defines a paragraph.

Only the content inside the <body> section is displayed in a browser.

3. Web Browers:

  • Web browsers are software applications used to access information on the World Wide Web.
  • They interpret HTML (Hypertext Markup Language) documents, which are the backbone of web pages, and render them into human-readable web pages.
  • Browsers also support other web technologies such as CSS (Cascading Style Sheets) for styling web pages, JavaScript for interactive features, and various web standards for multimedia content like images, videos, and audio.

Some of the most popular web browsers include:

1. Google Chrome: Developed by Google, Chrome is known for its speed, simplicity, and support for a wide range of extensions and web standards. It has a minimalist interface and offers features like tabbed browsing, bookmarks, and synchronization across devices.

2. Mozilla Firefox: An open-source browser developed by Mozilla Foundation, Firefox emphasizes speed, privacy, and customization. It offers a robust extension ecosystem, privacy features like tracking protection and private browsing mode, and frequent updates.

3. Microsoft Edge: Originally developed by Microsoft as a replacement for Internet Explorer, Edge is now based on the Chromium engine (the same engine that powers Google Chrome). It offers features like built-in support for Microsoft services, a reading mode, and integration with Windows 10.

4. Apple Safari: Safari is the default web browser for Apple devices like iPhones, iPads, and Mac computers. It focuses on performance, energy efficiency, and integration with the Apple ecosystem. Safari supports features like iCloud Keychain for password management, Reader mode for distraction-free reading, and built-in privacy features.

5. Opera: Opera is known for its speed, efficiency, and built-in features like ad-blocking, VPN (Virtual Private Network), and integrated messengers. It offers a sleek and customizable interface and is available on multiple platforms, including Windows, macOS, Linux, Android, and iOS.

These browsers compete in terms of performance, security, user experience, and features, driving innovation in the field of web browsing. Users can choose the browser that best suits their preferences and requirements based on factors like speed, privacy, customization options, and compatibility with specific websites and web applications.

4. Html Code Editors:

HTML code editors are essential tools for web developers to write and edit HTML code efficiently. They provide features such as syntax highlighting, auto-completion, and error detection to streamline the coding process. Here are some popular HTML code editors:

1. Notepad: Notepad is a simple text editor included with Windows operating systems. While basic, it can be used for editing HTML code.

2. Notepad++: Notepad++ is a free and open-source text editor for Windows. It offers advanced features like syntax highlighting, auto-completion, and support for multiple programming languages, including HTML.

3. Sublime Text: Sublime Text is a sophisticated text editor available for Windows, macOS, and Linux. It provides a distraction-free interface, powerful customization options, and a wide range of plugins for HTML development.

4. Atom: Atom is a hackable text editor developed by GitHub. It is highly customizable, with built-in package management and support for a variety of programming languages, including HTML. Atom is available for Windows, macOS, and Linux.

5. Brackets: Brackets is an open-source text editor specifically designed for web development. It offers live preview, inline editing, and preprocessor support, making it a popular choice for HTML, CSS, and JavaScript development.

6. Visual Studio Code: Visual Studio Code (VS Code) is a free, open-source code editor developed by Microsoft. It has a rich ecosystem of extensions for HTML development, including syntax highlighting, IntelliSense, and debugging tools. VS Code is available for Windows, macOS, and Linux.

These HTML code editors cater to different preferences and workflows, providing developers with the tools they need to write, edit, and debug HTML code effectively.

For More Detailed Study About Code Editors Read This Article: Best Code Editing Software For Web Developer