Learn more about HTML and Semantic HTML


  • HTML stands for Hypertext Markup Language.
  • HTML is the language used to communicate with the web browser which instructs the website to be displayed according to the structure it has been built in.
  • HTML is an Internet standard defined and regulated by the World Wide Web Consortium (W3C).
  • HTML is a development format of SGML (Standard Generalized Markup Language) which has long been used to format documents so that they are portable.
  • HTML doesn’t case sensitiveWhich means that writing tags in HTML can be written using both upper and lower case letters.
  • HTML was created by a physicist and Tim Berners-Lee at the CERN (European Organization for Nuclear Research) research institute in Switzerland.
  • HTML is used to create the outline of a website.
  • Tim Berners Lee released the first HTML version in 1991.
  • The purpose of the existence of web browsers is to make it easier for users to open documents in HTML format.

Semantic HTML

Semantic HTML is HTML that provides meaning to the web, rather than just displaying the UI.

The advantage of writing HTML tags using semantics is actually to make it easier in terms of communication. With the semantic tag added to the web document, it will provide information to the document. Semantic tags make the meaning and content of a page clear to the browser.

Also the advantage of writing semantics is that tags should be able to be used according to their functions.


HTML structure consists of 3 contents, namely: tags, elements and attributes.

surname HTML

A tag is a marker to mark the elements of an HTML document.

The function of a tag is to give instructions or tell the browser how an object will be displayed.

Example: <p>,<a>, <body>, <head>e.t.c.

elements HTML

The definition of an element is a series of opening tags, content, and closing tags.

HTML Attributes

The function of the attribute is to provide additional information on a tag.

Attributes are of two types, namely global attributes, special attributes, and event attributes.

  • Global attributes are attributes that can be added to any HTML element.

Example: class And id

  • Special attributes are attributes that can be used only on certain elements.

Example: src And href

  • The event attribute is an attribute that is used to specify the action to be performed when something happens to the element. This attribute is commonly used widely in JavaScript programming.

Example: onerror And onload


HTML Version 1.0

It is a guide, of course, it has many shortcomings. features:

  • title
  • Article
  • hypertext
  • list
  • Make text bold and italicized
  • image placement

HTML Version 2.0

The pioneer of the interactive web.

Evolution of previous versions with additional features:

HTML Version 3.0

Evolution of previous versions with additional features:

  • Image development for applying pictures, diagrams and tables.

HTML Version 3.2

Evolution of previous versions with additional features:

  • Ability to place text around images
  • table
  • frame
  • Style sheet
  • Ability to place scripts outside of HTML, such as JavaScript and VBScript.

HTML Version 4

There are many changes and improvements from the previous version, such as:

  • table
  • Contact
  • image
  • Basic lesson
  • meta
  • image map
  • Form
  • Delhi

HTML Version 4.01

Fixed minor bug from previous version.

This version also standardizes the elements and attributes of the XML 1.0 script.

HTML Version 5

is a process of creating a web interface that combines HTML and CSS with JavaScript.


  • cleaner codeThe code looks simple because some of the code is already included in HTML5 syntax
  • greater consistencyHTML5 has added a number of syntaxes that are built into a better and simpler structure than the previous syntax.
  • better semanticsVarious code elements have been standardized in HTML5, in which the semantic value of the web can be further improved.
  • better accessHTML5 technology that facilitates the structure of web development, so developers can build a more detailed understanding of web pages.
  • client side databaseHTML5 provides a new SQL database model with APIs that can be built into native concepts, in this case on the client side.
  • geolocationHTML5 has an API that is integrated with geolocation, these features can be accessed via GPS or other features like Google Latitude on the iPhone.
  • offline application cacheUsers can continue to interact with the Application even if they are disconnected from the Internet network.
  • smart lookA type of regular expression (regex) that allows forms to better recognize input, validate data, and interact with other elements.
  • Pay more attention to web application requirementsHTML5 creates an easy mechanism in terms of front end creation, chat applications, drag and drop tools, video players, graphics processing and much more.

Leave a Comment