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.

Comentários (0)

    Attach images by dragging & dropping or by selecting them.
    The maximum file size for uploads is MB. Only files are allowed.
     
    The maximum number of 3 allowed files to upload has been reached. If you want to upload more files you have to delete one of the existing uploaded files first.
    The maximum number of 3 allowed files to upload has been reached. If you want to upload more files you have to delete one of the existing uploaded files first.
    Postando como

    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