O documento apresenta uma aula sobre HTML, definindo o que é HTML, tags e visualização de documentos em HTML. As principais tags são explicadas como <HTML>, <HEAD>, <TITLE>, <BODY> e tags para formatação de texto como <H1>-<H6>, <P>, <BR>.
3. Sumário
• O que é HTML
• O que são TAGS
• Visualizando o documento em HTML
• Principais TAGS
4. • HTML – é uma linguagem de marcação de hipertexto.
• H - Hyper
• T – Text
• M - Markup
• L – Language
5. • HTML pode ser feito em qualquer editor de texto, até
mesmo o simples Bloco de Notas:
• Clique em:
• Botão Iniciar > Executar > NotePad
6. • 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 < />
8. <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.
9. • <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>
13. • <BODY>
• Sejam bem vindo ao mundo HTML!
• </BODY>
• </HTML>
14. • <BODY>
<H1> Cabeçalho de tamanho 1 </H1>
<H2> Cabeçalho de tamanho 2 </H2>
<H3> Cabeçalho de tamanho 3 </H3>
<H6> Cabeçalho de tamanho 6</H6>
</BODY>
15. • <H1>
• Cabeçalho de tamanho 1
• <H2>
• Cabeçalho de tamanho 2
• <H3>
• Cabeçalho de tamanho 3
• <H6>
• Cabeçalho de tamanho 6
16. • <HTML>
• <HEAD>
• <TITLE> Minha primeira Página HEHEHE </TITLE>
• </HEAD>
• <BODY>
• Sejam bem vindo ao mundo HTML, <P>agora viajaremos
• <P>no html<P>!!!!!
• </BODY>
• </HTML>
17.
18.
19. • 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
20. • <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>
21.
22. Formatação Sintaxe Função
NEGRITO <b>texto</b> Aplica o estilo negrito
ITÁLICO <I>texto</I> Aplica o estilo itálico
SUBLINHADO <u>texto</u> Aplica um sublinhado
SMALL <small>texto</small> Reduz e altera a fonte
BIG <big>texto</big> Aumenta a fonte e aplica negrito
SOBRESCRITO <sup>texto>/sup> Eleva o texto e diminui seu corpo
SUBSCRITO <sub>texto</sub> Rebaixa o texto e diminui seu corpo
23. • Abrir o bloco de notas e fazer as atividades de exemplos
abaixo
24.
25.
26. • 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.