Uma página da web na internet é simplesmente um conjunto de arquivos que o navegador renderiza (exibe) de uma maneira específica, permitindo que você interaja com ela. A maneira mais básica de controlar como um navegador exibe o conteúdo (por exemplo, palavras, imagens, etc.) é codificar esse conteúdo em HTML.
HTML (Linguagem de Marcação de Hipertexto) é uma linguagem usada para dar significado a texto comum, o qual o navegador pode então utilizar para determinar como exibir esse texto. HTML não é uma linguagem de programação, mas sim uma linguagem de marcação: ela adiciona detalhes adicionais às informações (como notas na margem de um livro), mas não contém nenhuma lógica. HTML é uma linguagem de marcação "hipertexto" porque foi originalmente destinada a marcar um documento com hiperlinks, ou links para outros documentos. No uso moderno, o HTML descreve o significado semântico do conteúdo: ele marca qual conteúdo é um título, qual conteúdo é um parágrafo, qual conteúdo é uma definição, qual conteúdo é uma imagem, qual conteúdo é um hyperlink e assim por diante.
O HTML desempenha uma função semelhante à linguagem de marcação Markdown, mas é muito mais expressivo e poderoso.
Este capítulo fornece uma visão geral e explicação da sintaxe do HTML (como usá-lo para anotar conteúdo). A sintaxe do HTML é muito simples e geralmente rápida de aprender, embora usá-la de maneira eficaz possa exigir mais prática.
O conteúdo HTML normalmente é escrito em arquivos .html. Ao usar a extensão .html, o seu editor, computador e navegador devem entender automaticamente que esse arquivo conterá conteúdo marcado em HTML.
A tag de abertura/início vem antes do conteúdo e diz ao computador “Estou prestes a fornecer conteúdo com algum significado”, enquanto a tag de fechamento/fim vem depois do conteúdo para dizer ao computador “Cansei de fornecer conteúdo com isso significado." Por exemplo, a <h1>tag representa um título de nível superior (equivalente a um #no Markdown) e, portanto, a tag aberta diz “aqui está o início do título” e a tag de fechamento diz “esse é o fim do título”.
As tags são escritas com um símbolo de menor que <, depois o nome da tag (geralmente uma única letra) e, em seguida, um símbolo de maior que >. Uma tag final é escrita como uma tag inicial , mas inclui uma barra /imediatamente após o símbolo de menor que - isso indica que a tag está fechando a anotação.
Os nomes das tags HTML não diferenciam maiúsculas de minúsculas, mas você deve sempre escrevê-los em letras minúsculas.
Quebras de linha e espaços em branco ao redor das tags (incluindo recuo) são ignorados. As tags podem, portanto, ser escritas em sua própria linha ou alinhadas com o conteúdo. Esses dois usos da <p>tag (que marca um parágrafo do conteúdo) são equivalentes:
<p>
The itsy bitsy spider went up the water spout.
</p><p>The itsy bitsy spider went up the water spout.</p>
No entanto, ao escrever código HTML, use quebras de linha e espaçamento para facilitar a leitura (para deixar claro qual conteúdo faz parte de qual elemento).
Juntos, as tags e o conteúdo que elas contêm são chamados de Elemento HTML . Um site é feito de vários desses elementos.
O padrão HTML define muitos elementos diferentes , cada um dos quais marca um significado diferente para o conteúdo. Os elementos comuns incluem:
<h1>: um título de 1º nível<h2><h6>: um título de 2º nível (e assim por diante, até)<p>: um parágrafo de texto<a>: uma “âncora” ou um hiperlink