Don't you speak portuguese? Translate this site with Google Translator

Pensamento do Dia

A morte é a coisa mais segura e firme que a vida inventou até agora. (Emil Cioran)

Introdução ao HTML 5

HTML5

O HTML5 é a nova versão do HTML.

HTML significa Hyper Text Mark-up Language, linguagem de marcação de texto. Uma linguagem criada para mostrar texto em páginas mas que evoluiu muito e atualmente faz praticamente tudo que outras linguagens mais poderosas fazem. É conhecimento obrigatório para qualquer desenvolvedor web.

O HTML 5 permite fazer no navegador o que antes somente faziamos no desktop do PC ou num telefone móvel e sem a necessidade de plugin extra.

O HTML é uma linguagem de marcação, que usa tags/etiquetas para o reconhecimento do que fazer. Todos os sites na Internet usam o HTML para que sejam exibidos por um navegador. A maioria das tags tem a tag inicial e a de fechamento, veja exemplo abaixo.

O foco do HTML é o conteúdo.

Detalhes:
http://www.w3schools.com/html/html5_intro.asp

Uma página básica e simples em HTML5 deve conter as tags:

[code]
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Título do site</title>
</head>
<body>
<h1>Esta é a parte principal da página</h1>

<p>Aqui um texto normal</p>
</body>
</html>
[/code]

Para ser automaticamente reconhecido pelos navegadores deve ter a extensão .htm ou .html.

Acima para identificar HTML5 adiciona-se mais uma tag no início do arquivo:

Veja que adicionamos a primeira e mudamos a segunda (<html>).

Para a criação de um texto em HTML precisamos de um editor de texto e de um navegador.
Tanto podemos usar um editor simples como o bloco de notas, o notepad++ já é melhor e melhor ainda
é uma IDE como o NetBeans.

Se criarmos um arquivo chamado teste.html contendo:

[code]
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
</body>
</html>
[/code]

Ao abrir num navegador não veremos nada, apenas uma página em branco.

Apenas algumas tags mostram conteúdo, outras são apenas estruturais, como html, head, body, etc.

Validação

O site do w3C tem uma ferramenta da validação online.

Acesse
http://validator.w3.org/

Clique em Validate by Direct input

Cole o código que deseja testar e clique em Check.
Ele fará uma avaliação do seu código, mostrando os erros.

Veja que ele apresenta mais duas alternativas de validação: URL e arquivo.

O HTML5 trouxe muitos recursos importantes para os sites, tanto para si quanto para seus parceiros
CSS e JavaScript. Basta ver a quantidade de ferramentas que existem e que aparecem a cada dia para
a criação de games para mobile.

Comments fornecido por CComment

Novo Testamento

E, quando a erva cresceu e frutificou, apareceu também o joio.
(Mt, 13:26)

Rotas no Mapa do Google

© 2015 Ribamar FS. All Rights Reserved. Designed By JoomShaper