HTMLConstruindo pginas

Lembre-seSalve todo o material que for utilizar na mesma pasta.

O que HTMLO documento em HTML um arquivo texto comum (ASCII) que pode ser escrito atravs de qualquer editor de textos comum (Edit, E , Norton Editor, notepad, ...) e tem a terminao .htm ou .html .Como uma linguagem interpretada, a partir do momento em que se salva um arquivo HTML, o mesmo j pode ser aberto por qualquer navegador.

Estrutura do HTMLTAGs: elementos de marcao; definida atravs de seu nome cercado pelos sinais de menor ().Exemplo normalmente tem uma TAG correspondente para finalizao, com o mesmo nome e precedido por uma barra (/).Exemplo

Estrutura do HTML incio do documento incio do cabealho incio do ttulo da Barra de Ttulo fim do ttulo da Barra de Ttulo fim do cabealho incio do corpo da pgina fim do corpo da pgina fim do documento

Estrutura do HTML

Nome na Barra de Ttulo

Corpo da pgina - ...Todo o contedo do documento HTML deve estar entre as tags e

Atributos da TAG :BGCOLOR: cor de fundo (RGB, hexadecimal)BACKGROUND: imagem de fundo (gif, pjg, png ...)LINK, ALINK e VLINK: cor do link no visitado, link ativo e link visitado.

Corpo da pgina - Alguns exemplos :#FFFFFF (Branco), #00FF00 (Verde), #00FFFF (Cian), #C0C0C0 (Cinza), #000000 (Preto), #0000FF (Azul), #FFFF00 (Amarelo), #BC8F8F (Pink),#FF0000 (Vermelho), #FF00FF (Magenta), #A8A8A8 (Cinza claro), #4F2F4F (Violeta).

Corpo da pgina

Inserindo Texto: troca para uma linha abaixo;...: troca para um pargrafo abaixo;: negrito; : itlico;: sublinhado;

Inserindo Texto

Formatando o Texto ...AtributosSize: tamanho da fonte entre 1 e 7;Color: cor da fonte;Face: tipo de fonte

Sintaxe:

no necessrio a presena de todos estes atributos

Formatando o Texto ...

Inserindo Links - ...Para outras pginas da mesma pasta:PginaPara outro endereo ou site:sitePara enviar e-mail:Contato

Inserindo Links - ...

Inserindo imagens - SRC : Especifica o nome do arquivo de imagem. Sem esse atributo a tag no tem finalidade.ALT: Texto alternativo para a imagem (muito til quando o usurio no est exibindo as figuras.).ALIGN: Alinhamento do texto em relao imagem. Pode ser CENTER, TOP, LEFT ou RIGHT.HEIGHT: Altura da figura em pixels ou porcentagem (se no utilizada, a figura ser mostrada em sua altura original).WIDTH: Largura; semelhante a HEIGHT.

Inserindo imagens - Sintaxe:

Consideraes finaisExistem ainda vrias outras TAGs com formataes especficas que podem ser pesquisadas na internet, digitando no google apostila de html. Recomendo alguns:http://www.interney.net/blogfaq.php?p=6541494http://www.sosdesigners.com/downloads-baixar5.htmlhttp://www.crieseuwebsite.com/apostilas/abrecategoria.php?cat=9&nomecat=HTMLhttp://www.linhadecodigo.com.br/tutoriais.asp?id_tutorial=86&sub=53http://www.apostilando.com/sessao.php?cod=5

HTMLConstruindo pginas