Upload
washington-oliveira
View
564
Download
0
Embed Size (px)
Citation preview
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
O que é HTML O que são TAGS Visualizando o documento em HTML Principais TAGS Formatação
Sumário
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
O QUE É HTML?
HTML – é uma linguagem de marcação de hipertexto.
H - Hyper T – Text M - Markup L – Language
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
HTML pode ser feito em qualquer editor de texto, até mesmo o simples Bloco de Notas:
Clique em: Botão Iniciar > Executar > NotePad
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
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.
As tags são identificadas por estarem entre os sinais < > e < />
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
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.
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
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>
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
TAGS – NA PRÁTICA
<HTML> <HEAD> <TITLE> Minha primeira Página </TITLE> </HEAD>
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
TAGS – NA PRÁTICA
<BODY> Sejam bem vindo ao mundo HTML! </BODY> </HTML>
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
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></BODY>
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
• <H1>• Cabeçalho de tamanho 1• <H2>• Cabeçalho de tamanho 2• <H3>• Cabeçalho de tamanho 3• <H6>• Cabeçalho de tamanho 6
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
TAG – PARÁGRAFO <P>
• <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>
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
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
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
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>
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
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
Cor da fonte
<font color=?></font>
Altera a cor da fonte
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
FORMATAÇÃO
TEXTO
<b></b> Texto negrito.
<i></i> Texto em itálico.
<tt></tt> Texto estilo máquina de escrever, mono espaçamento.
<font size=?></font> Tamanho das letras.
<font color=?></font> Cor das letras.
Aula: Data:
Turma:
Ambiente Web
Washington Silva
Professor:
Faça conforme o texto abaixo siga as orientações cor sublinhado itálico