7ª aula de web
Autor: Lú | Publicado: 2011-04-25T17:02:00-07:00


 
HTML
ESTRUTURA BÁSICA DE UM DOCUMENTO:
 
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Título do Documento&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    aqui fica a página,
    texto (geralmente &lt;p&gt;&lt;/p&gt;, &lt;div&gt;&lt;/div&gt; ou &lt;span&gt;&lt;/span&gt;),
    imagem (&lt;img&gt;&lt;/img&gt;),
    links (&lt;a&gt;&lt;/a&gt;),
    ...
  &lt;/body&gt;
&lt;/html&gt;

&nbsp;&lt;HTML&gt; &lt;/HTML&gt;:Delimita o documento (início e fim).Esta marcação deve ser inserida imediatamente no início e no final de todo arquivo HTML.
&nbsp;&lt;head&gt; &lt;/head&gt;:Cabeçalho.É uma área para inserção de informações que não serão visíveis na página HTML,tais como "TITLE" e comentários.
&lt;title&gt; &lt;/title&gt;:Título  do documento.Todo documento www deve ter um título.É sugerido que os  títulos do documento sejam sugestivos, este título é referenciado em  buscas pela rede.O título aparece na identificação da janela do browser.
&lt;!comentário...&gt;:Comentários só aparecem na fonte ...Usados para comentários ,observações ,etc...

&lt;body&gt; &lt;/body&gt;:É  o corpo do documento o que fica entre os tags &lt;HTML&gt;  &lt;/HTML&gt;é a sua página ,o que aparecerá na tela do browser.Entre  &lt;head&gt; são colocadas informações referentes a página ,como um  cabeçalho.E entre &lt;title&gt; &lt;/title&gt;&nbsp; deve ficar o título da  home page (o que aparecerá na barra de título do browser e não no corpo  da página).
* A primeira página de site normalmente chama-se index.HTML ou index-HTML.
A  extensão HTML é característica do MS-DOS depois do windows .Para nunca  trabalhou com Dos ,não deve saber ,mas ele não aceitava mais do que três  caracteres na extensão ,dai vem a origem das extensões:.doc,.xls,.txt.A  extensão .HTML é característica do unisc que suportava mais de três  caracteres.Para evitar problemas ,foi feita a junção ,e para efeito de  compatibilidade foram mantidas as duas extensões. Diante disso é  possível afirmar que não há diferença entre .HTML e HTML, ou seja o  conteúdo das páginas são os mesmos.Ou seja ,se houver em um mesmo site&nbsp;  dois documentos com o mesmo nome,um arquivo chamado index .HTML e outro  index .HTML o servidor irá sempre apresentar o index .HTML.

&lt;P&gt; &lt;/P&gt;:Parágrafo  novo.A diferença principal entre uma página HTML e um editor de texto  tradicional é que a página não conhece o fim de um parágrafo quando se  pressiona enter.&nbsp;Você precisa forçar o fim do parágrafo com o comando &lt;P&gt;.
ATRIBUTOS
ALIGN:alinhamento.&lt;p align=”Center”&gt;Pode-se usar (center ,right ,left,justify.)Exemplo:&lt;p align =”Center”Olá Mundo!&lt;/p&gt;

O  &lt;p&gt;&nbsp; também pode ser usado para inserir linhas em branco entre os  parágrafos.Neste caso deve ser usado em conjunto com o caracter  especial de espaço em branco : &nbsp;
&lt;P&gt;&amp; nbsp;&lt;/P&gt;-observe que deve ser escrito em letra minúscula (&amp;nbsp ;=non blank space)


&lt;br&gt;:Quebra linha.Ou linha em branco.Não necessita de tag de fechamento.

&lt;Center&gt; &lt;/Center&gt;:Centraliza texto ou imagem.&nbsp;&lt;HR&gt; Horizontal Rule. Insere linha horizontal.
Atributos:
SIZE=“n” - Grossura da linha horizontal
WIDTH=“%” - Define o quanto da tela a linha vai ocupar (largura)
ALIGN=“xxx” - Alinhamento
COLOR=#rrggbb - Cor da linha (alguns navegadores não a exibem...)
NOSHADE - Linha sólida...

TIPOS DE LETRAS
 
Itálico (exemplos de texto em itálico)
&lt;i&gt;...&lt;/i&gt;

Bold (Exemplo de texto em negrito)
&lt;b&gt;...&lt;/b&gt;

Code (exemplo do texto em Code)
&lt;code&gt;...&lt;/code&gt;


Blink (exemplo do texto piscando)
&lt;blink&gt;...&lt;/blink&gt;


COLOCANDO IMAGENS DENTRO DA TELA


As imagens que aparecem nas páginas WWW podem estar no formato GIF ou JPG. O formato JPG não é compatível com todos os programas de acesso e pode resultar em perda de qualidade na imagem, porém costuma ser menor em (KBytes) que o GIF.


O comando para colocar uma imagem é
&lt;IMG SRC="diretório/imagem.jpg"&gt;


PEQUENA TABELA DE CORES


AZUL - #0000FF
AMARELO - #FFFF00
PRETO - #000000
VERDE - #00FF00
BRANCO - #FFFFFF
VERMELHO - #FF0000


&lt;font&gt;&lt;/font&gt;
Muda a fonte da página em HTML
Color - Define a cor
Size - Tamanho da letra
Face - Tipo de letra