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

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

HTML 1ª aula. O que é HTML? HTML -> Hyper Text Markup Language (Linguagem de Marcação de Hiper Textos); É a linguagem usada para a criação e publicação.

Apresentações semelhantes


Apresentação em tema: "HTML 1ª aula. O que é HTML? HTML -> Hyper Text Markup Language (Linguagem de Marcação de Hiper Textos); É a linguagem usada para a criação e publicação."— Transcrição da apresentação:

1 HTML 1ª aula

2 O que é HTML? HTML -> Hyper Text Markup Language (Linguagem de Marcação de Hiper Textos); É a linguagem usada para a criação e publicação de sites e páginas na internet; Um programa HTML nada mais é do que um arquivo de texto simples, contendo códigos (comandos) denominados tags, que indicam cada elemento da página.

3 O que é uma tag? São os códigos de marcação de texto usados para a criação do site. As tags são “etiquetas”, usadas para que o navegador exiba a página de acordo com a formatação definida pelos comandos HTML. É sempre precedida de um caractere “ ” (maior que) Exemplo de tag:

4 O que é uma tag? Uma tag deve ter um correspondente, chamada de tag de fechamento (esta tag contém uma barra – “/”); Uma tag indica onde começa sua área de inflência, enquanto seu correspondente (tag de fechamento) indica onde termina a área de influência.

5 Exemplo de Linguagem HTML Olá Mundo Olá mundo! Tag Tag de fechamento

6 Estrutura básica  Início do documento  Início do cabeçalho do documento  Início do título do documento  fim do título do documento  fim do cabeçalho do documento  início do conteúdo (corpo) do documento  fim do conteúdo (corpo) do documento  fim do documento

7 Programas que podem ser usados Bloco de Notas Dreamweaver WordPublisher

8 Nossa primeira página! Olá Mundo Olá mundo!

9 IMPORTANTE! Os arquivos de Internet recebem extensão.html ou.htm Ou seja... SEMPRE SALVE TEU ARQUIVO COM O NOME MAIS A EXTENSÃO ESCOLHIDA! Exemplo: pagina007.html

10 Atributos da Tag Body Olá Mundo Olá mundo! Cor de fundo da página BG = background Cor do texto

11 Tente! Altere a cor de fundo do exercício anterior para amarelo e a cor da fonte para vermelho.

12 Cores RGB Esquema de cores baseado na combinação de Vermelho (Red), Verde (Green) e Azul (Blue). São combinadas as cores, no padrão hexadecimal (que varia de 0 até F), para obter a cor desejada: Ex.:  preto

13 Alguns exemplos de cores RGB NomeCódigoExemplo White (branco)#FFFFFF Yellow (amarelo)#FFFF00 Red (vermelho)#FF0000 Black (preto)# Blue (azul)#0000FF Cyan (ciano)#00FFFF Green (verde)#00FF00 Você pode tanto usar o código hexadecimal, como também escrever o nome da fonte em inglês. Ex: ou

14 Quebra de linha Testando Quebra Temos este texto. Há quebra de linha automaticamente?

15 Quebra de Linha A quebra de linha não acontece porque, para o HTML, não há quebra quando você pressiona Enter! A quebra ocorre usando uma tag específica!

16 Quebra de linha Testando Quebra Temos este texto. Há quebra de linha automaticamente?

17 Quebra de Linha Pelo fato do código não ser influenciado pela tecla Enter, as quebras podem ser feitas de várias formas:

18 Exemplos de Quebras Temos este texto. Há quebra de linha automaticamente? Temos este texto. Há quebra de linha automaticamente? Temos este texto. Há quebra de linha automaticamente?

19 Parágrafos Parágrafos Primeiro parágrafo Segundo parágrafo.

20 Parágrafos Outra forma de inserir um parágrafo é colocando apenas uma tag de início no meio de uma frase. Exemplo: Primeiro parágrafo. Segundo parágrafo.

21 Títulos Ao usar títulos, consigo configurar o parágrafo em níveis, dependendo do tamanho especificado. Header (cabeçalho) Numeração do cabeçalho

22 Usando Títulos Títulos Cabeçalho nivel 1

23

24 Níveis de cabeçalho equivalentes aos tamanhos da fonte H1 24 pt H2 18 pt H3 14 pt H4 12 pt H5 10 pt H6 08 pt

25 Espaçamento No código HTML, ao redigir um texto, só é aceito 1 espaço entre frases e palavras. Para exibir mais de 1 espaço, há a necessidade de usar o código “ ”

26 Exemplo Espaçamento Farinha 1,99 Farinha 1,99


Carregar ppt "HTML 1ª aula. O que é HTML? HTML -> Hyper Text Markup Language (Linguagem de Marcação de Hiper Textos); É a linguagem usada para a criação e publicação."

Apresentações semelhantes


Anúncios Google