Estrutura Principal do HTML

Informática

01/06/2015

A estrutura do HTML, ou corpo, como também é conhecida, é formada por Tags, que é a estrutura de linguagem de marcação.


As Tags dependem essencialmente do sinal < (símbolo de “menor que”), que significa o início da Tag. Em seguida vem o nome da marcação, ou seja, o atributo que será executado, concluindo com o sinal > (símbolo de “maior que”) para fechamento, como no exemplo, <HTML></HTML>.


As Tags são utilizadas em pares para abrir e fechar o comando, por exemplo, <TITLE> avisa que está sendo iniciado o comando título, e </TITLE>, quando antecedido por uma barra “/”, informa que o comando acabou.


Há algumas exceções nas Tags que não necessitam de fechamento, como <BR> utilizada para quebra de linha, pois elas executam uma função única e determinada.


A estrutura básica do HTML é formada pelos seguintes comandos, como mostrados na aba Código.


Todo documento HTML deve ser identificado <HTML></HTML>. Essa marcação corresponde ao início e final do arquivo. Na cabeça do documento, simbolizada pelas tags <HEAD></HEAD>, é onde será introduzido o nome do arquivo.


<TITLE></TITLE> é onde ficará o nome principal da página Web, usado também para buscas.


<BODY></BODY> é o corpo do documento. Todo o conteúdo da página tem de ser escrito dentro do corpo.


A tag <BODY> possui alguns atributos que ajudam a formatar todo o conteúdo do corpo, segue abaixo modelos de atributos:


• alink - Cor do link que foi ativado.
• background - Imagem como plano de fundo.
• bgcolor - Cor de fundo #RRGGBB.
• link - Cor dos links existentes na página.
• text - Cor do texto principal.
• vlink - Cor do link já visitado.


Códigos


Para fazer comentários e anotações de lembretes, basta usar <! – redigir o texto e em seguida fechá-lo -- >. Dessa forma, o que for escrito será ignorado pela página Web, pois esse conteúdo é exclusivamente para uso do desenvolvedor da página, que serve como lembrete para facilitar a manutenção e entendimento do código.


As Tags para títulos e subtítulos do site são de H1 a H6, diferenciando o tamanho de acordo com seu número. Com o uso dessas Tags, estará sendo definido que o título ou subtítulo terá o maior tamanho e destaque no texto.


Conteúdo

• <H1></H1> Primeiro subtítulo.
• <H2></H2> Segundo subtítulo.
• <H3></H3> Terceiro subtítulo.
• <H4></H4> Quarto subtítulo.
• <H5></H5> Quinto subtítulo.
• <H6></H6> Sexto subtítulo.


Na estrutura HTML são geradas algumas Tags automaticamente pelo sistema, como podemos ver abaixo:


• <meta> Informações gerais do arquivo.
• <style></style> Informações do estilo. Onde podem ser inseridas formatações em css, por exemplo.
<script></script> Linguagem Script. Onde pode ser inserida programação em JavaScript, por exemplo.


O HTML não é “case sensitive”, ou seja, não faz distinção de letra maiúscula, ou minúscula, sendo então <TITLE> equivalente a <title>. Vejamos um exemplo na aba Código.

Esta apresentação reflete a opinião pessoal do autor sobre o tema, podendo não refletir a posição oficial do Portal Educação.


Colunista Portal - Educação

por Colunista Portal - Educação

O Portal Educação possui uma equipe focada no trabalho de curadoria de conteúdo. Artigos em diversas áreas do conhecimento são produzidos e disponibilizados para profissionais, acadêmicos e interessados em adquirir conhecimento qualificado. O departamento de Conteúdo e Comunicação leva ao leitor informações de alto nível, recebidas e publicadas de colunistas externos e internos.

Portal Educação

UOL CURSOS TECNOLOGIA EDUCACIONAL LTDA, com sede na cidade de São Paulo, SP, na Alameda Barão de Limeira, 425, 7º andar - Santa Cecília CEP 01202-001 CNPJ: 17.543.049/0001-93