HTML is present in our lives every day , whether accessing email, reading the news online, or simply updating social media or watching a YouTube video through a browser.
But what does HTML stand for? It stands for Hypertext Markup Language. Most people have seen or heard of it, but don’t know what it really means.
Is that your case? Then go ahead, read on and learn all about it!
What is HTML?
It’s responsible for showing the browser how content should be structured . In this case, it’s a language that takes raw content and europe cell phone number list organizes it on the screen. Without HTML, the web would be a kind of basic TXT format, without any hyperlinks.
However, it’s not just text formatting that HTML does .
Every website is an HTML document or a Dynamic Document that generates HTML for the browser. Based on what’s written, the browser will add other elements to the page, such as:
- Images;
- Sounds;
- Videos.
Feeling confused? Let’s give a practical example to make it easier.
Think about the Spanish language, which is used to structure what you want to say. In a sentence, for example, you need a subject, a verb, and a predicate.
HTML is also a language, and rules are used to organize what you want to say and what will be displayed on the page . These and the semantic elements of HTML are called tags.
Tags are used to form any identifiable target, such as:
- Lists;
- Paragraphs;
- Form fields;
- Videos;
- Images.
The browser understands these marks, which are invisible to the user, and converts the document into the page we see.
When did HTML emerge?
If HTML is a fundamental part of web pages today, we have Tim Berners-Lee, known as the father of the Internet, to thank for his contributions. He took Cern’s SGML generic markup language and used it as a standard for creating HTML in 1989.
Of course, a language is useless without a tool that understands it . That’s why he also designed an integrated browser and server.
This worked so well that, in 1994, it began to gain new elements, giving rise to HTML 2.0. And the evolution continues. Currently, the japan data language is already at version 5.2, released in December 2017, and version 5.3 is already in development.
Main tags
At the beginning, any HTML file must begin with the following declaration; then there’s the HTML tag itself, which defines the beginning and end of the boundary; then the head tag represents the page header, which isn’t even visible to visitors.
Here is an example so you can fully understand the HTML structure:
HTML version 5.0 brought new possibilities to the markup language. Some of them were very useful, such as tags that support videos and sounds. That’s why this version became so famous.
The main elements that he brought to HTML were:
- Semantic : they bring greater meaning to the content;
- Graphics : offer the possibility of creating animations;
- Multimedia : with the videos and sounds we mentioned, which, prior to this version, required external plugins to work, such as Flash.
Although it’s still important to know HTML, there are already many frameworks used for creating code. Complex code is rarely written manually.
The best-known frameworks are:
- Bootstrap ;
- Foundation ;
- I will materialize .
One of the great advantages of using any of them is the creation of responsive codes, which will adapt the website to all resolutions and screens. For this reason, it’s worth adopting a framework.
There are also reactive tools, such as React , Angular , and Vue , which work a little differently, creating the HTML at the end of the process.
Is HTML the same as CSS?
It’s common for people to be confused, thinking that HTML and CSS are the same thing. HTML can define presentational elements, but it’s a structural language .
That is, HTML marks the elements that will be displayed in blocks, such as paragraphs, and in the text, such as emphasis or reinforcement.
CSS deals with the purely visual aspect and explains how the structural element should be displayed. This is where you tell the browser that a heading is green, for example, or that a paragraph is 20 pixels away from the next.
This means that you give source instructions and other presentations that have nothing to do with the structure of the content.
There has always been some confusion between semantics and presentation on the web. In the beginning, HTML’s job was to specify the source of a text with the “” tag, or to make a text blink with the “” tag.
But the W3C organized the processes and, little by little, forced a greater separation between HTML and CSS , making some tags no longer used.
Today, if you want to specify the font used in your document, you just use CSS for that.
Want to learn more about HTML? Don’t forget to subscribe to our newsletter so you don’t miss any content published on the HostGator blog !