[Web Coder] #HTML

por Junior- Qui 10 Out 2013, 16:44

Aula 1(2/5)- Visão Geral: HTML Modelo de Cabeçalho

HTML- Modelo de Cabeçalho

<+html> inicio do documento
<+head> inicio do cabeçalho do documento
<+title> inicio do documento

<+/title> fim do documento
<+/head> fim do cabeçalho do documento
<+body> inicio do conteúdo do documento (é o corpo da página)
<+/body> fim do conteúdo do documento
<+/html> fim do documento

O comando <+h1> correspondem ao tamanho da fonte. Nestes casos existe uma variação na internet, os valores vão de 1 a 6, sendo que a número um corresponde a maior delas. Inserindo os comandos teremos a seguinte visão:

<+h1> Titutlo tamanho 01 <+/h1>
<+h2> Titulo tamanho 02 <+/h2>
...

É interessante conhecer os tamanhos e verificar quais deles podem ser utilizados. Os tamanhos podem facilmente transparecer maior ou meno profissionalismo, portanto capriche, viste sites e verifique quais os tamanhos de fonte são utilizadas com maior frequência.

O <+P> corresponde ao inicio de um parágrafo, deixando uma linha em branco entre cada parágrafo.
A marcação <+br> Faz uma quebra de linha sem acrescentar espaço extra entre as linhas.

A primeira coisa que você precisa saber sobre o plano de fundo é que as cores são predefinidas por códigos. Para facilitar o entendimento colocarei um pequeno modelo de paleta de cores. É importante sabermos que existem milhares de cores, para tanto, basta fazer uma pequena pesquisa em tabela de cores em HTML, como a que se segue:

Para sabermos os códigos das cores usadas como plano de fundo é importante as conhecermos. Por tanto utilizaremos de uma tabela como esta:

Para inserir uma imagem de fundo a imagem que será inserida deve está em boa qualidade e salva dentro da página em que o site está sendo salvo. Desta maneira é possível ter uma boa qualidade eficiência na execução da inserção da imagem.
Caso você queira apenas inserir uma imagem digite o comando abaixo:
<+img src="imagem">

Editando os Textos:

Texto negrito
<+b>texto aqui<+/b>

^{Texto sobrescrito}
<+sup>texto aqui<+/sup>

Texto em itálico
<+i>texto aqui<+/i>

_{Texto subscrito}
<+sub>texto aqui<+/sub>

Texto sublinhado
<+u>texto aqui<+/u>

Texto mono-espaço

<+tt>texto aqui<+/tt>

OBS: Os códigos estão com com um "+" mais porque eu não vou desativar o HTML do tópico, então entendam sem o "+" mais.

Créditos:

Junior-
Cedaspy

por redbear Qui 10 Out 2013, 20:26

Para iniciantes é um ótimo tutorial,e também existe o dreamweaver que ajuda muito na hora de programar.

[Web Coder] #HTML

[Web Coder] #HTML

Re: [Web Coder] #HTML