A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

HTML Construindo páginas.

Apresentações semelhantes


Apresentação em tema: "HTML Construindo páginas."— Transcrição da apresentação:

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=“http://www.site.com.br”>site</A> 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


Carregar ppt "HTML Construindo páginas."

Apresentações semelhantes


Anúncios Google