2 Dia de Aula

Propaganda
Introdução ao HTML
Ricardo Ramos de Oliveira
E-mail: [email protected]
Cadastro Wiki USP

Endereço: http://garapa.intermidia.icmc.usp.br/mediawiki
INTRODUÇÃO
HTML (HyperText Markup Language)

HTML é uma linguagem de marcação utilizada para
produzir páginas na Web. Documentos HTML
podem ser interpretados por navegadores.

Os documentos em HTML são arquivos de texto
simples que podem ser criados e editados em
qualquer editor de textos comum, como o Bloco de
Notas do Windows, ou Notepad++.
Estrutura Básica do HTML
Motores de Renderização
Motor de renderização é um software que
transforma conteúdo em linguagem de marcação
em um conteúdo formatado para ser exibido em
um monitor.
Tags do HTML

Todo documento HTML é composto de Tags. Este é
o nome dados aos comandos HTML.

Você deve começar sua página com a tag <HTML>,
na primeira linha do código, e terminar com
</HTML> na última linha do documento.

Perceba que a barra "/" sinaliza o fechamento da
tag. Este fechamento é necessário para que ela
possa ser interpretada pelo navegador.
Tags do HTML





O texto entre <html> e </ html> descreve a página
web
O texto entre <body> e </ body> é o conteúdo da
página visível
O texto entre <h1> e </ h1> é exibido como um
título
O texto entre <p> e </ p> é exibido como um
parágrafo
A tag <BR> serve para marcar quebra de linha, já
que a quebra de linha no fonte do HTML não é
representado no navegador.Esta tag não tem
marcação de fim.
Projeto Web




Crie uma pasta com o nome Projeto Web na
sua área de trabalho.
Vamos criar a nossa primeira página web
Abra o editor de texto do Notepad++
Criar a minha primeira página Web
Projeto Web
Projeto Web
center (centralizar)
left (esquerda)
right (direita)
justify (justificado)
Projeto Web
Cabeçalho
 H1 - Cabeçalho nível 1 (o maior)
 H2 - Cabeçalho nível 2
 H3 - Cabeçalho nível 3
 H4 - Cabeçalho nível 4
 H5 - Cabeçalho nível 5
 H6 - Cabeçalho nível 6 (o menor)
Tags do HTML


Texto Itálico <i> - inglês itálico
Texto em negrito <b> - inglês bold
Atributos do HTML


BGCOLOR - define a cor de fundo da página.
TEXT - define a cor padrão do texto.
<BODY BGCOLOR="cor“ TEXT=“cor”>
 - BGCOLOR
Cor de fundo (padrão: cinza ou branco)
 Em "cor", você pode colocar os valores de cores em inglês
como:
Preto = black
Branco = white
Azul = blue
Amarelo = yellow
Vermelho = red
Atributos do HTML

Você também pode usar o valor hexadecimal de cores ou
"RRGGBB", que é a forma mais comum de definir cores usadas
na Internet.. Com isso você pode colocar em sua página outras
cores diferentes, como um azul-claro.

Algumas cores disponíveis RRGGBB (hexadecimal):
Cor - Código HTML
PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00
Bibliografia
http://www.w3schools.com/html/
http://www.criarweb.com/desde0/
http://www.criarweb.com/linguagens_web/
http://pt-br.html.net/tutorials/html/lesson3.php
http://pt-br.html.net/tutorials/html/
www.softechnetwork.com.br/java/CursoHTML.pdf
Ricardo Ramos de Oliveira
[email protected]
Download