O que é HTML?


0

Este artigo irá explicar o que é HTML e como usar HTML.

HTML

HTML

Desenvolvido pela primeira vez por Tim Berners-Lee em 1990, HTML é a abreviação de Hypertext Markup Language. HTML é usado para criar documentos eletrônicos (chamados de páginas) que são exibidos na World Wide Web. Cada página contém uma série de conexões com outras páginas chamadas de hiperlinks. Cada página da web que você vê foi escrita usando uma versão de HTML.

O código HTML garante a formatação adequada de texto e imagens para seu navegador de Internet. Sem HTML, um navegador não saberia como exibir texto como elementos ou carregar imagens ou outros elementos. O HTML também fornece uma estrutura básica da página, na qual as folhas de estilo em cascata são sobrepostas para alterar sua aparência. Pode-se pensar em HTML como os ossos (estrutura) de uma página da web e CSS como sua capa (aparência).

Qual é a aparência de uma tag HTML?

Tag HTML

Conforme mostrado no exemplo de tag HTML acima, não há muitos componentes. A maioria das tags HTML possui uma tag de abertura contendo o nome da tag, atributos da tag, uma tag de fechamento contendo uma barra e o nome da tag sendo fechado. Para tags que não possuem uma tag de fechamento como , é uma prática recomendada terminar a tag com uma barra.

A maioria das tags está contida em colchetes angulares menor que e maior que, e tudo entre a tag de abrir e fechar é exibido ou afetado pela tag. No exemplo acima, a tag está criando um link chamado “Computer Hope” que aponta para o arquivo hope.html.

Gorjeta

Veja nossa página de ajuda de HTML e Web Design para uma lista completa de tags HTML.

Qual é a aparência do HTML?

Abaixo está um exemplo de uma página da web básica escrita em HTML com uma descrição de cada seção e sua função.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Example page</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 </head>
 <body>
  <h1>This is a heading</h1>
  <p>This is an <b>example</b> of a basic HTML page.</p>
 </body>
</html>

A caixa acima contém os ingredientes principais para uma página da web básica. Cada uma das linhas é explicada abaixo em mais detalhes.

  1. A linha DOCTYPE descreve em qual versão de HTML a página foi escrita para que um navegador da Internet possa interpretar o texto a seguir.
  2. A tag de abertura permite ao navegador saber que está lendo o código HTML.
  3. A seção contém informações sobre a página, como seu título, metatags e onde localizar o arquivo CSS.
  4. A seção contém tudo o que pode ser visto no navegador. Por exemplo, todo o texto visto aqui está contido nas tags do corpo.
  5. A tag

    é o título visível da página.

  6. A tag

    é um parágrafo de texto. A maioria das páginas da web (como esta) tem várias tags de parágrafo.

  7. Contido no parágrafo está a tag que coloca em negrito a palavra exemplo no parágrafo.
  8. Finalmente, as tags de fechamento envolvem cada uma das tags acima.
  • Veja nossa ajuda de HTML e Web Design para uma lista completa de tags HTML.

O que é HTML5?

HTML5 é a atualização feita para HTML a partir de HTML4 (XHTML segue um esquema de numeração de versão diferente). Ele usa as mesmas regras básicas do HTML4, mas adiciona algumas novas tags e atributos que permitem uma melhor semântica e para elementos dinâmicos que são ativados usando JavaScript. Novos elementos incluem:

,