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

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

HTML Construindo páginas. Lembre-se Salve todo o material que for utilizar na mesma pasta.

Apresentações semelhantes


Apresentação em tema: "HTML Construindo páginas. Lembre-se Salve todo o material que for utilizar na mesma pasta."— Transcrição da apresentação:

1 HTML Construindo páginas

2 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 ( ). Exemplo –normalmente tem uma TAG correspondente para finalização, com o mesmo nome e precedido por uma barra (/). Exemplo

5 Estrutura do HTML início do documento início do cabeçalho início do título da Barra de Título fim do título da Barra de Título fim do cabeçalho início do corpo da página fim do corpo da página fim do documento

6 Estrutura do HTML

7 Nome na Barra de Título

8 Corpo da página -... Todo o conteúdo 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 não visitado, link ativo e link visitado.

9 Corpo da página - 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 –

11 Inserindo Texto : troca para uma linha abaixo;... : troca para um parágrafo abaixo; : negrito; : itálico; : sublinhado;

12 Inserindo Texto

13 Formatando o Texto... Atributos –Size: tamanho da fonte entre 1 e 7; –Color: cor da fonte; –Face: tipo de fonte Sintaxe: não é necessário a presença de todos estes atributos

14 Formatando o Texto...

15 Inserindo Links -... Para outras páginas da mesma pasta: – Página Para outro endereço ou site: – site Para enviar Contato

16 Inserindo Links -...

17 Inserindo imagens - SRC : Especifica o nome do arquivo de imagem. Sem esse atributo a tag 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 - Sintaxe: figura

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. Lembre-se Salve todo o material que for utilizar na mesma pasta."

Apresentações semelhantes


Anúncios Google