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

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

HTML H yper T ext M arkup L anguage Uma linguagem de marcação.

Apresentações semelhantes


Apresentação em tema: "HTML H yper T ext M arkup L anguage Uma linguagem de marcação."— Transcrição da apresentação:

1 HTML H yper T ext M arkup L anguage Uma linguagem de marcação

2 Vantagens da HTML  Formatação de um documento para web;  Possibilidade de inclusão de vínculos que apontam para outros documentos;  Capacidade de criar tabelas e texto pré-formatada;  Capacidade de incorporar imagens;  Criação de imagens mapeadas;  Condições de inserção de recursos interativos como formulários.

3 Documento básico Título da Página Corpo do documento

4 META TAG META PARA FAZER REDIRECIONAMENTO AUTOMATICO: Indicação para ficar 3 segundos na página atual, depois redirecionar para a pagina indicada

5 META TAG EXEMPLO Criando um documento básico em html Corpo do documento

6 ATRIBUTOS DO BODY Onde: TEXT - Cor do texto ao longo do documento; BACKGROUND - Padrão do background (fundo) do documento; BGCOLOR - Cor do background (fundo) do documento; LINK - Cor da palavra de link (ainda não visitado); VLINK - Cor da palavra de link já visitado; ALINK - Cor da palavra de link activo (clicando sem largar)

7 CABEÇALHOS Um cabeçalho texto, texto texto, Subtítulo texto, texto texto, texto Subtítulo texto, texto texto, texto Subtítulo texto, texto texto, texto

8 CARACTERÍSTICAS DO TEXTO Este texto deve ser itálico. Este texto deve ser com letras em tamanho small. Texto em negrito e itálico. Cores As cores são introduzidas através do elemento, usando o sistema RGB para cores. Texto Assim, um trecho de texto pode ter uma cor diferente da definição geral de cores, feita através dos atributos de.

9 Tamanho Texto permite que o autor do documento altere o tamanho das letras em trechos específicos de texto. Letra menor Fontes Fonte Verdana azul Fonte Arial verde Fonte Courier New vermelha

10 LINKS Link para um site na internet Aqui um link para a unifacs Link para um arquivo no mesmo diretório Aqui um link para um arquivo no mesmo dir Link para um Enviar para meire Imagem como link

11 IMAGENS Inserindo a imagem Formatos mais comuns GIF (Graphics Interchange Format) JPG (Joint Photographic Experts Group) Informando o tamanho da imagem

12 Atributo SRC SRC = “URL”; especifica a URL da imagem. Atributo ALT ALT = “texto”; permite que um navegador (incapaz de exibir imagens) apresente um texto sobre o que a figura mostraria; recomendado para formatos gráficos não suportados amplamente; formato GIF: suportado por TODOS os navegadores! Atributo BORDER BORDER = n; define a largura da borda da imagem em n pontos. IMAGENS

13 TABELAS Célula 1 Célula 2 Célula 3 Célula 4

14 ATRIBUTOS DA TABELA Célula 1 Agrupando células (Quantas colunas em uma célula) Célula 1 Célula 2 Célula 3 Célula 4 Célula 1 Célula 2Célula 3Célula 4

15 ATRIBUTOS DA TABELA Célula 1 Célula 2 Célula 3 Célula 4 Célula 1 Célula 2 Célula 3 Célula 4

16 ATRIBUTOS DA TABELA Atributos de espaçamento de uma tabela Dois atributos permitem o controle de espaçamento em tabelas: CELLPADDING - espaço entre o texto e as bordas da célula CELLSPACING - espaço entre células Ex.1: Espaço entre o texto e as bordas Ex.2: Espaço entre células

17 LISTAS Listas não-numeradas São equivalentes às listas com marcadores do MS Word: item de uma lista... item... Listas Numeradas item de uma lista numerada item de lista numerada

18 ATRIBUTOS DE UMA LISTA um item outro item mais um item A = Letra 1 = Número

19 SEPARADORES Linha Horizontal insere uma linha horizontal: Atributos do HR insere uma linha de largura 7 (pixels): insere uma linha que ocupa 50% do espaço horizontal disponível: insere uma linha de comprimento 30% (do espaço horizontal disponível), alinhada à direita, sem efeito tridimensional: insere uma linha de largura 70 (pixels), comprimento 2 (pixels), alinhada à esquerda.


Carregar ppt "HTML H yper T ext M arkup L anguage Uma linguagem de marcação."

Apresentações semelhantes


Anúncios Google