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

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

Faculdades Integradas Santa Cruz Curso Básico de HTML Professor: Julio Eduardo Martins.

Apresentações semelhantes


Apresentação em tema: "Faculdades Integradas Santa Cruz Curso Básico de HTML Professor: Julio Eduardo Martins."— Transcrição da apresentação:

1 Faculdades Integradas Santa Cruz Curso Básico de HTML Professor: Julio Eduardo Martins

2 Introdução O que é uma página WEB? É um documento composto por texto e códigos especiais chamados tags; Pode conter também sons, imagens, links para outros documentos e códigos de programação; As páginas podem ser codificadas em um editor de texto comum.

3 Introdução (2) As páginas são interpretadas pelo Browser e apresentadas; O código HTML é independente de plataforma, sistema operacional ou hardware.

4 HTML HTML não é uma linguagem em si; Trata-se apenas de comandos específicos para formatação e apresentação de componentes gráficos. HTML - Hypertext Markup Language

5 HTML (2) Todo o HTML é estruturado em tags. Uma tag tem o seguinte formato: Conteudo_da_tag A grande maioria das tags ocorre em pares e pode ser utilizada de maneira aninhada.

6 Estrutura Básica de uma Página Titulo da Página Parágrafo 1

7 Cabeçalhos Tags de cabeçalho servem para definir tópicos em um documento HTML. Os tipos de cabeçalhos podem ser: Cabeçalho nível 1 Cabeçalho nível 2 Cabeçalho nível 3 Cabeçalho nível 4 Cabeçalho nível 5 Cabeçalho nível 6

8 Espaços Espaços em branco não tem sentido em HTML. O browser substitui qualquer seqüência de espaços por um único espaço simples. Se quisermos forçar uma sequencia de espaços em branco, devemos substituir o espaço em branco por  

9 Quebras de Linha Para produzir uma quebra de linha em HTML não basta apenas dar no código. É preciso utilizar um caractere especial:

10 Parágrafos Uma forma mais simples e correta de produzir um parágrafo em um documento HTML (melhor do que colocar uma sequencia de quatro  ) é utilizar a tag: Conteúdo_do_Parágrafo

11 Formatação de Caractere Texto_em_negrito Texto_em_itálico Texto_sublinhado Texto_sobrescrito Texto_subscrito Texto_piscante

12 Formatação de Caractere (2) Texto_com_ênfase Texto_mais_enfático Tamanho_grande Tamanho_pequeno

13 Texto sem formatação Algumas vezes se faz necessária a apresentação de texto sem qualquer formatação adicional realizada pelo browser. Para isto, temos a tag: Texto_sem_formatação

14 Formatação de Fonte Para formatar a fonte dos carteres a tag é: Onde: n : Tamanho da fonte; face: Nome da fonte; color: cor da fonte em RGB ou nome.

15 Listas Existem alguns tipos de listas. São elas: Listas Ordenadas: Listas Não Ordenadas:

16 Listas (2) Exemplos: Listas Ordenadas: Item 1 Item 2

17 Listas (3) Exemplos (2): Listas não ordenadas: Item 1 Item 2

18 Links Links em uma mesma página: É possível criar links direcionados para uma mesma página. Para tal, primeiramente é necessário criar uma âncora (ponto de referência para onde o link irá apontar) Texto em destaque

19 Links (2) Links em uma mesma página (2): Para criar um link que aponte para a âncora previamente estabelecida a sintaxe é: Texto usado como hipertexto

20 Links (3) Links para outras páginas: Para direcionar um link para uma outra página basta usar a sintaxe: Introdução Conceitos Básicos Referências Legal

21 Imagens Geralmente GIF, JPG ou PNG Sintaxe:

22 Cores e Fundos Você pode alterar as cores e alguns padrões alterando atributos da tag :

23 Endereço e Rodapé de Página Para dar informações adicionais sobre a data de criação e o autor da página usamos a tag: Informações

24 Tabelas As tabelas servem para a apresentação de informação de forma tabular, porém são também um poderoso recurso para a definição do layout de uma página HTML.

25 Tabelas (2) Tags: : Indica o início de uma tabela : Cria uma legenda para a tabela : (table row) – Cria uma linha na tabela : (table data) : Define os dados de uma celula : (table header) : Faz o mesmo que o porém com a formatação diferenciada

26 Tabelas (3) Atributos importantes: align : Define o alinhamento horizontal da célula valign: Define o alinhamento vertical da célula colspan: Indica quantas colunas da tabela a célula deve ocupar rowspan: Indica quantas linhas da tabela a célula deve ocupar border: Define a espessura da borda da tabela width: Define a largura da tabela (em % ou absoluta)

27 Frames Os frames (molduras) permitem apresentar mais de uma página HTML na tela, simultaneamente. É necessário, inicialmente, criar um documento especial que contém as definições de todas as janelas.

28 Frames (2) ...

29 Frames (3) Exemplo

30 Frames (4) Menu Principal...

31 Dúvidas

32 Faculdades Integradas Santa Cruz Curso Avançado de HTML Professor: Julio Eduardo Martins


Carregar ppt "Faculdades Integradas Santa Cruz Curso Básico de HTML Professor: Julio Eduardo Martins."

Apresentações semelhantes


Anúncios Google