Apresentacao html css

HTML and CSS
Daniele Montenegro
Grupo Weblovers
@lelybarros

Agenda
 WWW
 O HTML
 Uma Rápida História de Marcação
 Elementos HTML
 Um primeiro exemplo
 HTML sem CSS
 CSS

WWW

 A World Wide Web é um sistema de documentos
em hipermídia que são interligados e executados
na Internet;
 Em 1989, surgiu o padrão servidor HTTP,
resultados de um projeto do CERN (European
Particle Physics Laboratory);

O HTML

 HyperText Markup Language é uma linguagem de
marcação utilizada para produzir páginas na Web

Uma Rápida História de Marcação

O começo

 Em 1991 ele escreveu um documento chamado
“HTML Tags” no qual propunha não mais que
duas dúzias de elementos que poderiam ser
usados para escrever páginas web.

Do IETF ao W3C: O caminho para o HTML 4

 Nunca existiu algo do tipo HTML 1;
 A primeira especificação foi HTML 2;
 Algumas das características existentes
nesta especificação eram dirigidas por
implementações existentes. Exemplo Tag
<img />

XHTML

 XHTML surgiu quando os navegadores
começavam a dar suporte a CSS.

Declaração Doctype em XHTML

<!DOCTYPE html PUBLIC "-
//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/
DTD/xhtml1-transitional.dtd">

Declaração Doctype em HTML5

<!DOCTYPE
html>

Estrutura documento HTML
div id=header

div id=sidebar
div id=body

div id=footer

O elemento imput

 type - Tipo de dado: text, file, radio, checkbox,
hidden, password, submit, reset, button,
image;

 name - Identificação do campo

O elemento form

<form> </form>

 action - Responsável por determinar o exato
local para onde as informações coletadas no
formulário deverão ser enviadas
 method - Método de empacotamento dos
dados do formulário;

Quando surgiu o CSS

 Foi ano de 1994 a criação do CSS;
 Bert Bos aceitando o convite por Håkon;
 Em 1995 a W3C começou a padronizar.

O que é isso?

 Cascading Style Sheets é que um documento
onde são definidas regras de formatação ou de
estilos, a serem aplicadas aos elementos de
um documento HTML.

Vantagens de Usar

 Controle total sobre a apresentação do site a
partir de um arquivo central;
 Agilização da manutenção e redesign do site;
 Saída para diferentes tipos de mídia a partir de
uma versão única de HTML;
 Adequação simplificada aos critérios de
acessibilidade e usabilidade;

Alguns Elementos CSS

 font - propriedades de letras
 color - propriedades de cores
 background - propriedades de fundo

Declaração CSS

 Compõe-se de duas partes: a propriedade e o
valor e uma regra CSS .

Apresentacao html css

Mais conteúdo relacionado

Destaque (20)

Semelhante a Apresentacao html css (20)

Apresentacao html css