3. Sumário
• O que é HTML
• O que são TAGS
• Visualizando o documento em HTML
• Principais TAGS
Instrutor: Washington Silva
4. O que é HTML?
• HTML – é uma linguagem de
marcação de hipertexto.
• H - Hyper
• T – Text
• M - Markup
• L – Language
Instrutor: Washington Silva
5. • HTML pode ser feito em qualquer
editor de texto, até mesmo o simples
Bloco de Notas:
• Clique em:
• Botão Iniciar > Executar > NotePad
Instrutor: Washington Silva
6. TAGS
• Tag é uma palavra-chave (comando)
que define um item
(imagens, texto, hyperLink, etc.) que
irá fazer parte da página.
As tags são identificadas por estarem
entre os sinais < > e < />
Instrutor: Washington Silva
7. Tags
• <Comando> Seu Texto </Comando>
Instrutor: Washington Silva
8. Tags - Principais
<HTML> </HTML>
Marca o início e o fim do documento
<HEAD> </HEAD>
Marca o início e o fim do Cabeçalho
<TITLE> </TITLE>
Mostra o título na barra de
título
<BODY> </BODY>
Determina o que vai ser o “corpo” do
programa.
Instrutor: Washington Silva
9. Tags – Na prática
• <HTML>
• <HEAD>
• <TITLE> Minha primeira Aula de HTML
• </TITLE>
• </HEAD>
• <BODY>
• Bom dia a todos, quem esta com sono levanta
a mão ..
• </BODY>
• </HTML>
Instrutor: Washington Silva
19. TAG - QUEBRA DE LINHA <BR>
• O comando <br> faz uma quebra de linha.
Este comando também insere uma linha em
branco no seu local ou na linha seguinte á
qual ele foi inserido
Instrutor: Washington Silva
20. TAG - QUEBRA DE LINHA <BR>
• <HTML>
• <HEAD>
• <TITLE> Minha primeira página HTML </TITLE>
• </HEAD>
• <BODY>
• Quando um comando <BR> é inserido em um local do
programa, o browser irá<BR> fazer uma quebra de
linha, <BR> posiciona-se na linha seguinte ao
comando.<BR>
• </BODY>
• </HTML>
Instrutor: Washington Silva
21. TAG - QUEBRA DE LINHA <BR>
Instrutor: Washington Silva
22. Formatação Sintaxe Função
NEGRITO <b>texto</b> Aplica o estilo negrito
ITÁLICO <I>texto</I> Aplica o estilo itálico
SUBLINHAD <u>texto</u> Aplica um sublinhado
O
SMALL <small>texto</sm Reduz e altera a fonte
all>
BIG <big>texto</big> Aumenta a fonte e aplica negrito
SOBRESCRIT <sup>texto>/sup> Eleva o texto e diminui seu
O corpo
SUBSCRITO <sub>texto</sub> Rebaixa o texto e diminui seu
corpo
Instrutor: Washington Silva
29. Atividade 2
• Fazer uma pesquisa na net sobre
algum assunto que lhe interesse.
Onde você fará uma pagina. Com os
textos escolhidos
• E que na aula que vem colocaremos
imagens e links.
Instrutor: Washington Silva