Guia Prático de HTML

Guia Prático de HTML – Prof. Tiago Daniel de Souzahttp://www.tiagosouza.com------------------------------------------------------------------------------------------------------------ 1 -

Este Guia foi escrito por Tiago Daniel de SouzaEmail: tiagocopa [at] gmail [dot] comSite do Autor:http://www.tiagosouza.com This work is licensed under aCreative Commons Attribution-NonCommercial-ShareAlike 2.0 BrazilLicense.

http://creativecommons.org/licenses/by-nc-sa/2.0/br

Guia Prático de HTML – Prof. Tiago Daniel de Souzahttp://www.tiagosouza.com------------------------------------------------------------------------------------------------------------ 2 -

SUMÁRIO

1. INTRODUÇÃO

....................................................................... 05

2. SOBRE O HTML

..................................................................... 05

3. SUA PRIMEIRA PÁGINA EM HTML

.......................................... 063.1 - O que está dentro de um arquivo em HTML?! ......................... 063.2 - Experimente você mesmo ................................................... 063.3 - Explicação do Exemplo ....................................................... 063.4 - Devemos usar a extensão .htm ou .html? .............................. 073.5 - Editores "Puros" versus WYSIWYG ........................................ 073.6 - FAQ (Perguntas Freqüentes) ............................................... 07

4. ELEMENTOS E ATRIBUTOS

..................................................... 084.1 – Elementos ....................................................................... 084.2 – Atributos das Tags ............................................................ 094.2.1 - Atributos podem ser aplicados à maioria das tags ................ 104.3 - Devemos usar aspas ou plicas/apóstrofos .............................. 114.4 – Notas Rápidas .................................................................. 11

5. O CABEÇALHO DE UM DOCUMENTO HTML

............................... 115.1 - O Elemento <head> (cabeçalho do documento) ...................... 115.1.1 - A Informação Contida no Elemento <head> ...................... 115.1.2 - Elementos de cabeçalho ( <head> ) ................................ 125.1.3 - A declaração DOCTYPE .................................................. 125.2 - O elemento <meta> .......................................................... 125.2.1 - Palavras-chave para os motores de pesquisa ..................... 125.2.2 - Valores desconhecidos para o atributo name do <meta> ..... 13

6. MODIFICANDO O CORPO DO DOCUMENTO

.............................. 13

7. ELEMENTOS BÁSICOS DA LINGUAGEM HTML

........................... 147.1 – Cabeçalhos ...................................................................... 147.2 – Parágrafos ...................................................................... 147.2.1 - Alinhamentos de parágrafo ............................................ 147.3 - Criando uma divisão .......................................................... 157.4 – Quebras de Linha ............................................................. 167.5 – Comentários .................................................................... 167.6 – Informações Úteis ............................................................ 167.7 – Lista de elementos básicos do HTML ....................................... 17

8. FORMATAÇÃO DE TEXTO

........................................................ 178.1 – Elementos para formatação de texto .................................... 178.2 – Elementos para o "output de código de computador" ............... 188.3 – Elementos para citações e listas de definições ....................... 18

9. LIGAÇÕES DE HIPERTEXTO ("LINKS")

.................................... 189.1 - Links internos .................................................................. 199.2 - Links locais ou relativos ..................................................... 209.3 - Links externos .................................................................. 209.4 - Alvo (target) .................................................................... 209.5 – Elementos para fazer ligações ............................................. 20

10. LISTAS

............................................................................... 21

Guia Prático de HTML – Prof. Tiago Daniel de Souzahttp://www.tiagosouza.com------------------------------------------------------------------------------------------------------------ 3 -

10.1 - Listas Não Ordenadas ....................................................... 2110.2 - Listas Ordenadas ............................................................. 2110.3 – Listas de Definições ........................................................ 2110.4 – Elementos para Listas ...................................................... 22

11. IMAGENS

........................................................................... 2211.1 - Tamanho de exibição da imagem ........................................ 2311.2 - Texto alternativo ............................................................. 2411.3 - Borda da imagem ............................................................ 2411.4 - Alinhamento da imagem ................................................... 2411.5 - Espaçamento da imagem ................................................... 2411.6 – Elementos relacionados com imagens ................................. 2511.7 – Fundos de Página ........................................................... 2511.7.1 - O atributo bgcolor do elemento <body> ......................... 2511.7.2 - O atributo background ................................................. 2611.8 – Dicas ............................................................................ 26

12 – CORES

.............................................................................. 2712.1 - Formas de exprimir cores .................................................. 2712.2 – Nomes de cores .............................................................. 2712.3 – Cores seguras da Web ..................................................... 2812.4 - Formas de exprimir os valores das cores .............................. 3012.5 - Mais de 16 milhões de cores diferentes ............................... 3212.6 - Mais nomes de cores ........................................................ 32

13. ENTIDADES, ACENTUAÇÃO E CARACTERES ESPECIAIS

........... 32

14. TABELAS

............................................................................ 3314.1 - Espaçamento entre células ................................................ 3514.2 - Preenchimento de células ................................................. 3514.3 - Largura de células e tabelas .............................................. 3714.4 - Uso de tabelas ................................................................ 3714.5 – Dicas ............................................................................ 3714.6 – Elementos relativos a tabela ............................................. 37

15. FORMULÁRIOS

................................................................... 3815.1 – Criar Formulários ............................................................ 3815.2 – input ............................................................................ 3815.3 - "Radio Buttons" .............................................................. 3915.4 – Checkboxes ................................................................... 3915.5 - O atributo action e o botão de submissão ............................ 3915.6 - Elementos para Formulários .............................................. 40

16. FRAMES HTML

.................................................................... 4016.1 - Vantagens e desvantagens das molduras ............................. 4016.2 - O Elemento frameset ....................................................... 4016.3 – O Elemento frame ........................................................... 4116.4 – Dicas ............................................................................ 4116.5 – Elementos para Frames .................................................... 41

17. INSERÇÃO DE SCRIPTS

....................................................... 4117.1 - Inserir um script numa página HTML ................................... 4117.1.1 - Um exemplo prático .................................................... 4217.2 - Como lidar com os browsers antigos ................................... 4217.2.1 - O Elemento <noscript> ............................................... 4217.2.2 - Um exemplo .............................................................. 4217.3 - Elementos para inserir scripts e código ............................... 43

Category:	Uncategorized.
Rating:
Upload Date:	01/10/2009
Copyright:	Attribution Non-commercial
Tags:	This document has no tags.

Documents

People