What is HTML? Learn Everything, Completely

What is HTML? Learn Everything, Completely

What is HTML? Learn Everything, Completely

 Hello guys! Now we will explain what HTML (Hyper Text Markup Language) is in full, maybe some of you already know about HTML, but this is a question that often arises for beginners who are just starting the web learning process. For that, let's discuss it together so that those who already understand will understand even more and for those who still don't understand, I hope this post can make you understand. Okay, let's get straight to the discussion Cekidot!

What is HTML?

HTML is an acronym for HyperText Markup Language. It is called hypertext because in it, ordinary text can have another function, we can make it a link that can move from one page to another by simply clicking on the text. This ability of text is called hypertext, even though in its implementation later it is not only text that can be used as a link. Called Markup Language because this language uses marks (mark), to mark parts of the text. For example, text that is between certain marks will appear bold, and if it is within other marks it will appear large. These marks are known as HTML tags.

History of HTML

In 1980, IBM thought of creating a document that would identify each element of the document with a certain signature. IBM then developed a type of language that combines text using document formatting commands. IBM named this system as Generalized Markup Language (GML), a language that uses signs as its basis.

In 1986, ISO stated that IBM had a very good concept of documents, and then issued a publication (ISO 8879) which stated markup language was the standard for creating documents. ISO created this language from IBM's GML, but gave it another name, namely SGML or (Standard Generalized Markup Language). ISO in its publication believes that SGML will be very useful for processing text information along with office systems. But beyond ISO's guesswork, SGML and especially a subset of SGML, namely HTML are also useful for browsing the internet. Especially for those who use the World Wide Web or abbreviated (www). The current version is HTML5.

Development of HTML

HTML 1.0

HTML 1.0 is the first version of HTML. At this time few people participated in its creation . The features of this version are still limited. These include headings, paragraphs, hypertext, lists, bold and italic effects on text. Version 1.0 also supports embedding images, but does not support having text around images.

HTML 2.0

HTML 2.0 still carries the previous features of version 1.0, with the addition of several new features. This feature is form. Through the form, we can enter data such as name, address, and comments. The presence of this form feature is the beginning of the formation of an interactive website.

HTML 3.0

In this version, many people are starting to contribute to HTML. One of the new features that are present in this version is tables. This version did not last long due to many problems such as wars between browsers. Because of that, the HTML was immediately changed again to version 3.2

HTML 3.2

The war between browsers continues because they create their own HTML tags. To stop this, formed an organization that handles the standards of HTML. This organization is called the World Wide Web Consortium (W3C).

HTML 4.0

With the arrival of the W3C as a standard for HTML, the browser wars stopped. then develop into HTML 4.0. This version contains many revisions or changes from the previous version. This change occurs in almost all commands such as text, links, images, image maps, tables, forms, meta, and others.

HTML 4.01

This version is here to fix some errors in the previous version


XHTML is a combination of HTML and XML. Because XHTML is not as flexible as HTML, not many people like this version.


HTML 5 is the latest version, and at the same time brings a lot of changes from the previous version. Many new tags were introduced, such as <header>, <aside>, <section>, <footer>, and other interesting tags. Also, this version supports video streaming without using flash.

HTML function

1. HTML language is used to create web pages. All of these pages must be created using HTML.

2. As a foundation for a website. A house if it does not have a foundation it will quickly collapse. Likewise with websites. If you don't have HTML as a foundation, you can't implement other languages such as CSS (a language for designing websites), Javascript (a language for adding website behavior), and PHP (a website server programming language).

3. to mark elements/sections on web pages. A website has several sections such as header, navigation, main and footer. We can tag each section with HTML.

4. To display information in tabular form

5. To add objects such as audio, video, images, etc. in a web page or sheet

6. To create an online form

How HTML Works

In website development science, the process of translating code is called execution, or in other words it can also be called compilation. Just like other codes in the world of computer science, HTML code also executes and compiles.

Humans = Code Writers

Executor = Code Introduction

Browser = Code Viewer

* Human : Hey executor! Please pass the code <h1>I am human</h1> to the browser.

* Executor : Fine! code <h1>I am human</h1> will be delivered to the browser.

* Executor : Hello browsers! I want to deliver <h1>I am human</h1>code from human.

* Browser : Ok, I see that the code to be displayed is <h1> and it says I am human. The text will appear in black, then the font size (font) is 20, and the thickness of the letters is quite thick.

Now, from the conversation illustration above, the browser says that the code <h1> will be displayed in black, the font size is 20, and the font is thick enough. The size of the letters and the thickness of the letters are the rules that are applied by default when the web browser receives the <h1> code.

Advantages of HTML

1. It is a cross-platform coding language, meaning that HTML can be used on a variety of different types of computer machines and a variety of different operating systems. So it is flexible because it is written simply by using the ASCII character editor.

2. Images can be inserted, either static or dynamic (animated) images, including using images as hyperlinks. The image here refers to a web page, where each defined point is a rectangular (box), polygon (irregular curve) or circle used to 'jump' to another page, or a link to a page outside the web in question.

3. You can insert animations in the form of Java Applets or animation files from Macromedia Flash or Macromedia Shockwave (for this purpose, the browser must have a special plug-in to run these animation files).

4. Programming languages can be used to beautify web pages such as Javascript, VBScript, Active Server Pages, Perl, Tcl, PHP and so on.

5. It's not a programming language so it doesn't require a compiler. How to run it simply by using a browser.

Lack of HTML

1. Generate static pages, because to obtain dynamic pages you must use a certain programming language such as Javascript or VBScript and animations such as Flash or Shockwave.

2. It has so many tags that it is difficult for those who are still new to it to learn.

Unable to generate interactive pages. Interactive here means the client can interact with the server. For this purpose, HTML must be inserted with a programming language that can handle it, for example Perl or Tcl.

HTML Basic Structure

1. Elements

Element is the term for the basic components that make up an HTML document. Element consists of 3 parts, namely the opening tag, content and closing. HTML elements can be nested. That is, elements can exist within elements. Example:




In the example above, the title element is inside the head element. Elements that cannot be nested are elements that do not have a closing tag. Because the closing pair cannot be the parent of another element.

2. Tags

Tag is a marker. The prefix and suffix markers of an element then always begin with square brackets <> for example <p> ,<br>, and end by </> for example </p>, </br>, etc. The opener is preceded by square brackets only <> without a slash while the closing is preceded by square brackets and a slash </> example as below:

<p>Schemafix</p> <!-- <OpenTag>Content</closedtag> -->

It must be remembered that every time we open a <> tag, we must end it with a closing using the </> symbol. If we do not provide a closing, an error will occur, then the code will not work. It should also be remembered that the HTML code has a lot of tags, and each of these has a different function. But there are also html tags that don't need to use the closing

3. Attributes

Attributes are additional information given to tags. The information in question can be in the form of commands for the color of the text, the size of the text font, determines the position of the text, and much more. Each attribute has a name and value pair, or written with name="value". Example of using the attribute:

<a href="https://schemafix.com">Attribute Example</a>

HTML links are defined with <a> tags. This link address is an attribute. Remember, always use quotes around attribute values. Quotation marks are divided into two, there are double ones like (""), there are also single ones (""). But what is often used is the double


So What Is HTML? Hyper Text Markup Language is a computer language designed to enable the creation of websites. This website can then be viewed by other people connected to the Internet. For beginners, making web/HTML is an important basis so that it can help when we start a web project without using practical methods. And keep in mind that HTML is not a programming language, why can that be so, please


So many articles What is HTML? Learn Everything, Completely. Look forward to other interesting articles and don't forget to share this article with your friends. Thank you…

Resa Risyan

Just an ordinary person who wants to share a little knowledge, hopefully the knowledge I provide can be useful for all of us. Keep in mind! Useful knowledge is an investment in the afterlife.

Also, read the article about What is ICMP? This is the function and how it works. And see you in another article. Bye
Read Also :
DotyCat - Teaching is Our Passion