Você está na página 1de 8

gerailton 

Busca... Busca

Carregar apresentação

Esperamos que tenha gostado desta apresentação. Recomende,


por favor, esta apresentação aos seus amigos noutra rede social
para carregar. Botões estão em baixo. Obrigado.

Parágrafos Botões:

3
<html>
<head> Cancelamento Carregar

<title>Parágrafos</title>
</head>
<body>
<p>Primeiro parágrafo</p>
Segundo parágrafo.
</body>
</html>

19 / 26

Apresentações
HTML 1ª aula. 
semelhantes
Publicou Leonardo Montez Alterado mais de 8 anos atrás

 Incorporar

 Carregar apresentação
3

Apresentação emCarregar
tema: "HTML 1ª aula."— Transcrição da
apresentação
apresentação:
Esperamos que tenha gostado
1 HTML desta apresentação. Recomende,
1ª aula por favor, esta apresentação aos seus amigos noutra rede social
para carregar. Botões estão em baixo. Obrigado.

Botões:
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 3na
internet;
Um programa HTML nada mais é do que um arquivo de texto simples,
contendo códigos (comandos) denominados tags, que indicam cada
Cancelamento Carregar
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 “<” (menor que) e seguido de um
caractere “>” (maior que)
Exemplo de tag: <html>

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


<head>
<title>Olá Mundo</title>
</head>
<body>
Olá mundo!
</body>
</html>
Tag
Tag de fechamento

6 Estrutura básica <html>  Início do documento


<head>  Início do cabeçalho do documento
<title>  Início do título do documento
</title>  fim do título do documento
</head>  fim do cabeçalho do documento
<body>  início do conteúdo (corpo) do documento 
Carregar
</body>  fim do conteúdo apresentação
(corpo) do documento
</html>  fim do documento
Esperamos que tenha gostado desta apresentação. Recomende,
por favor, esta apresentação aos seus amigos noutra rede social
7 Programas que podem ser usados
para carregar. Botões estão em baixo. Obrigado.
Bloco de Notas
Dreamweaver Botões:
Word
Publisher

3
8 Nossa primeira página! <html> <head>
<title>Olá Mundo</title>
</head> Cancelamento Carregar
<body>
Olá mundo!
</body>
</html>

9 SEMPRE SALVE TEU ARQUIVO COM O NOME MAIS A


EXTENSÃO ESCOLHIDA!
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 <html> <head>


Cor de fundo da página
BG = background
<html>
<head>
<title>Olá Mundo</title>
</head>
<body bgcolor=red text=white>
Olá mundo!
</body>
</html>
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 
Carregarnaapresentação
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:
Esperamos que tenha gostado desta apresentação. Recomende,
Ex.:  preto por favor, esta apresentação aos seus amigos noutra rede social
para carregar. Botões estão em baixo. Obrigado.

13 Alguns exemplos
Botões:de cores RGB
Nome
Código
Exemplo
White (branco) 3
#FFFFFF
Yellow (amarelo)
#FFFF00 Cancelamento Carregar
Red (vermelho)
#FF0000
Black (preto)
#000000
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: <body bgcolor=#0000FF> ou <body bgcolor=blue>

14 Quebra de linha <html> <head>


<title>Testando Quebra</title>
</head>
<body>
Temos este texto.
Há quebra de linha automaticamente?
</body>
</html>

15 <br> 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!
<br>

16 Quebra de linha <html> <head>


<title>Testando Quebra</title>
</head>
<body>
Temos este texto.<br>
Há quebra de linha automaticamente? 
</body> Carregar apresentação
</html>
Esperamos que tenha gostado desta apresentação. Recomende,
por favor, esta apresentação aos seus amigos noutra rede social
17 Quebra de Linhapara carregar. Botões estão em baixo. Obrigado.
Pelo fato do código não ser influenciado pela tecla Enter, as quebras
podem ser feitas deBotões:
várias formas:

18 Exemplos de Quebras
3
<body> Temos este texto.<br> Há quebra de linha automaticamente?
</body>
<body>
Temos este texto. Cancelamento Carregar
<br>
Há quebra de linha automaticamente?
</body>
<body>
Temos este texto.<br>Há quebra de linha automaticamente?
</body>

19 Parágrafos
<html> <head> <title>Parágrafos</title> </head> <body> <p>Primeiro
parágrafo</p> Segundo parágrafo. </body> </html>

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

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

22 Usando Títulos <html> <head>


<title>Títulos</title>
</head>
<body>
<h1>Cabeçalho nivel 1</h1>
<h2>Cabeçalho nivel 1</h2>
<h3>Cabeçalho nivel 1</h3>
<h4>Cabeçalho nivel 1</h4>
<h5>Cabeçalho nivel 1</h5> 
Carregar
<h6>Cabeçalho nivel 1</h6> apresentação
</body>
</html>
Esperamos que tenha gostado desta apresentação. Recomende,
por favor, esta apresentação aos seus amigos noutra rede social
para carregar. Botões estão em baixo. Obrigado.
24 Níveis de cabeçalho equivalentes aos tamanhos da fonte
24 pt Botões:
H2
18 pt
H3
14 pt 3
H4
12 pt
H5
Cancelamento Carregar
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
<html> <head> <title>Espaçamento</title> </head> <body> Farinha
1,99<p> Farinha   1,99 </body> </html>

Carregar ppt "HTML 1ª aula."

 Apresentações semelhantes

Carregar apresentação

Esperamos que tenha gostado desta apresentação. Recomende,


por favor, esta apresentação aos seus amigos noutra rede social
para carregar. Botões estão em baixo. Obrigado.

Botões:

Cancelamento Carregar

Carregar apresentação

Esperamos que tenha gostado desta apresentação. Recomende,


por favor, esta apresentação aos seus amigos noutra rede social
para carregar. Botões estão em baixo. Obrigado.

Botões:

Cancelamento Carregar

© 2022 SlidePlayer.com.br Inc. Feedback Sobre projeto


All rights reserved.
Política de Privacidade SlidePlayer
Feedback Termos de uso

Busca... Busca

Você também pode gostar