Um programa HTML possui três partes básicas, a estrutura principal, o cabeçalho e o corpo do programa. Todo programa deve iniciar com o comando, tag, e ser encerrado com o comando . Esse par de comandos é essencial. A área de cabeçalho é opcional e é delimitada pelo par de comandos e . Estes comandos para cabeçalho são usados para especificar alguns poucos comandos da linguagem. Eles são opcionais, ou seja, um programa HTML pode funcionar sem eles. Mas é conveniente usá-los, pois o título da página é acrescentado através deles.E ainda temos as tags e , estes comandos delimitam o texto que irá aparecer na barra de título do browser.
A maioria dos comandos será especificado no corpo do programa que é delimitado pelas tags e . É um comando obrigatório.
Esta tag marca o início do programa HTML
Esta tag marca início e fim de cabeçalho
Esta tag delimita o texto que irá ser visualizado na barra de título do browser
Esta tag delimita o corpo do programa, aonde a maior parte do comando serão colocados.
1. OS PRINCIPAIS ELEMENTOS DE UMA PÁGINA HTML
Uma página HTML é composta basicamente de títulos, textos, parágrafos, imagens e links, responsáveis pela chamada de outras páginas para a tela. Todos esses elementos são posicionados na página por meio de comandos específicos da linguagem.
TÍTULO
É o texto que aparece na barra de título do browser.
IMAGEM
São figuras, desenhos e fotos usados para ilustrar a página.
TEXTO
É a informação mais comum dentro da página. Pode ser formatado através de vários comandos.
Aluno: Don Cuervo - Html Básico: Total de páginas: 34
Você está em: Índice
Tags e formatação
CONT...EXERCÍCIOS
Utilize o que você já aprendeu nesta seção e crie seu primeira página HTML. Use a linguagem HTML e faça uma página falando das suas expectativas para este curso, como pretende usar o conhecimento que está adquirindo e quais outros cursos que pretende fazer. Seu texto deve ter no máximo 5 linhas. Salve na unidade A: com o nome de projetos.html.
Faça um página utilizando os comandos que você já conhece para falar sobre uma pessoa. Pode ser alguém que você admire, do seu círculo de amigos, ou uma pessoa pública (ator, atriz, etc). Seu texto deve ter no máximo 5 linhas. Salve na unidade A: com o nome de Pessoa admirável.html.
TAGS DE FORMATAÇÃO
Assim como em um editor de texto, em HTML você poderá utilizar efeitos em seu texto. Como já percebeu os comandos, tags, trabalham em contêiner.
Alguns destes comandos já foram introduzidos no capítulo anterior. Os principais comandos de estilo:
TAG SINTAXE FUNÇÃO
STRONG
texto
Similar ao negrito
TYPERWRITER
texto
Deixa o texto com espaçamento regular
BIG
texto
Aumenta a fonte e aplica negrito
SMALL
texto
Reduz e altera a fonte
SOBRESCRITO
texto>/sup>
Eleva o texto e diminui seu corpo
SUBESCRITO
texto
Rebaixa o texto e diminui seu corpo
BLINK
Faz com que o texto pisque
Aluno: Don Cuervo - Html Básico: Total de páginas: 34
Você está em: Índice
Tags e formatação
CONT...EXERCÍCIOS
Utilize o que você já aprendeu nesta seção e crie seu primeira página HTML. Use a linguagem HTML e faça uma página falando das suas expectativas para este curso, como pretende usar o conhecimento que está adquirindo e quais outros cursos que pretende fazer. Seu texto deve ter no máximo 5 linhas. Salve na unidade A: com o nome de projetos.html.
Faça um página utilizando os comandos que você já conhece para falar sobre uma pessoa. Pode ser alguém que você admire, do seu círculo de amigos, ou uma pessoa pública (ator, atriz, etc). Seu texto deve ter no máximo 5 linhas. Salve na unidade A: com o nome de Pessoa admirável.html.
TAGS DE FORMATAÇÃO
Assim como em um editor de texto, em HTML você poderá utilizar efeitos em seu texto. Como já percebeu os comandos, tags, trabalham em contêiner.
Alguns destes comandos já foram introduzidos no capítulo anterior. Os principais comandos de estilo:
TAG SINTAXE FUNÇÃO
STRONG
texto
Similar ao negrito
TYPERWRITER
texto
Deixa o texto com espaçamento regular
BIG
texto
Aumenta a fonte e aplica negrito
SMALL
texto
Reduz e altera a fonte
SOBRESCRITO
texto>/sup>
Eleva o texto e diminui seu corpo
SUBESCRITO
texto
Rebaixa o texto e diminui seu corpo
BLINK
Faz com que o texto pisque
.
Aluno: Don Cuervo - Html Básico: Total de páginas: 34
Você está em: Índice
Color
3. COLOR
Este parâmetro especifica a cor do texto. Seu valor será especificado no formato hexadecimal, RGB ou através de um nome predefinido de cores.
Algumas cores:
COR
CÓDIGO
COR
CÓDIGO
Aqua
70DB93
Blue
0000FF
Black
000000
Cyan
00FFFF
Fuchsia
FF00FF
Gray
C0C0C0
Green
00FF00
Lime
32CD32
Brown
800000
Navy
23238E
Olive
808000
Red
FF0000
Silver
E6E8FA
Teal
008080
White
FFFFFF
Yellow
FFFF00
Vamos a um exemplo de código:
Experiência com Fontes
Primeiro exemplo com tipos de fontes
Este texto será exibido em Agaramond
Este texto será exibido em Tahoma
Este texto será exibido em Aracane
Exemplos com tamanhos diferentes de fontes
Este texto será exibido em Courier
Este texto será exibido em Courier
Este texto será exibido em Courier
Este texto será exibido em Courier
Este texto será exibido em Courier
Este texto será exibido em Courier
Este texto será exibido em Courier
Agora iremos usar cores
Este é o primeiro texto a ser modificado
Aluno: Don Cuervo - Html Básico: Total de páginas: 34
Você está em: Índice
Color
3. COLOR
Este parâmetro especifica a cor do texto. Seu valor será especificado no formato hexadecimal, RGB ou através de um nome predefinido de cores.