A maior rede de estudos do Brasil

Grátis
55 pág.
Apostila HTML

Pré-visualização | Página 1 de 17

Desenvolvimento WEB 
APOSTILA por Lucília Ribeiro 
 
 
 
 
 
 
 
 
 
 
 
 “Se eu fosse um padre, eu, nos meus sermões, 
não falaria em Deus nem no Pecado 
— muito menos no Anjo Rebelado 
e os encantos das suas seduções, 
 
não citaria santos e profetas: 
nada das suas celestiais promessas 
ou das suas terríveis maldições... 
Se eu fosse um padre eu citaria os poetas, 
 
Rezaria seus versos, os mais belos, 
desses que desde a infância me embalaram 
e quem me dera que alguns fossem meus! 
 
Porque a poesia purifica a alma 
...e um belo poema — ainda que de Deus se aparte — 
um belo poema sempre leva a Deus!” 
 
(Mario Quintana, “Se eu fosse um padre”) 
 
Versão 1 – jan/07 
 
Algoritmos e Linguagens – Lucilia Ribeiro 2
 
Índice 
 
"Quantas vezes a gente, em busca da ventura, 
Procede tal e qual o avozinho infeliz: 
Em vão, por toda parte, os óculos procura, 
Tendo-os na ponta do nariz!” (Mário Quintana) 
 
ÍNDICE ............................................................................................................... 2 
O BÁSICO ........................................................................................................... 4 
1.1 PÁGINAS HTML .......................................................................................4 
1.2 TAGS.....................................................................................................4 
1.3 ESTRUTURA BÁSICA DO HTML...................................................................4 
1.4 MARCAÇÕES BÁSICAS .............................................................................4 
1.4.1 TÍTULOS ..............................................................................................5 
1.4.2 CABEÇALHOS........................................................................................5 
1.4.3 PARÁGRAFOS........................................................................................5 
1.4.4 QUEBRAS DE LINHA...............................................................................5 
1.5. COMANDOS DE ESTILO ............................................................................6 
1.6. ALTERANDO A FONTE...............................................................................6 
1.7. CORES E PADRÕES DE FUNDO...................................................................7 
1.8. OUTROS COMANDOS ...............................................................................8 
1.8.1 TEXTOS PRÉ-FORMATADOS.....................................................................8 
1.8.2 CENTRALIZAÇÃO DE TEXTOS ..................................................................8 
1.8.3 LINHA DIVISÓRIA..................................................................................8 
LINKS E LISTAS .................................................................................................. 9 
2.1 LINKS....................................................................................................9 
2.2 LISTAS ................................................................................................ 10 
2.2.1 LISTAS NÃO ORDENADAS ..................................................................... 10 
2.2.2 LISTAS ORDENADAS ............................................................................ 10 
2.2.3 LISTAS DE DEFINIÇÕES ....................................................................... 10 
IMAGENS E TABELAS ........................................................................................ 12 
3.1 IMAGENS ............................................................................................. 12 
3.1.1 INSERINDO IMAGENS .......................................................................... 12 
3.1.2 BACKGROUND COM IMAGENS ............................................................... 12 
3.1.3 IMAGENS COMO HIPERLINK .................................................................. 12 
3.2 TABELAS.............................................................................................. 13 
3.2.1 INSERINDO TABELAS ........................................................................... 13 
FORMULÁRIOS.................................................................................................. 16 
4.1 INTRODUÇÃO ....................................................................................... 16 
4.2 ELEMENTOS DE FORMULÁRIOS: CAMPOS DE TEXTO........................................ 17 
4.2.1 TEXTO CURTO..................................................................................... 17 
4.2.2 TEXTO OCULTO ................................................................................... 17 
4.2.3 TEXTO LONGO .................................................................................... 18 
4.3 OUTROS ELEMENTOS DE FORMULÁRIO ..................................................... 18 
4.3.1 LISTA DE OPÇÕES ............................................................................... 19 
4.3.2 BOTÕES DE RADIO .............................................................................. 19 
4.3.3 CAIXAS DE VALIDAÇÃO ........................................................................ 20 
4.4 BOTÃO SUBMIT, APAGAR CAMPOS E OUTROS ............................................ 20 
4.4.1 BOTÃO ENVIAR CAMPOS....................................................................... 20 
4.4.2 BOTÃO APAGAR CAMPOS...................................................................... 20 
4.4.3 DADOS OCULTOS ................................................................................ 20 
FRAMES ............................................................................................................ 22 
 
Algoritmos e Linguagens – Lucilia Ribeiro 3
5.1 INTRODUÇÃO ....................................................................................... 22 
5.2 DOCUMENTOS DE LAYOUT E DE CONTEÚDO .............................................. 22 
5.3 FRAMES SOBREPOSTOS DIRETA E INDIRETAMENTE.................................... 23 
5.4 LINKS EM FRAME ALVO........................................................................... 24 
FOLHAS DE ESTILO - CSS.................................................................................. 27 
6.1 INTRODUÇÃO ....................................................................................... 27 
6.2 A REGRA CSS E SUA SINTAXE.................................................................. 27 
6.3 AGRUPAMENTO DE SELETORES ............................................................... 28 
6.4 O SELETOR CLASSE ............................................................................... 28 
6.5 INSERINDO COMENTÁRIOS..................................................................... 28 
6.6 FOLHA DE ESTILO EXTERNA.................................................................... 29 
6.7 FOLHA DE ESTILO INCORPORADA OU INTERNA.......................................... 29 
6.8 FOLHA DE ESTILO INLINE ....................................................................... 29 
6.9 FOLHAS MÚLTIPLAS DE ESTILO ............................................................... 30 
INTRODUÇÃO AO JAVA SCRIPT......................................................................... 33 
7.1 INTRODUÇÃO ....................................................................................... 33 
7.2 ORIENTAÇÃO A OBJETOS........................................................................ 33 
7.2.1 PROPRIEDADES................................................................................... 33 
7.2.2 MÉTODOS........................................................................................... 34 
7.2.3 EVENTOS ........................................................................................... 34 
7.2.4 FUNÇÕES ........................................................................................... 34