html

HTML

HiperText Markup Language

Prof. Marcus Aurelius

Desenvolvimento para Internet 1

HTML
• Sigla de HiperText Markup Language
•Linguagem de marcação de textos (tags)
• Linguagem estrutural das páginas Web
• Permite inserção de imagens, links, listas, tabelas, etc.
• Os comandos são digitados usando editores de textos simples
Notepad, Wordpad, PHP Editor
• Linguagem interpretada (tags são interpretadas pelo browser)
• Utiliza a extensão .htm ou .html
Prof. Marcus Aurelius

Desenvolvimento para Internet 2

HTML
Modelo Cliente/Servidor

index.html

Requisição

Clientes

HTML

Resposta

Servidor

Prof. Marcus Aurelius

Desenvolvimento para Internet 3

HTML
Ferramentas
Editores de criação de sites
• Front Page (Microsoft)
• Dreamweaver
• Go live
• Flash
• Hotdog
• Live Motion
Prof. Marcus Aurelius

Desenvolvimento para Internet 4

HTML
Editores gráficos
• Photoshop (Adobe)
• Corel Draw (Corel)
• FreeHand (Macromedia)
• FireWorks (Macromedia)
• Paint (Microsoft)

Prof. Marcus Aurelius

Desenvolvimento para Internet 5

HTML
TAGS
• Comandos que indicam a ação a ser executada na página
• Estão sempre entre os sinais “< >”
• Não maioria das vezes estão em pares • A tag final utiliza “/” para indicar o final da ação
• Permite a utilização de uma tag dentro de outra
Olá
• Um comando principal pode ter vários atributos
Prof. Marcus Aurelius

Desenvolvimento para Internet 6

HTML
Estrutura HTML

Titulo da Página

Corpo da página. Local onde o texto ou imagem será exibido

Prof. Marcus Aurelius

Desenvolvimento para Internet 7

HTML - Tags
Tags
- Limitam a área da linguagem HTML; - Limitam o cabeçalho da página; - Limitam o título da página, que é exibido na barra de títulos da janela do browser; - Limitam o corpo da página, onde estão os comandos de formatação, imagens, links, etc.

Prof. Marcus Aurelius

Desenvolvimento para Internet 8

HTML -