-->
› › ›

What is HTML? Does HTML Have History? What's the difference between HTML and HTML5?

By Monday, March 1, 2021 Add Comment Edit

What is HTML? Does HTML Have History? What's the difference between HTML and HTML5?

thumbnail

HTML stands for Hypertext Markup Language. HTML allows a user to create and organize paragraph sections, headings, links or links, and blockquotes for web pages and applications.

Excerpted from Wikipedia Hypertext Markup Language is the standard markup language for documents designed to be displayed in internet browsers. This can be helped by technologies like Cascading Style Sheets and scripting languages ​​like JavaScript and VBScript.

HTML is not a programming language, and that means it doesn't have the ability to create dynamic functionality. Instead, HTML allows users to organize and format documents, much like Microsoft Word .

In conclusion, the notion of HTML as a mark up language is very easy to understand even for novice webmasters in the field of web development.

HTML History

History HTML or Hypertext Markup Language has been a major technology for the Web since the early 1990's. Tim Berners-Lee created HTML in 1989 as a simple but effective way to encode electronic documents. In fact, the original purpose of the web browser was to serve the reader to open HTML formatted documents.


Also Read : What is CSS? What is the meaning and function? Is there a History of CSS?

HTML development

In HTML there have been various developments from each version. Here are some versions of the HTML development:

HTML V1.0

HTML Version 1.0 is a pioneer in which there are still many weaknesses so it is natural that the resulting display is very simple. The capabilities of version 1.0 include headings, paragraphs, hypertext, lists, as well as bold and italic text. This version also supports placing images in the document without allowing the surrounding text (wraping).

HTML V2.0

In this version of HTML, the added quality of HTML lies in its ability to display a form in a document. With this form, we can enter your name, address, and suggestions and criticisms. HTML version 2.0 is a pioneer of the interactive web.

HTML V3.0

HTML 3.0 version adds several new facilities such as FIGURE which is an extension of IMAGE to put images and tables. In addition, this HTML also supports the existence of mathematical formulas in the document. This version, called HTML + - did not last long and was soon replaced with version 3.2.

HTML V4.01

HTML version 4.01 is a revision of HTML 4.0. This latest version fixes minor errors in the earlier version. HTML 4.01 also standardizes the elements and attributes of the XHTML 1.0 script.

HTML V5.0

This technology was launched in 2009, but on March 4, 2010 there was information that the W3C (World Wide Web Consortium) and IETF (Internet Engineering Task Force), an organization that handles HTML since version 2.0, has developed the latest version of HTML, namely version 5.0.

HTML 5 is a procedure for creating a new web appearance which is a combination of CSS, HTML itself and JavaScript.

Definition of HTML tags and their functions

HTML tags have two main types: block-level and inline tags.


  1. Block-level elements take up all the available space and always create new lines in the document. Examples of block tags are headings and paragraphs.
  2. Inline elements only take up space as needed and don't create new lines on the page. Usually this element will format the content content of block-level elements. Examples of inline tags are links and emphasized strings.

Block-Level tags

The three block-level tags that every HTML document must have are <html>, <head>, dan <body>.


  1. Tag <html></html> is the highest level element to include any HTML page.
  2. Tag <head></head> stores meta information, such as page titles and charsets.
  3. Tag <body></body> attach all content that appears on a page.
  1. <html>
  2.   <head>
  3.     <!-- META INFORMATION -->  
  4.   </head>
  5.   <body>
  6.     <!-- PAGE CONTENT -->
  7.   </body>
  8. </html>
  • Heading has 6 levels in HTML. These levels vary, starting from <h1></h1> sampai ke <h6></h6>, where h1 is the highest heading level and h6 is the lowest level. Paragraphs are opened and closed with tags <p></p>.
  • Divisions are larger pieces of content and usually consist of several paragraphs, images, sometimes blockquotes, and other smaller elements. We can mark it up using the <div></div> tags. Inside the div element there are also other div tags.
  • You can also use the <ol></ol> for ordered lists and <ul></ul> for unordered lists. Each list item must be opened and closed with <li></li> tags. For example, below is the basic view of an unordered list in HTML: 
  1. <ul>
  2.  <li>List Order 1</li>
  3.  <li>List Order 2</li>
  4.  <li>List Order 3</li>
  5. </ul>

Inline Tags

Well Most of the inline tags are used to format text. For example, the <strong></strong> tag will render the element to bold, while the tag <em></em> will be displayed in italic.

What's the difference between HTML and HTML5?

Since the day it was first introduced, HTML has gone through significant developments. The W3C continues to release the latest versions and updates while making history and strengthening its existence.

HTML4 (recently referred to as “HTML”) was released in 1999 and the newest version was introduced to the public in 2014. Known as HTML5, this latest version adds more new features to the mark up language.

One of the powerful features in HTML5 is support for audio and video embeds. So, instead of using the Flash player, we can do video and audio files that are embedded into web pages using tags <audio></audio> and <video></video>. It also has built-in support for scalable vector graphics (SVG) and MathML for mathematical and scientific formulas.

HTML5 also introduced some semantics fixes. The new semantic tag sends information to the browser about the meaning of the content, which is useful not only for readers, but also for search engines.

The most used semantic tags are <article></article>, <section></section>, <aside></aside>, <header></header>, and <footer></footer>.


Also Read : How to Make a Simple Website with Just HTML and CSS

the advantages of HTML

Here are some of the advantages of HTML:

  • Runs naturally in every web browser.
  • Has an easy learning curve.
  • Clean and consistent markup language.
  • Open-source and completely free.
  • A widely spoken, multi-sourced language and a large community.

Lack of HTML

Surely you know that whatever you use, there must be drawbacks, well here I will give you some drawbacks of HTML:

  • Most often used for static web pages. For dynamic features, you can use JavaScript or a backend language, such as PHP.
  • Sometimes browser behavior is difficult to predict (for example, older browsers can't always render newer tags).
  • More use of tags.
  • New features cannot be used quickly in some browsers.

Soooo What is the HTML?

HTML is the main web mark-up language and is run naturally in every browser and is maintained by the World Wide Web Consortium.

Based on how HTML works, you can use it to structure content on websites and web applications (by using simple HTML coding). HTML is the lowest level of frontend technology and serves as the basis for styling that you can add with CSS and functionality that can be run using JavaScript.

That is all from me. Thank you for visiting this article. source: Apa itu HTML? apakah HTML Punya Sejarah? apa Perbedaannya HTML dengan HTML5? - Hakim Official

0 Response to "What is HTML? Does HTML Have History? What's the difference between HTML and HTML5?"

Post a Comment

Subscribe to: Post Comments (Atom)