Latest update Android YouTube
Home
HTML

HTML Introduction | HTML | IndianTechnoEra

HTML Introduction,HTML,IndianTechnoEra, html advantage, disadvantage, html features, html versions, what is html 5
Admin

Introduction

 What is HTML?

HTML stands for "HyperText Markup Language".

HMTL is a markup language or we may say the standard markup language used by the browser to the formation of text, images, and other content, in order to display it in the required format. 

HTML was created by Tim Berners-Lee in 1991. 

HTML Introduction | HTML | IndianTechnoEra


The HTML was designed to be displayed in a web browser. 

It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

Here we will see all the following;


HTML File and Extension

Filename extension .html or .htm
Internet media type text/html
Type code TEXT
Uniform Type Identifier (UTI) public.html
Developed by WHATWG
Initial release 1993
Latest release Living Standard2021
Type of format Document file format
Container for HTML elements
Contained by Web browser
Extended from SGML
Extended to XHTML
Open format? Yes
Website html.spec.whatwg.org

HTML Versions and Release Year

  • HTML 1 : 1993
  • HTML 2 : 1995
  • HTML 3 : 1997
  • HTML 4 : 1997
  • HTML 5 : 2014


Specification of Different Versions of HTML

1. HTML 1

  • It was developed in 1993. 
  • Support basic version 
  • It had no styling or other things to render content in the browser.
  • Initially, there was no support of tables, font support, etc.


2. HTML 2.0

  • It was developed in 1995. 
  • Here improved a lot in terms of the markup tags. 
  • In HTML 2.0 version concept of form came into force. 
  • Forms were developed, but still, they had basic tags like text boxes, buttons, etc.
  • Also, the table came as an HTML tag. 

W3C was also formed. The main intention of W3C is to maintain standards across different web browsers so that these browsers understand and render HTML tags in a similar manner.


3. HTML 3 (3.2)

  • It was developed in 1997. 
  • Here HTML 3.2 has better support for new form elements. 
  • In HTML 3.2 was able to access CSS means Cascading Style Sheet. 
  • It is CSS that provides features to make HTML tags look better on rendering it on browsers. 
  • The browser also supported frame tags, although HTML specifications still do not support frame markup tags.


4. HTML 4.01

  • It was developed in 1999. 
  • It extended the support of cascading styling sheets. 
  • In version 3.2, CSS were embedded in HTML page itself. 
  • we must place CSS on each web page to apply style on varius pages 
  • Hence there was a repetition of the same block of CSS.
  • Under this concept, an external CSS file could be developed, and this external styling file could be included in HTML itself. HTML 4.01 provided support for further new tags of HTML.


5. HTML 5

  • This is the latest version of HTML. 
  • For a developer, it could be used in 2014. 
  • It came up with lots of HTML tags support. 
  • HTML5 provided support for new form elements like input elements of different types; geolocations support tags, etc.
  • Let us look at a few of the tags which were added to HTML5

Some additional features of HTML5.0

Email – 

The New HTML5 tag, which was added, is the input element of type email. This is a form tag, although it could be used outside of a form tag also. This tag checks the validation of the input value. It checks whether the value inserted is a valid email.

Password – 

This is another form tag that was added to receive a password from the user. Being the password type field, the user types in the field are not visible directly to the user but are represented by special symbols. These symbols save the password from getting revealed on the browser.

Audio tag – 

This is a new audio tag that was implemented in HTML5. This tag helps to add audio to our web page. We can use this tag to embed an audio clip into a web page. This audio tag could be played on a webpage.


Semantic tags – 

Semantic tags are also known as structural tags. Structural tags are the tags that provide structure to the HTML page. It helps it divide the HTML page into different structures. These structures get combined into an HTML page itself to form an HTML web page. Few of the important HTML semantic tags are figcaption, <header>, <footer>


Section tag – 

This tag is used to semantic a section in an HTML page. A section tag represents a section on a web page.


Features of HTML

  • It is easy to learn and easy to use.
  • It is platform-independent.
  • Images, videos, and audio can be added to a web page.
  • Hypertext can be added to the text.
  • It is a markup language.


Why we should learn HTML? 

  • It is a simple markup language. Its implementation is easy.
  • It is used to create a website.
  • Helps in developing fundamentals about web programming.
  • Boost professional career.


Advantages  of HTML 

  • HTML is used to build websites.
  • It is supported by all browsers.
  • It can be integrated with other languages like CSS, JavaScript, etc.


Disadvantages of HTML 

  • HTML can only create static web pages. 
  • For dynamic web pages, other languages have to be used.
  • A large amount of code has to be written to create a simple web page.
  • The security feature is not good.


#HTML

2 comments

  1. function validatePanInput(input) {
    var regex = /^[a-zA-Z0-9]*$/;
    var lastChar = input.value.slice(-1);

    // Check if the last character is valid
    if (!regex.test(lastChar)) {
    alert("The character '" + lastChar + "' is not allowed. Only alphabetic and numeric characters are permitted.");
    input.value = input.value.slice(0, -1); // Remove the last character
    input.focus();
    }
    }

  2. function validateMobileNumber(input, maxLength = 10) {
    var regex = /^[0-9]*$/; // Regular expression to allow only numeric characters

    // Check if the length exceeds max length
    if (input.value.length > maxLength) {
    alert("The mobile number cannot exceed " + maxLength + " digits.");
    input.value = input.value.slice(0, maxLength); // Trim the input to max length
    return;
    }

    // Check if the last character is valid (numeric)
    var lastChar = input.value.slice(-1);
    if (!regex.test(lastChar)) {
    alert("The character '" + lastChar + "' is not allowed. Only numeric characters are permitted.");
    input.value = input.value.slice(0, -1); // Remove the last character
    input.focus();
    }
    }

    function validateAadharNumber(input, maxLength = 10) {
    var re…
Feel free to ask your query...
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
More Details
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.