Anda di halaman 1dari 24

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

<P> 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

<p align=left>

Texto alinhado Esquerda

<p align=right>

Texto alinhado Direita

<p align=justify>

Texto Justificado

<p align=center>

Texto Centralizado

Page 16

Exemplo de Alinhamento

Page 17

Formatao do Texto

Formatao de Fonte

<FONT> texto </FONT> 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