Embed Size (px)
Citation preview
Sistemas OperacionaisAula 09
Washington Silva
• O que é HTML• O que são TAGS• Visualizando o documento em HTML• Principais TAGS
Sumário
O que é HTML?• HTML – é uma linguagem de marcação de
hipertexto.• H - Hyper• T – Text• M - Markup• L – Language
• HTML pode ser feito em qualquer editor de texto, até mesmo o simples Bloco de Notas:
• Clique em:• Botão Iniciar > Executar > NotePad
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 < />
Tags
•<Comando> Seu Texto
</Comando>
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.
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>
Tags – Na prática
Tags – Na prática
Tags – Na prática• <HTML> • <HEAD> • <TITLE> Minha primeira Página </TITLE>• </HEAD>
Tags – Na prática• <BODY> • Sejam bem vindo ao mundo HTML!• </BODY>• </HTML>
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>
• <H1>• Cabeçalho de tamanho 1• <H2>• Cabeçalho de tamanho 2• <H3>• Cabeçalho de tamanho 3• <H6>• Cabeçalho de tamanho 6
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>
TAG – Parágrafo <P>
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
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>
TAG - QUEBRA DE LINHA <BR>
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
Atividades• Abrir o bloco de notas e fazer as atividades de
exemplos feitas aqui anteriormente!
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.
