Como foi dito na postagem anterior o HTML serve para marcar o conteúdo, daí você me pergunta, Como assim marcar? A resposta é simples, marcar nada mais é do que dar nome aos bois, separando e definindo o que cada parte é e o que faz.
Cada "marca" do HTML recebe o nome de tag. Cada tag inicia-se com um sinal "menor que" (<) seguido pelas letras que identificam a tag, logo após vem alguns parâmetros opcionais e termina com um sinal "maior que" (>). Exemplo: <p>.
Algumas tag’s são usadas sozinhas no documento, mas na maioria das vezes é preciso um par de tag’s, uma antes do conteúdo que marcam e outra logo após. A tag que vem logo após o conteúdo é praticamente a repetição da tag de abertura, as únicas diferenças são que elas não permitem parâmetros adicionais e precisam de uma barra logo após o sinal "menor que". Exemplo: </p>
A tag usada nos exemplos acima serve para delimitar um parágrafo. Assim tudo que estiver dentro dela será tratado como um parágrafo. No exemplo abaixo temos a marcação de dois parágrafos em um documento:
Um documento HTML deve seguir um determinado padrão para ser corretamente lido pelos diversos mecanismos que irão processá-los e mostrá-los ao usuário. Abaixo temos uma estrutura básica para um documento.
A tag DOCTYPE (linha 1) é especial e, portanto, foge um pouco a regra, ela serve para mostrar aos dispositivos que forem ler a página qual padrão eles devem usar, no exemplo acima temos um HTML versão 4.01, mas não se reocupe muito com isto agora, falaremos mais sobre os tipos de documentos posteriormente.
Logo em seguida temos a tag HTML (linhas 2 e 8), ela delimita todo o documento, iniciando logo após a definição do tipo de documento e terminando logo após a ultima tag.
O documento em si é dividido em duas partes, o HEAD e o BODY.
O HEAD (linha 3 a 5) é um cabeçalho, nele são colocadas as tag’s referentes às propriedades do documento como o titulo, a descrição, as palavras-chave, a inclusão das demais camadas, etc.
O BODY (linhas 6 a 7) envolve o conteúdo em si, dentro dele que o conteúdo será incluído.
A marcação deste conteúdo é bem simples, conheça abaixo algumas tag’s e para que elas servem.
Uma tabela com todas as tag’s seria útil, vou providenciar uma, mas com os próximos exemplos creio que familiarizara com as principais tag’s e com uma vantagem, não ficara assustado com a quantidade.
Na próxima postagem vamos iniciar a construção do nosso site de testes, ate a próxima.
Cada "marca" do HTML recebe o nome de tag. Cada tag inicia-se com um sinal "menor que" (<) seguido pelas letras que identificam a tag, logo após vem alguns parâmetros opcionais e termina com um sinal "maior que" (>). Exemplo: <p>.
Algumas tag’s são usadas sozinhas no documento, mas na maioria das vezes é preciso um par de tag’s, uma antes do conteúdo que marcam e outra logo após. A tag que vem logo após o conteúdo é praticamente a repetição da tag de abertura, as únicas diferenças são que elas não permitem parâmetros adicionais e precisam de uma barra logo após o sinal "menor que". Exemplo: </p>
A tag usada nos exemplos acima serve para delimitar um parágrafo. Assim tudo que estiver dentro dela será tratado como um parágrafo. No exemplo abaixo temos a marcação de dois parágrafos em um documento:
<p>Primeiro parágrafo</p>
<p>Segundo parágrafo</p>
Um documento HTML deve seguir um determinado padrão para ser corretamente lido pelos diversos mecanismos que irão processá-los e mostrá-los ao usuário. Abaixo temos uma estrutura básica para um documento.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
A tag DOCTYPE (linha 1) é especial e, portanto, foge um pouco a regra, ela serve para mostrar aos dispositivos que forem ler a página qual padrão eles devem usar, no exemplo acima temos um HTML versão 4.01, mas não se reocupe muito com isto agora, falaremos mais sobre os tipos de documentos posteriormente.
Logo em seguida temos a tag HTML (linhas 2 e 8), ela delimita todo o documento, iniciando logo após a definição do tipo de documento e terminando logo após a ultima tag.
O documento em si é dividido em duas partes, o HEAD e o BODY.
O HEAD (linha 3 a 5) é um cabeçalho, nele são colocadas as tag’s referentes às propriedades do documento como o titulo, a descrição, as palavras-chave, a inclusão das demais camadas, etc.
O BODY (linhas 6 a 7) envolve o conteúdo em si, dentro dele que o conteúdo será incluído.
A marcação deste conteúdo é bem simples, conheça abaixo algumas tag’s e para que elas servem.
- H1 = Titulo principal do documento
- H2 = Subtítulo; 2º título
- H3 = Subtítulo; 3º título
- H4 = Subtítulo; 4º título
- H5 = Subtítulo; 5º título
- H6 = Subtítulo; 6º título
- P = Parágrafo
- IMG = Imagem
- BR = Quebra de linha
Uma tabela com todas as tag’s seria útil, vou providenciar uma, mas com os próximos exemplos creio que familiarizara com as principais tag’s e com uma vantagem, não ficara assustado com a quantidade.
Na próxima postagem vamos iniciar a construção do nosso site de testes, ate a próxima.
Comentários
Postar um comentário