TUTORIAIS HTML

2.1.1 COMANDOS EM HTML

ETIQUETAS - Todo documento HTML possui etiquetas (do inglês: tags), palavras entre parênteses angulares (Chevron) (< e >); essas etiquetas são os comandos de formatação da linguagem. Um elemento é formado por um nome de etiqueta (tag), atributos, valores e filhos (que podem ser outros elementos ou texto). Os atributos modificam os resultados padrões dos elementos e os valores caracterizam essa mudança. Exemplo de um elemento simples (não possui filhos).

O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira.

Ex:

<tag>Conteúdo da tag</tag>

Toda tag aberta, deve ser fechada, salvo raras exceções, nesses casos ela pode ser fechada da seguinte maneira:

1 </tag>

Uma tag HTML pode conter outra tag dentro dela, e quantas forem necessárias.

1

2

3 <tag>

<outraTag>texto</outraTag>

</tag>

Algumas tag's possuem propriedades que podem possuir valores. Um exemplo claro é a tag de imagem que possui o caminho da imagem.

1 <img src="caminhoImg.jpg" />

2.2 HTML - LISTAGEM DE COMANDOS

2.2.1 Título do documento:

<title> escreva aqui o titulo da pagina </title>

Ou seja, escreva <title> no início do título e </title> para avisar que já terminou o título.

Evite usar acentuação dentro do title pois é o gerenciador de janelas (Windows manager) quem interpreta o title e não o software de navegação e muitas vezes o gerenciador de janelas não suporta caracteres acentuados.

O título deve ser o mais explicativo possível porem, compacto (no máximo uma linha).

2.2.2 Cabeçalhos (Headers):

Cabeçalhos podem ser usados em qualquer parte da página em HTML para dar destaque maior ou menor a algum termo do texto. Existem 6 tamanhos de cabeçalhos e eles são usados da seguinte forma:

<h1> . . . </h1> Cabeçalho H1

<h2> . . . </h2>

2.3 CABEÇALHO H2

<h3> . . . </h3>

2.3.1 Cabeçalho H3

<h4> . . . </h4>

2.3.1.1 Cabeçalho H4

<h5> . . . </h5>

2.3.1.1.1 Cabeçalho H5

<h6> . . . </h6>

2.3.2 Tipos de letra:

Itálico (Exemplo de texto em itálico):