Carregar apresentação
A apresentação está carregando. Por favor, espere
1
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
2
Com maiúscula ou minúscula
TAGS Tags 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 –se Fecha - 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
3
Estrutura de uma página HTML
Existe uma regra inicial para obter a estrutura HTML: O cabeçalho sempre, eu disse SEMPRE será Igual Como no modelo a seguir:
4
Como Salvar página web Escolha seu Computador! Crie sua pasta!
Para salvar a página é bem simples mesmo! Esse é o caminho Iniciar Todos os Programas Acessórios Bloco de Notas
5
Como Salvar página web Escolha seu Computador! Crie sua pasta!
Para salvar a página é bem simples mesmo! Arquivo Salvar Como Escolhe o Local Coloca Index.html Como nome do arquivo Salvar
6
Cabeçalho <h> A tag <h> serve para alterar o tamanho
da letra do site. Dentro do corpo do site coloque: <h1> Tamanho1</h1> <h2> Tamanho1</h2> <h3> Tamanho1</h3> <h4> Tamanho1</h4> <h5> Tamanho1</h5> <h6> Tamanho1</h6>
7
paragráfo <p> A tag <p> serve para criar parágrafo no texto. Dentro do corpo do site coloque: <h3>textotextotextotexto Textotexto</h3> Se vc inserir <p> depois que Descer a linha vai dar certo o Parágrafo EX: <h3>textotextotextotexto<p> Textotexto</h3>
8
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>
9
Melhorando a aparência dos textos
Assim como o <p> serve para parágrafo O <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 pensar que possa ser um link!
10
Linha de separação <hr>
A Tag <hr> cria uma linha de separação, pode ser usada para texto imagens, etc. Tá Ligado apareceu Uma linha cinza mano, Essa linha é graças A tag <hr>. curti o som!
11
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>
12
Formatando fonte <font>
Lista de cores:
13
Cor de fundo da página Para inserir uma cor de fundo basta inserir na tag <body> a cor desejada Veja no exemplo:
14
Escolha o Nome do Seu Site!!!
Dever de Casa Escolha o Nome do Seu Site!!!
Apresentações semelhantes
