HTML e linguagens da internet

Aula 02
Ambiente Web
Prof. Fernando Vieira
Blog: fernandoinstrutor.wordpress.com
E-mail: fernandovbo@Hotmail.com

• 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

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

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?

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!

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

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

APLICATIVOS
BLOCOS DE NOTAS NOTEPAD++

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

CONTINUANDO...
< HTML>
<HEAD> CABEÇALHO
<TITLE> NOME DA PÁGINA </TITLE>
</HEAD> CABEÇALHO
<BODY>
CONTEÚDO DA PÁGINA
</BODY>
</HTML>
AO TERMINAR A EDIÇÃO VOCÊ DEVE SALVAR COMO: HTM OU HTML

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

COMANDO <H1>
<H1> TAMANHO 01 </H1>
<H2> TAMANHO 02 </H2>
O COMANDO H1 PERMITE A VARIAÇÃO EM ATÉ 6 TAMANHOS

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

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

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>

 Pág. 19 – Atividade 1 a 5

HTML e linguagens da internet

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (18)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie HTML e linguagens da internet

Ähnlich wie HTML e linguagens da internet (20)

Mehr von Fernando Vieira

Mehr von Fernando Vieira (20)

HTML e linguagens da internet