Carregar apresentação
A apresentação está carregando. Por favor, espere
1
HTML Construindo páginas
2
Salve todo o material que for utilizar na mesma pasta.
Lembre-se Salve todo o material que for utilizar na mesma pasta.
3
O que é HTML O documento em HTML é um arquivo texto comum (ASCII) que pode ser escrito através de qualquer editor de textos comum (Edit, E , Norton Editor, notepad, ...) e tem a terminação .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.
4
Estrutura do HTML TAGs: elementos de marcação;
é definida através de seu nome cercado pelos sinais de “menor” (<) e “maior” (>). Exemplo <TAG> normalmente tem uma TAG correspondente para finalização, com o mesmo nome e precedido por uma barra (/). Exemplo </TAG>
5
Estrutura do HTML <HTML> início do documento
<HEAD> início do cabeçalho <TITLE> início do título da Barra de Título </TITLE> fim do título da Barra de Título </HEAD> fim do cabeçalho <BODY> início do corpo da página </BODY> fim do corpo da página </HTML> fim do documento
6
Estrutura do HTML
7
Nome na Barra de Título
8
Corpo da página - <BODY>...</BODY>
Todo o conteúdo do documento HTML deve estar entre as tags <BODY> e </BODY> Atributos da TAG <BODY>: BGCOLOR: cor de fundo (RGB, hexadecimal) BACKGROUND: imagem de fundo (gif, pjg, png ...) LINK, ALINK e VLINK: cor do link não visitado, link ativo e link visitado.
9
Corpo da página - <BODY BGColor=“#FFFF00”>
Alguns exemplos : #FFFFFF (Branco), #00FF00 (Verde), #00FFFF (Cian), #C0C0C0 (Cinza), # (Preto), #0000FF (Azul), #FFFF00 (Amarelo), #BC8F8F (Pink), #FF0000 (Vermelho), #FF00FF (Magenta), #A8A8A8 (Cinza claro), #4F2F4F (Violeta).
10
Corpo da página – <BODY BACKGROUND =“imagem.extensão”>
11
Inserindo Texto <BR>: troca para uma linha abaixo;
<P>...</P>: troca para um parágrafo abaixo; <B>: negrito; <I> : itálico; <U>: sublinhado;
12
Inserindo Texto
13
Formatando o Texto <FONT>...</FONT>
Atributos Size: tamanho da fonte entre 1 e 7; Color: cor da fonte; Face: tipo de fonte Sintaxe: <FONT SIZE=“5” COLOR= “blue” FACE=“verdana”> não é necessário a presença de todos estes atributos </FONT>
14
Formatando o Texto <FONT>...</FONT>
15
Inserindo Links - <A>...</A>
Para outras páginas da mesma pasta: <A HREF=“nomeDaPagina.html”>Página</A> Para outro endereço ou site: <A HREF=“ Para enviar <A
16
Inserindo Links - <A>...</A>
17
Inserindo imagens - <IMG>
SRC : Especifica o nome do arquivo de imagem. Sem esse atributo a tag <IMG> não tem finalidade. ALT: Texto alternativo para a imagem (muito útil quando o usuário não está exibindo as figuras.). ALIGN: Alinhamento do texto em relação à imagem. Pode ser CENTER, TOP, LEFT ou RIGHT. HEIGHT: Altura da figura em pixels ou porcentagem (se não utilizada, a figura será mostrada em sua altura original). WIDTH: Largura; semelhante a HEIGHT.
18
Inserindo imagens - <IMG>
Sintaxe: <IMG SRC=“nomeimagem.extensão” ALT=“figura de core” HEIGHT=“100% WIDTH=“100%”>
19
Considerações finais Existem ainda várias outras TAGs com formatações específicas que podem ser pesquisadas na internet, digitando no google “apostila de html”. Recomendo alguns: ?cat=9&nomecat=HTML 6&sub=53
20
HTML Construindo páginas
Apresentações semelhantes
