HTML Básico
Neste artigo serão mostrados os principais códigos HTML necessários para você criar sua página web básica.
Serão apresentadas as tags (marcadores de código responsáveis por uma função específica) para incluir objetos como imagens, links, títulos, tabelas. Veremos ainda como formatar textos, definir o plano de fundo da página, além de uma tabela contendo as principais cores utilizadas.
Atualmente existem vários editores com interface gráfica que permitem criar páginas web facilmente, arrastando e soltando componentes na tela. Porém, conhecendo os códigos que estão por trás da interface (que os editores geram quando montamos a interface manualmente), é possível criar páginas usando um simples editor de texto como o Bloco de Notas do Windows. Basta salvar o arquivo com extensão “.html” e manter a sintaxe correta da linguagem. Por exemplo, o conteúdo da página deve estar entre as tags e .
Observação importante: toda tag aberta deve ser fechada em algum ponto. Para isso se usa a barra “/” dentro de uma tag semelhante a de abertura. Por exemplo, a tag deve ser fechada com a tag
. Existem ainda as tags que são abertas e fechadas em um único marcador, por exemplo, a tag
que representa uma quebra de linha, não precisa de outra de fechamento, pois ela fecha a si própria com a barra posta no final.
Listagem 1: Estrutura básica da página HTML
Serão apresentadas as tags (marcadores de código responsáveis por uma função específica) para incluir objetos como imagens, links, títulos, tabelas. Veremos ainda como formatar textos, definir o plano de fundo da página, além de uma tabela contendo as principais cores utilizadas.
Atualmente existem vários editores com interface gráfica que permitem criar páginas web facilmente, arrastando e soltando componentes na tela. Porém, conhecendo os códigos que estão por trás da interface (que os editores geram quando montamos a interface manualmente), é possível criar páginas usando um simples editor de texto como o Bloco de Notas do Windows. Basta salvar o arquivo com extensão “.html” e manter a sintaxe correta da linguagem. Por exemplo, o conteúdo da página deve estar entre as tags e .
Observação importante: toda tag aberta deve ser fechada em algum ponto. Para isso se usa a barra “/” dentro de uma tag semelhante a de abertura. Por exemplo, a tag
que representa uma quebra de linha, não precisa de outra de fechamento, pois ela fecha a si própria com a barra posta no final.
Estrutura básica de uma página HTML
Uma página HTML deve manter sempre uma estrutura básica, a partir da qual são inseridos outros elementos com formatações avançadas. A Listagem 1 mostra a estrutura base de toda página HMTL.Listagem 1: Estrutura básica da página HTML
Título da página Corpo do documento. Texto, imagens, tabelas, etc.O conteúdo da tag
