HTML - Curso Completo (cortesia Wikipedia.org)

HTML - HiperText Markup Language - Linguagem de Marcação de Hipertexto.

A especificação HTML tem elementos definidos pelo seu criador (W3C). Estes elementos são diferenciados do texto comum por uma marca de início - o “<” e uma marca de final - o “>“. Tecnicamente, de acordo com a XML, tudo que está dentro de um “< >” é uma Markup, e tudo o que não está, é um CharData.

Podemos, vulgarmente, classificar os elementos Markup em dois tipos: os normais e os simples.

Elementos normais

Chamamos de elementos normais aos elementos que, obrigatoriamente, aparecem aos pares, envolvendo um trecho de texto. Sua função é a de atribuir uma propriedade ao texto envolvido e, somente, ao texto envolvido. Sendo assim, nos elementos normais há sempre uma indicação de início e outra de fim.

Exemplo de texto em itálico:

inclinado

… produzido pela inclusão dos seguintes tags: <i>inclinado</i>

É possível aplicar estilos de forma hierárquica, ou seja, aplicar estilos a secções dentro de secções que tenham outro estilo como, por exemplo, colocar uma palavra em itálico numa frase toda em negrito: frase em negrito e itálico.
… produzido pela inclusão dos seguintes tags: <b>frase em negrito e <i>itálico</i></b>

Cruzamento de Atributos

Não cruze atributos distintos. Embora o HTML possa ser permissívo quanto a isso, o XHTML já não o é:

Exemplo de cruzamento de atributos distintos (Não faça isto nos seus projetos):

<b>Cruzamentos entre atributos distintos <i>dá sempre para</b> o torto</i>.

Elementos simples

Os elementos simples são aqueles que se encontram sempre sozinhos, pois a sua função é a de produzir, no texto ou na página, alguma exibição especial - ou indicar alguma coisa que não precisa, necessariamente, ser exibida.

Como não possuem marca de encerramento, os elementos simples são caracterizados por uma barra inclinada / no final, antes do “>”.

Linha Horizontal

• Exemplo - linha horizontal:

Nome: Alberto<hr />Idade: 46 anos

• Resultado:

Mudança de Linha

• Exemplo - Mudança de uma linha:

E eu disse que poderia mudar de linha<br />mas ninguém acreditou!

• Resultado:

Mudança de Parágrafo

• Exemplo da mudança de parágrafo:

É recomendável antes de qualquer texto escrever-se <p>, para possíbilitar a mudança de parágrafo:

<p>Era uma vez um parágrafo</p><p>Era uma vez outro parágrafo</p>
<p>...tantos parágrafos que poderiam existir aqui</p>

• Saída:

	o e-mail do seu amigo:
	o seu nome:
	a mensagem:

Dê a sua opinião sobre este artigo