Aula - Introdução A Linguagem HTML

Introduo Linguagem HTML
PEG Turma 1 - Estgio Supervisionado I Alunos: Alessandra F. Botton, Denise Moro, Educardo Dalcin e Eliana Zen
Resumo

Competncia Trabalhada Introduo A Linguagem HTML Exerccios
Page 2
Competncia a ser Trabalhada
Competncia Original: Aplicar linguagens e ambientes de programao no desenvolvimento de software Competncia Escolhida: Aplicar linguagens e ambientes de desenvolvimento para a construo de pginas para a web Tema: Desenvolvimento de pginas em HTML
Page 3
Introduo
WWW - World Wide Web
uma rede pblica de computadores que suporta o protocolo HTTP.
HTTP - Hyper Text Transfer Protocol
o protocolo de comunicao entre um cliente WWW (navegador) e um servidor WWW.
HTTPS - HTTP over Secure-Socket Layer

o protocolo HTTP sobre uma camada segura para transferncia de dados. Muito usada por sites de bancos e comrcio eletrnico.
Page 4
Introduo
HTML = Linguagem de Marcao de Mipertexto
Linguagens de marcao (markup languages)
So linguagens que combinam texto com informaes extras (smbolos ou palavras-chave diferentes).
Navegador (Browser)
Interpreta cdigos HTML.
Page 5
Introduo
HTML no uma linguagem de programao, mas uma linguagem especializada para a formatao de texto. O texto produzido fica entre smbolos especiais, denominados tags, que indicam sua aparncia. Uma tag tem o seguinte formato: <nome da tag>Texto de Exemplo</nome da tag>
Page 6
Introduo
Extenso de Arquivos HTML
.html preferencial .htm usado quando os nomes de arquivos tinham no mximo 8 caracteres e as suas extenses no podiam ter mais de 3 caracteres.
Page 7
HTML HyperText Markup Language
Principais Navegadores
Page 8
HTML
Tags
Identificao
<HTML> </HTML>
Cabealho

Normalmente so usados para ttulos e sub-ttulos dentro de uma pgina. O HTML possui seis nveis de cabealhos, numerados de 1 a 6, sendo o nmero 1 o de maior destaque. Cabealhos so exibidos em letras maiores e em negrito. <HEAD> </HEAD>
Page 9
Ttulo da Pgina
Ttulo
No aparece no corpo da pgina e sim no alto da tela do Browser. utilizado para identificar o documento como se fosse um nome do arquivo. Deve sugerir claramente o contedo do documento. <TITLE> </TITLE>
Page 10
Exemplo de Ttulo de Pgina
Page 11
Cabealhos
Normalmente so usados para ttulos e subttulos dentro de uma pgina. O HTML possui seis nveis de cabealhos, numerados de 1 a 6, sendo o nmero 1 o de maior destaque. Cabealhos so exibidos em letras maiores e em negrito.
Page 12
Exemplo de Cabealhos
Page 13
Pargrafos
 utilizada para definir o incio de um novo pargrafo, deixando uma linha em branco entre cada pargrafo. HTML no reconhece o caracter de quebra de linha dos editores de texto (ENTER).
Page 14
Exemplo de Pargrafos
Page 15
Formatao de Pargrafo
Alinhamento

Texto alinhado Esquerda

Texto alinhado Direita

Texto Justificado

Texto Centralizado
Page 16
Exemplo de Alinhamento
Page 17
Formatao do Texto
Formatao de Fonte

 texto Tipo da Fonte
face=tipo
Tamanho da Fonte
size=tamanho
Cor da Fonte
Color=green
Page 18
Exemplo Formatao do Texto
Page 19
Exemplo Formatao do Texto
Page 20
Inserindo Imagens
Tag IMG SRC
Serve para exibir a imagem em suas caractersticas padro:
<img src="link_da_imagem" />
Tamanho de exibio da imagem
WIDTH largura da imagem HEIGHT altura da imagem
Page 21
Exemplo de Imagens
Page 22
Exemplo de Imagens
Page 23
Exerccios
Montar uma pgina em HTML utilizando um dos contedos trabalhados pelo professor Jorge, na disciplina de Sistemas Operacionais
Page 24

Aula - Introdução A Linguagem HTML

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Aula - Introdução A Linguagem HTML

Caricato da

Copyright:

Formati disponibili

Introduo Linguagem HTML

Competncia Trabalhada Introduo A Linguagem HTML Exerccios

Competncia a ser Trabalhada

WWW - World Wide Web

uma rede pblica de computadores que suporta o protocolo HTTP.

HTTP - Hyper Text Transfer Protocol

o protocolo de comunicao entre um cliente WWW (navegador) e um servidor WWW.

HTTPS - HTTP over Secure-Socket Layer

HTML = Linguagem de Marcao de Mipertexto

Linguagens de marcao (markup languages)

Interpreta cdigos HTML.

Extenso de Arquivos HTML

HTML HyperText Markup Language

Exemplo de Ttulo de Pgina

Texto alinhado Esquerda

Texto alinhado Direita

<FONT> texto </FONT> Tipo da Fonte

Exemplo Formatao do Texto

Exemplo Formatao do Texto

Tag IMG SRC

Serve para exibir a imagem em suas caractersticas padro:

<img src="link_da_imagem" />

Tamanho de exibio da imagem

WIDTH largura da imagem HEIGHT altura da imagem

Potrebbero piacerti anche