On this occasion, I will share information about a language that we encounter in everyday life but we are not familiar with how this language is used. This article will be examined together what HTML is, how it functions and what its history looks like. I hope this article can help us all in finding useful knowledge.
What is HTML?
HTML is an internet markup language (web) in the form of code and symbols inserted into a file intended to be displayed on a website. In short, HTML is a markup language used to create websites. This website created with HTML, can be seen by everyone who is connected to the internet. Of course, by using internet browser applications (browsers) such as Internet Explorer, Mozilla Firefox and Google Chrome. As I explained earlier, HTML stands for Hyper Text Markup Language. But knowing the abbreviation alone will not be enough. Therefore I will present the meaning of these words.
- Hypertext, is a method where we “move” around the web, by clicking on a text called a hyperlink. Hyperlink is a special text on the internet, where when the text is clicked, it will take us to the next web page / other web pages that have been determined.
- Markup, is what HTML tags do for the text inside. HTML marks the text inside it as a certain type of text. For example, if we mark a text with the html tag <i>, then the text will change to italic (italics). Meanwhile, if we mark it with <b>, then the text will change to bold (bold type).
- Language, which means language. HTML is a language, which has words in the form of code and syntax like other languages.
Currently the HTML language is still being developed This is because internet users are increasingly growing rapidly. Therefore, the HTML language must be improved again in order to create higher quality web pages. For this reason an organization was formed that was responsible for developing HTML. This organization is called W3C.
The FUNCTION and USABILITY of HTML
As an internet markup language, HTML has many functions and uses. Some of the benefits of HTML include :
- To create web pages, HTML language is used to create web pages. All web pages must be created using HTML.
- To mark text on a web page. For example, we can mark a text underlined using the html <u> tag.
- To mark elements / sections on web pages. A website has several sections such as headers, navigation, main and footer. We can mark each part with HTML.
- To display information in tabular form
- To add objects such as audio, video, images, etc. in web pages
- To create an online form
Basic Structure of HTML
The element consists of 3 parts, namely opening, content and closing tags. For example to display the title of a page, we make the html code like this :
<title>Website Milik Surya</title>
The blue one, that is the opening. The green one is the contents. While the red one is the cover. Content is optional, in that it doesn’t matter if we don’t provide content. Unlike the opening and closing, both must be in an html code. Otherwise an error will occur, and the code will not function.
There are also different openers and covers with the example above. For example like this :
<input type=”text” value=”isian” />
In the input tag we don’t need to close it with </input>, it’s enough with />. Even writing it can do it.
Tags are special text in the form of two <and> characters. For example the <head> tag with the name of the head, <body> with the name of the body, and so on. This tag is already set by its name, so we can’t make it ourselves. For example if we write <bodi>, obviously it won’t work.
To further clarify, here is the basic structure of the html code :
<title>Website Mahar Surya Malacca</title>
Hi guys, this is my personal website
- <html> </html> to mark the beginning and end of HTML files
- <head> </head> contains information such as title and document type
- <title> </title> as the title of the web page
- <body> </body> This section is the main content of the web such as headers, navigation, articles, sidebar and footers
You can write html code in the default Windows application, Notepad. You can also download a special application for writing code, Notepad ++.
Attributes contained in the script of an element, its function is to provide additional information about the element. The value of the attribute must be enclosed in quotation marks.
<input type=”password” />
The code above will create a field specifically for writing passwords. In a sense, if we write in that field, our writing will turn into stars like this ******.
History Of HTML
HTML was first created by IBM in 1980. At that time an idea was created to put elements that were useful for marking parts of a document such as the title, address and contents of the document. Eventually these elements are formed into a program to automatically format documents.
The programming language to perform this task is called a markup language. IBM named this program as Generalized Markup Language. In 1986, this concept was approved by ISO (International Standard Organization) as a standard for document creation. This language is named by ISO as Standard Generalized Markup Language (SGML)
HTML itself, is part of SGML. Tim Berners-Lee from CERN put forward an idea about making programming language scripts and documents that can be accessed by all computers regardless of platform type. Since then HTML has become more popular than SGML.
Development Of HTML
Since its release, the HTML language has continued to develop.
- HTML 1.0
HTML 1.0 is the first version of HTML. At this time not many people participated in the making. The features of this version are still limited. Among other headings, paragraphs, hypertext, lists, bold and italic effects on the text. Version 1.0 also supports the placement of images, but does not support the presence of text around the image.
- HTML 2.0
HTML 2.0 still brings the previous features of version 1.0, with the addition of several new features. This feature is a form. With the form, we can enter data such as names, addresses, 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 begin to contribute to HTML. One of the new features present in this version is the table. This HTML version does not last long due to many problems such as war between browsers. Because of this, HTML was immediately replaced again into version 3.2
- HTML 3.2
The war between browsers continues because they create their own HTML tags. To stop this, an organization was formed to handle HTML standards. This organization is called the World Wide Web Consortium (W3C).
- HTML 4.0
With the presence of W3C as HTML standardization, browser warfare is stalled. HTML then develops into HTML 4.0. This version contains many revisions and changes from the previous version. This change occurs in almost all HTML commands such as text, links, images, imagemaps, tables, forms, meta, and others.
- HTML 4.01
This version exists to correct some errors in the previous version
- XHTML 1.0
XHTML is a combination of HTML and XML. Because XHTML is not as flexible as HTML, not many people like this version.
- HTML 5
HTML 5 is the latest version of HTML when this article was written. HTML 5 brings a lot of changes to the previous version. Many new tags were introduced, such as <header>, <aside>, <section>, <footer>, and other interesting tags. In addition, HTML 5 supports streaming video without using flash. More details will be discussed below.
New HTML 5 feature
HTML understanding HTML history functions
The advantage of HTML 5 as the latest version of HTML, is the presence of interesting features. These features include
# 1 Shorter Doctype and Meta
Doctype and Meta in HTML 5 are shorter and easier to remember. Form Doctype in html 5 like this
<! doctype html>
While the meta tags
<meta charset = “utf-8”>
Much shorter than the previous version
# 2 New Structure
In the previous version, when we wanted to create a website structure with html, we would make it with the <div> tag. But in this HTML5, there are some tags that are devoted to making the structure of a web page.
<header> to define the page header
<nav> to define page navigation
<section> to define part of a page
<article> to define the article or main content of a page
<aside> to define additional content such as the sidebar of a page
<footer> to define the footer of a page
# 3 New Web Form
The <input> tag in HTML 5 has many new types. Some of them are
email: to define the input in the form of email
tel: to define input in the form of telephone numbers
date: to define the input as a date
And much more. In addition there are also new attributes required. With this attribute we can mark an input as required, and if left blank it will get a warning.
# 4 Doesn’t Need Flash
Previously, the web really needed flash especially for content such as videos. But in this new version, new tags are present like <video> and <audio> which can be implemented without using flash. In addition there is also a tag <canvas> that facilitates the production of interactive game graphics, paint applications, and other graphics quickly, of course without using flash.
there are many other features that are brought by HTML 5 …..
HTML is the easiest web language to learn, because it is a basic language. To learn this language you can visit the W3C site at w3schools.com. Learning there is complete, but using English.
What if you don’t speak English? Easy, just search on Google “Learn HTML”. Then there will be thousands of websites that will teach you how to make HTML code. If you are still not satisfied, please find an ebook about html on google, or buy an HTML tutorial book at the nearest bookstore.
If you don’t like reading, there are lots of html tutorial videos on YouTube that you can watch.
That’s all the articles about Understanding HTML, HTML Functions and HTML History. May be useful. Also share this article with your friends so they can also benefit, and you get a reward.