Curso de HTML5 - Aula01

Curso de HTML5
Visão Geral sobre o HTML

sábado, 21 de janeiro de 12

Conteúdo da Aula de
Hoje
O que é Web!?

Como funciona a Web!?

Quem é W3C e o que são padrões web!?

(X)HTML

CSS


De onde vem a Web!?

Criada por Tim Berners-Lee em 1989.
Baseado no projeto ENQUIRE (1980), enquanto ele trabalhava na
CERN.
Seu intento original do sistema foi tornar mais fácil o
compartilhamento de documentos de pesquisas entre os colegas.

Também conhecida como World-Wide Web (WWW) é a parte
multimídia da Internet, portanto possibilita a exibição de páginas de
hipertexto, ou seja, texto em formato digital, documentos que podem
conter todo o tipo de informação: textos, fotos, animações, trechos
de vídeo e sons e programas e que permite conexões entre
documentos (os links).


A web consiste em um sistema cliente-servidor.

! A comunicação entre os clientes e servidores se dá através do
protocolo HTTP:

! 1. Usuário digita uma URL navegador (browser) ou clica em um
link;

! 2. Navegador envia a requisição até o servidor de web;

! 3. Servidor de web envia o conteúdo requisitado para o
navegador;

! 4. O Navegador apresenta a informação para o usuário.


W3C e os Padrões Web
W3C (World Wide Web Consortium) é um consórcio
de empresas de tecnologia. Fundado por Tim
Berners-Lee em 1994 para levar a Web ao seu
potencial máximo.

Padrões Web ou Web Standards é um conjunto de
recomendações, produzidos pelo W3C e destinados a
orientar fabricantes, desenvolvedores e projetistas
para o uso de práticas que possibilitem a criação de
uma Web acessível a todos, independentemente dos
dispositivos usados ou de suas necessidades


O que é o HTML

HTML é a abreviação para HyperText Markup
Language, que pode ser traduzido como
Linguagem de Marcação para Hipertexto.

Compõe a estrutura de uma página Web
através de etiquetas (tags) e atributos.


O que é o HTML

TAGs ou Marcadores

Atributo das TAGs


Tags básicas

<html></html> - Define o começo e final de um documento HTML.
<head></head> - Cabeçalho. Contém informação descritiva, como o título.
<meta /> - Meta-Informação
<title></title> - Título do documento.
<body></body> - Corpo. Conteúdo da página.
<div></div> - Divide página em seções lógicas.
<ul></ul> - Inicia/termina Lista não ordenada;
<li></li> - Item de lista padrão;
<a href="X">Y<a> - Cria um hyperlink com o conteúdo; X é o endereço e Y o nome do endereço.
img src="X" /> - Insere uma imagem, X é o nome ou diretório da imagem.
<hX></hX> - Inicia um cabeçalho (Títulos), onde X varia de 1 até 6. Em escala descrescente.
<p></p> - Inicia e finaliza um parágrafo.


E esse (X)HTML

O “X” aí empregado quer dizer que
utilizaremos um HTML Extendido, ou seja um
HTML como algo a mais, que nesse caso é o
CSS.


Mas o que é o CSS!?

Cascading Style Sheets, em português Folhas
de Estilo em Cascata, são documentos que
descrevem de que forma o HTML deve ser
apresentado.

Contêm um conjunto de regras que
descrevem o aspecto visual dos elementos (as
tags) HTML.


Css... mais detalhes...
Sintaxe



Uma classe deﬁne a variação de um estilo, o
qual é referenciado através de uma
ocorrência especíﬁca de um elemento
utilizando o atributo class.

No código de css é utilizado o símbolo “.”



Pode-se atribuir um ID aos elementos e
então associar estilos à este ID.

Para declarar o estilo para um ID é usado o
símbolo "#".



Assim como em qualquer linguagem de
programação, em CSS é possível adicionar
comentários para melhor documentar o
código.


Não confundam!!!

! “(X)HTML para estruturar!

! e

! CSS para apresentar (formatação).”


E como juntar o CSS
com o HTML!?
Primeira forma


E como juntar o CSS
com o HTML!?
Segunda forma (+ utilizada)


Referências dessa aula!

@igorpimentel

Site do W3C - você encontra toda a
documentação online sobre html e css

Wikipédia


Mais sobre mim...

Follow me os bons...

@zarathon

Facebook.com.br/zarathon

www.zarathon.com.br (em breve online)


Curso de HTML5 - Aula01

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (17)

Semelhante a Curso de HTML5 - Aula01

Semelhante a Curso de HTML5 - Aula01 (20)

Mais de Zarathon Maia

Mais de Zarathon Maia (8)

Último

Último (20)

Curso de HTML5 - Aula01