O que é HTML? Saiba como esse recurso funciona

Equipe TOTVS | DEVELOPERS | 04 novembro, 2020

Já parou para pensar: “o que é HTML?” Criado pelo físico britânico, Tim Berners-Lee, sua primeira versão foi publicada em 1991, com base no sistema de hipertexto da internet — conjunto de dados que, se estruturados, permite ao usuário construir um website.

Hoje, as especificações do HTML são monitoradas e desenvolvidas pelo Consórcio World Wide Web — W3C —, sendo que a última versão foi atualizada em 2014. Quer saber mais sobre o que significa HTML? Acompanhe o artigo abaixo e descubra.

O que é HTML?

Sigla para HyperText Markup Language — Linguagem de Marcação de Hipertexto —, o HTML é o componente base da web. Isso quer dizer que ele permite a construção de websites e a inserção de novos conteúdos, como imagens e vídeos, por meio dos hipertextos.

Os hipertextos são a junção de vários elementos — palavras, vídeos e conteúdos —, que, quando conectados, estabelecem uma rede de dados que permite a comunicação, o armazenamento e o compartilhamento de informações.

Por exemplo, ao visitar um website, você encontra diversas informações com formatações diferentes, como parágrafos, bullets e fontes distintas. Pois então, essa estruturação é realizada por meio do HTML.

Qual a função do HTML?

Imagine que você precisa construir um site do zero com informações da sua empresa. Nesse caso, você precisará conhecer a estrutura do HTML, criando um documento no bloco de notas e acrescentando códigos — tags —, que indicarão parágrafos, quebra de texto, espaçamento, imagens, entre outros. 

Em geral, em um único site, existem diversos documentos HTML, criando páginas como homepage, página de produto e informações sobre a empresa. Em cada aba, existe um código diferente.

Tags

Cada página de um site é composta por tags de HTML. Elas são códigos que orientam a estrutura do documento, como o tamanho, a fonte e as quebras de linhas. 

Com essas marcações, o código de HTML cria estruturas e hierarquização das informações, dividindo-as em seções, o que ajuda na jornada do cliente. Ademais, ele pode ser feito em qualquer editor de texto, até mesmo com o bloco de notas. 

Atualmente, o HTML pode ser feito com mais de 140 opções de códigos para estruturar um conteúdo na web, porém, algumas caíram em desuso. Então, confira as principais tags HTML:

  • <head>: define o início do HTML; 
  • <title>: indica o título;
  • <body>: é usado para demonstrar o início do conteúdo;
  • <h1>, <h2> e <h3>: tags utilizadas para indicar títulos e subtítulos;
  • <strong>: acrescenta o negrito ao texto;
  • <italic>: sinaliza a formatação do conteúdo em itálico;
  • <p>: insere o parágrafo,
  • <a href=’LINK>: tag usada para inserir um link.

HTML: qual a diferença com o HTML5?

Desde a primeira versão criada por Tim Berners-Lee, o HTML evoluiu e já está em sua quinta versão: HTML5, que incluiu novos recursos à linguagem. Antes que essa última atualização fosse feita em 2014, a quarta versão só havia sido alterada em 1999.

Com a versão antiga do HTML, era possível introduzir vídeos e áudios, porém, era necessário que o Flash Player intermediasse esse processo. Depois, com o HTML5, isso pôde ser feito com a utilização de algumas tags.

Além de incorporar vídeos e arquivos de áudio ao código, essa nova versão introduziu melhorias na semântica. Ou seja, as novas tags conseguem se comunicar com o navegador, indicando o significado do conteúdo e ajudando na localização pelos mecanismos de busca.

A relação entre HTML, CSS e JavaScript

Agora que você sabe o que é HTML, vamos entender a relação entre JavaScript, HTML e CSS (Cascading Style Sheets). Apesar de o HTML ser uma linguagem que possui diversas funções, ela não consegue criar estruturas dinâmicas de conteúdo.

Por isso, em geral, os websites das empresas costumam incluir duas outras linguagens: CSS e JavaScript. Enquanto o primeiro fica responsável por incluir cor, layout e animações, o JavaScript permite a inclusão de galerias de fotos e pop-ups, por exemplo.

Saiba o que é back-end

Entendeu o que é HTML? Neste artigo, você pôde conhecer a função deste código, além de compreender as principais tags que fazem a página de um website, assim como a história do HTML.
Como você viu, este é um recurso que ajuda na formatação de um website, mas, para que o portal seja eficaz, existem outros recursos, como o back-end. Para descobrir o que é esse programador, conheça o artigo “O que é back-end e qual seu papel na programação?” no blog da TOTVS.

Nova call to action

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Usamos cookies para fornecer os recursos e serviços oferecidos em nosso site para melhorar a experência do usuário. Ao continuar navegando neste site, você concorda com o uso destes cookies. Leia nossa Política de Cookies para saber mais.