1. Aula: 03 Data 24/11/2012
:
Professor:
Washington
Silva
Turma:
2. Aula: Data
:
Professor:
Washington
Silva
Turma:
3. Sumário
Aula: Data
:
O que é HTML
O que são TAGS
Visualizando o documento em HTML
Principais TAGS
Formatação
Professor:
Washington
Silva
Turma:
4. Aula: Data
O QUE É HTML? :
HTML – é uma linguagem de marcação de hipertex
H - Hyper
T – Text
M - Markup
L – Language
Professor:
Washington
Silva
Turma:
5. Aula: Data
:
HTML pode ser feito em qualquer editor
de texto, até mesmo o simples Bloco de
Notas:
Clique em:
Botão Iniciar > Executar > NotePad
Professor:
Washington
Silva
Turma:
6. Aula: Data
TAGS :
Tag é uma palavra-chave (comando) que
define um item (imagens, texto,
hyperLink, etc.) que irá fazer parte da
página
Lembrando que grande parte em pares.
Professor:
Washington As tags são identificadas por
Silva
Turma: estarem entre os sinais < > e
< />
7. Aula: Data
TAGS :
• <Comando> Seu Texto
</Comando>
Professor:
Washington
Silva
Turma:
8. Aula: Data
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>
Professor:
Mostra o título na barra de
Washington
Silva título
Turma:
<BODY> </BODY>
Determina o que vai ser o “corpo” do
programa.
9. Aula: Data
TAGS – NA PRÁTICA :
• <HTML>
• <HEAD>
• <TITLE> Minha primeira Aula de
HTML
• </TITLE>
• </HEAD>
Professor:
• <BODY>
Washington • Bom dia a todos, quem esta com
Silva sono levanta a mão ..
Turma:
• </BODY>
• </HTML>
10. Aula: Data
TAGS – NA PRÁTICA :
Professor:
Washington
Silva
Turma:
11. Aula: Data
TAGS – NA PRÁTICA :
Professor:
Washington
Silva
Turma:
12. Aula: Data
:
TAGS – NA PRÁTICA
<HTML>
<HEAD>
<TITLE> Minha primeira Página </TITLE>
Professor:
</HEAD>
Washington
Silva
Turma:
13. Aula: Data
:
TAGS – NA PRÁTICA
<BODY>
Sejam bem vindo ao mundo HTML!
Professor:
</BODY>
Washington </HTML>
Silva
Turma:
14. Aula: Data
TAGS - PRINCIPAIS :
<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>
Professor: </BODY>
Washington
Silva
Turma:
15. Aula: Data
:
• <H1>
• Cabeçalho de tamanho 1
• <H2>
• Cabeçalho de tamanho 2
• <H3>
• Cabeçalho de tamanho 3
Professor: • <H6>
Washington • Cabeçalho de tamanho 6
Silva
Turma:
16. Aula: Data
TAG – PARÁGRAFO <P> :
• <HTML>
• <HEAD>
• <TITLE> Minha primeira Página HEHEHE
</TITLE>
• </HEAD>
• <BODY>
Professor: • Sejam bem vindo ao mundo HTML,
Washington <P>agora viajaremos
Silva
Turma:
• <P>no html<P>!!!!!
• </BODY>
• </HTML>
17. Aula: Data
TAG – PARÁGRAFO <P> :
Professor:
Washington
Silva
Turma:
18. Aula: Data
:
Professor:
Washington
Silva
Turma:
19. TAG - QUEBRA DE LINHA <BR>
Aula: Data
:
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
Professor:
Washington
Silva
Turma:
20. Aula: Data
:
TAG - QUEBRA DE LINHA <BR>
<HTML>
<HEAD>
<TITLE> Minha primeira página HTML
</TITLE>
</HEAD>
<BODY>
Professor:
Quando um comando <BR> é inserido em um
Washington local do programa, o browser irá<BR> fazer
Silva uma quebra de linha, <BR> posiciona-se na
Turma:
linha seguinte ao comando.<BR>
</BODY>
</HTML>
21. Aula: Data
:
TAG - QUEBRA DE LINHA <BR>
Professor:
Washington
Silva
Turma:
22. Aula: Data
:
Formatação Sintaxe Função
NEGRITO <b>texto</b> Aplica o estilo negrito
ITÁLICO <I>texto</I> Aplica o estilo itálico
SUBLINHA <u>texto</u> Aplica um sublinhado
DO
SMALL <small>texto</small> Reduz e altera a fonte
BIG <big>texto</big> Aumenta a fonte e aplica
Professor: negrito
Washington Cor da fonte <font color=?></font> Altera a cor da fonte
Silva
Turma:
23. Aula: Data
FORMATAÇÃO :
TEXTO
<b></b> Texto negrito.
<i></i> Texto em itálico.
Texto estilo máquina de
<tt></tt> escrever, mono espaçamento.
Professor:
Washington <font size=?></font> Tamanho das letras.
Silva
Turma: <font color=?></font> Cor das letras.
24. Aula: Data
:
ATIVIDADES
Faça os exemplos
Professor:
Washington
Silva
Turma:
25. Aula: Data
:
Professor:
Washington
Silva
Turma:
26. Aula: Data
:
Professor:
Washington
Silva
Turma:
27. Aula: Data
:
ATIVIDADE
Professor:
Washington
Silva
Turma:
28. Aula: Data
:
Faça conforme o texto abaixo siga as
orientações cor sublinhado itálico
Professor:
Washington
Silva
Turma:
29. Aula: Data
:
ATIVIDADE 2
Sua pesquisa deve contes os seguintes tópicos
O que é html
Quando surgiu html
Professor: Faça uma lista com as tag mais comuns e
Washington importantes do html
Silva
Turma:
Faça uma pagina em html com todo o conteúdo
pesquisado acima