Tudo sobre HTML

HTML é uma das linguagens que utilizamos para desenvolver websites. O acrônimo vem do inglês e significa Hypertext Markup Language ou em português Linguagem de Marcação de Hipertexto.

Trata-se de um padrão de marcação criado para páginas para Internet. Resumidamente, através dela é possível:

  • Descreve uma estrutura para ser lida por navegadores
  • Desenvolver sites
  • Criar conteúdo para ser acessível por toda Internet
  • Desenvolver aplicativos através de frameworks

Neste artigo, vamos falar basicamente tudo o que você precisa saber sobre HTML. Além disso, você poderá encontrar diversas referências sobre esta linguagem de marcação neste site.

Afinal, o que é HTML?

HTML é o código que é usado para estruturar uma página web e seu conteúdo.

Por exemplo, o conteúdo pode ser estruturado dentro de um conjunto de parágrafos, de uma lista de itens, ou usando imagens e tabelas de dados. Este artigo lhe dará uma compreensão básica da linguagem e suas funções.

HTML é muito usado para criar páginas que são exibidas através de um navegador. Esta página, por exemplo, contém HTML que são interpretados através do seu navegador.

Páginas de HTML são normalmente armazenadas em arquivos que usam as extensões .htm ou html. Um site pode incluir centenas ou mesmo milhares desses arquivos HTML mantidos em vários diretórios.

Seu servidor envia seus arquivos HTML para seu navegador quando você visita uma página web. Desta forma, seu navegador então lê os arquivos e os exibe. Algumas aplicações web não utilizam HTML estático, mas o geram em resposta a ações específicas em seus servidores.

Você também pode adicionar outros tipos de conteúdo, tais como arquivos CSS e JavaScript, imagens e vídeos, para adicionar mais recursos a uma página da web.

Quem criou a linguagem

Tudo sobre HTML: Quem desenvolveu a linguagem de marcação mais popular do mundo.

A linguagem foi desenvolvida inicialmente pelo físico Tim Berners-Lee. Ele a criou para a comunicação e disseminação de pesquisas entre ele e seu grupo de colegas de faculdade. No entanto, o projeto se expandiu e hoje, temos o uso em larga escala.

Atualmente, Tim Berners-Lee é diretor do World Wide Web Consortium (W3C), órgão internacional que supervisiona o desenvolvimento da Web.

Utilização do HTML

Como a linguagem da Internet, cada iniciante em desenvolvimento de software precisa saber HTML.

Os desenvolvedores front-end usam HTML (juntamente com outras linguagens como CSS e JavaScript) para projetar a estrutura e o layout das páginas web e aplicações.

Da mesma forma, desenvolvedores de aplicativos móveis podem usar HTML com estruturas para seu desenvolvimento, utilizando frameworks como Ionic e React Native.

Desenvolvedores back-end também precisam aprender HTML, principalmente os desenvolvedores fullstack. Mesmo que as outras linguagens possam gerar HTML, é necessário compreender a estrutura para manter toda a camada de apresentação funcionando.

Além disso, a linguagem ainda pode ser usada de várias outras maneiras, como em intranets, aplicações internas, entre outros.

O que são tags

Como dissemos, o HTML é uma linguagem baseada em marcação.

Nós marcamos os elementos para mostrar quais informações a página exibe. Por exemplo, um título importante. Aquele título do artigo, da manchete do site, nós marcamos com uma tag/elemento chamado H1.

  • <li></li>
  • <p></p>
  • <img src=”nome-da-imagem.jpeg” alt=”Texto alternativo caso a imagem não possa ser exibida”>
  • <body></body>
  • <head></head>

Exemplo do código-fonte

O código é simples de ser entendido. Os elementos são auto-explicativos:

<!DOCTYPE html>
<html>
 <head>
       <title>Primeiro documento em HTML</title>
 </head>
 <body>
       <h1>Título da página</h1>
       <p>Este é o primeiro título.</p>
       <h2>Subtítulo da página</h2>
       <p>Este é o subtítulo.</p>
 </body>
</html>

No código acima, nós temos a descrição de uma página simples. As Tags <head> e </head> servem apenas para marcar a formatação do cabeçalho. Dentro desta tag, está inclusa as tags <title> e </title>, que servem para incluir o título da página, normalmente localizada na aba do navegador.

Após a marcação <head>, temos o início da marcação <body> e </body>. Esta marcação se refere ao corpo da página.

Nesta instrução, encontramos o título <h1> e </h1>, que está presente o texto “Título da página”. Este título é o principal da página, que além de visual, também é utilizado por sistemas de busca para saberem do que se trata seu conteúdo.

A tag <p> e </p>, servem para sinalizar um parágrafo.

As tags <h2></h2> servem também para marcar um título da página. Neste caso, o título está abaixo hirarquicamente do título marcado como h1.

Conclusão

HTML é a principal linguagem de marcação para desenvolvimento de sites. Cada página HTML tem uma série de elementos que criam a estrutura de conteúdo de uma página ou aplicativo.

É uma linguagem amigável para iniciantes que tem muito suporte e é usada principalmente para páginas estáticas do site.

Precisamos destacar também que a linguagem funciona melhor em conjunto com CSS e JavaScript. Também é possível incrementar com a Linguagem PHP para criar sites dinâmicos.