TAGS Estrutura de uma página html Como salvar página web Cabeçalho Parágrafos Quebra de linha...
Transcript of TAGS Estrutura de uma página html Como salvar página web Cabeçalho Parágrafos Quebra de linha...
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!!!