04 HTML

Desenvolvimento de Sistemas Web
Thiago T I Yamamoto [e-mail] HTML

Agenda





IDE
HTML
HTML – Formulários
Lista de Tags

2

IDE
 IDE – Integration Development Environment
– IDE como Dreamwaver, Aptana, Visual Studio e etc. AUXILIA o desenvolvimento de páginas.

– Não tome como produto final o código gerado por estas ferramentas.

?...
3

IDE – Eclipse - http://www.eclipse.org/downloads

•
•
•
•
•

Muito Utilizado;
Auxilia o desenvolvimento;
Grátis;
Plugins;
Java
4

Introdução ao HTML
 HTML (abreviação para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores.
 A tecnologia é fruto do "casamento" dos padrões HyTime e SGML.
 HyTime (Hypermedia/Time-based Document Structuring Language): padrão

para representação estruturada de documentos multimídia e hipermídia.
 SGML (Standard Generalized Markup Language): padrão de formatação de textos, não é aplicado de maneira padronizada.

5

Introdução ao HTML
 A linguagem HTML é regida por um DTD (Document Type Definition)
 O DTD é um documento que define os elementos, atributos e entidades que fazem parte de um vocabulário de uma linguagem de marcação.

 O DTD identifica quais elementos que compõem o vocabulário de uma linguagem de marcação, como os elementos podem ser usados em conjunto, quais atributos podem ser usados com cada elemento, quais entidades existentes e suas representações.

6

Introdução ao HTML
 Representação em camadas:

Cliente

?

Comportamento

?

Apresentação

HTML

Estrutura dos Dados

7

HTML: Tags (etiquetas)
 As tags dizem ao web browser como o texto e as imagens serão exibidas.
 As tags são representadas pelos sinais < >.
 O fechamento de uma tag deve ser feito usando a barra invertida / ,

indicando que a tag está finalizando a marcação de um texto.
 Exemplos:
• <p> Texto </p>
• <b> Texto </b>