Post on 18-Apr-2015
AULA02 • TAGS
• Estrutura de uma página html
• Como salvar página web
• Cabeçalho <h>
• Parágrafos <P>
• Quebra de linha <br>
• Melhorando apararência dos Textos
• Linha de Separação <hr>
• Cor de Fundo da página
TAGSTags são estruturas fundamentais do html, sem elas não seria possível a interpretação do browser.
As tags são identificadas pelo sinal de “< > e “</ >”
Sempre que abrir uma tag exemplo, <h1>texto</h1> deve –seFecha - lá, senão não haverá funcionalidade.
Código HTML
Dica : não se preocupe Com maiúscula ou minúscula
no código html
ESTRUTURA DE UMA PÁGINA HTML
Existe uma regra inicial para obter a estrutura HTML:O cabeçalho sempre, eu disse SEMPRE será IgualComo no modelo a seguir:
COMO SALVAR PÁGINA WEB
Para salvar a página é bem simples mesmo!
Escolha seu Computador!Crie sua pasta!
Iniciar
Todos os Programas
Acessórios
Bloco de Notas
Esse é o caminho
COMO SALVAR PÁGINA WEB
Para salvar a página é bem simples mesmo!
Escolha seu Computador!Crie sua pasta!
Arquivo
Salvar Como
Escolhe o Local
Coloca Index.htmlComo nome do arquivo
Salvar
CABEÇALHO <H>
Dentro do corpo do site coloque:
<h1> Tamanho1</h1><h2> Tamanho1</h2><h3> Tamanho1</h3><h4> Tamanho1</h4><h5> Tamanho1</h5><h6> Tamanho1</h6>
A tag <h> serve para alterar o tamanho da letra do site.
PARAGRÁFO <P>
Dentro do corpo do site coloque:
<h3>textotextotextotexto
Textotexto</h3>
A tag <p> serve para criar parágrafo no texto.
Se vc inserir <p> depois queDescer a linha vai dar certo oParágrafo EX:
<h3>textotextotextotexto<p>
Textotexto</h3>
QUEBRA DE LINHA <BR>A quebra de linha <br> serve para pular uma linha,
Assim como apertamos enter para saltar uma linha o <br>Serve para pular uma linha.
<br><br>
<br><br>
<br><br><br>
<br>
MELHORANDO A APARÊNCIA DOS TEXTOS
Assim como o <p> serve para parágrafoO <br> para pular linha temos também o<b>Negrito</b><i> itálico </i><u> sublinhado</u>
Dica :jamais coloque um texto sublinhado no seu site, as pessoas podem pensarque possa ser um link!
LINHA DE SEPARAÇÃO <HR>
A Tag <hr> cria uma linha de separação, pode ser usada para texto imagens, etc.
Tá Ligado apareceuUma linha cinza mano,Essa linha é graçasA tag <hr>. curti o som!
FORMATANDO FONTE <FONT>
A tag <font> serve para vc escolher a cor da fonte assim como seu tamanho
Ates do texto coloque a tag como no exemplo a seguir:
<font size=16 color=red> texto 16 e vermelho</font>
FORMATANDO FONTE <FONT>
Lista de cores:
COR DE FUNDO DA PÁGINA
Para inserir uma cor de fundo basta inserir na tag <body> a cor desejadaVeja no exemplo:
DEVER DE CASA
Escolha o Nome do Seu Site!!!