1. Aula 02
Ambiente Web
Prof. Fernando Vieira
Blog: fernandoinstrutor.wordpress.com
E-mail: fernandovbo@Hotmail.com
2. • O que é linguagem de programação
• Hyper Text Markup Language (HTML)
• Aplicativos
• Comandos
AULAAULA
02
LINGUAGEM DA INTERNET - HTML
Pág. 12 a 18 30/06/15Turma: Ambiente Web
3. O QUE É A LINGUAGEM DE PROGRAMAÇÃO?
Código fonte
Todos os aplicativos que conhecemos foram desenvolvidos pelos mais
diversos tipos de programação
Devido ao grau de competividade do mercado os programadores tendem a
dominar mais de uma linguagem de programação
4. HYPER TEXT MARKUP LANGUAGE (HTML)
HTML é uma linguagem que possibilita apresentar
informações (documentação de pesquisas científicas) na
Internet.
Aquilo que você vê quando abre uma página na
Internet é a interpretação que seu navegador faz
do HTML
PARA QUE DEVO USAR O HTML?
5. HYPER TEXT MARKUP LANGUAGE (HTML)
Se você quer construir websites terá que conhecer
HTML.
Mesmo que você use um programa para criar seu
website, tal como o Dreamweaver, um conhecimento
básico de HTML será necessário para tornar as coisas
mais simples
A boa notícia é que HTML é fácil de aprender e de usar
HTML É USADO PARA CONSTRUIR WEBSITES. É SIMPLES!
6. O QUE SIGNIFICA HTML?
HYPER – Oposto de Linear
TEXTO – Somente texto
MARK UP – Marcação
LANGUAGE – Significa linguagem. Exatamente o que o
HTLM é uma linguagem
7. PROTOCOLO
FTP: Transferências de dados
HTTP: Transferência de Hypertexto é usado para
conectar as páginas WWW
TCP/IP: Sãos os protocolos de comunicação entre dois ou mais
computadores
9. COMANDOS
Tags são rótulos usados para informar ao navegador como deve ser
apresentado o website
Todas as tags têm o mesmo formato: começam com um sinal de menor
"<" e acabam com um sinal de maior ">"
< HTML>
TAG DE ABERTURA
</HTML>
TAG DE FECHAMENTO
11. IMPORTANTE
Quando você estiver criando um website, os arquivos que
fazem parte do mesmo, deve estar organizado numa mesma
pasta.
Não há diferenças digitar as tags em minúsculo ou maiúsculo
Demais páginas com os Links
Imagens
Vídeos
Músicas
12. COMANDO <H1>
<H1> TAMANHO 01 </H1>
<H2> TAMANHO 02 </H2>
O COMANDO H1 PERMITE A VARIAÇÃO EM ATÉ 6 TAMANHOS
13. PARÁGRAFO E QUEBRA DE LINHA
<P> DEFINE UM PARÁGRAFO
DEIXA UMA LINHA EM BRANCO ENTRE CADA PARÁGRAFO
<BR> QUEBRA DE LINHA
FAZ UMA QUEBRA DE LINHA, SEM ACRESCENTAR ESPAÇOS EXTRAS ENTRE AS
LINHAS
A TAG <P> E <BR> NÃO NECESSITAM DA TAG DE FECHAMENTO PARA FUNCIONAR
14. COR DE FUNDO NA PÁGINA
<BODY BGCOLOR=“ NÚMERO OU NOME”>
<BODY BGCOLOR=“RED”>
<BODY BGCOLOR=#CD5C5C”
OBSERVE A TABELA DA PÁG. 17
15. INSERINDO IMAGENS E LINKS
INSERINDO IMAGEM
<IMG SRC=“LUGAR DA IMAGEM. E EXTENSÃO”
EX: <IMG SRC=“HARLEMSHAKE.PNG”
OUTROS COMANDOS DE EDIÇÃO DE TEXTO NA PÁG. 18
CRIANDO LINK
<A HREF=“LINK.HTML/">NOME DO LINK</A>
EX: <A HREF=WWW.HARLEMINSTRUTOR.BLOGSPOT.COM>MEU BLOG</A>