Download HTML5 Em 15 Minutos PDF

TitleHTML5 Em 15 Minutos
TagsHtml5 Html Web Browser Cascading Style Sheets World Wide Web Consortium Standards
File Size221.5 KB
Total Pages12
Document Text Contents
Page 2

Introdução
Criar um site nunca foi tão fácil com o HTML5. O código agora está mais limpo e mais legível -
aumentando a sua produtividade e diminuindo as dores de cabeça.

O HTML5 já é suportado pelos navegadores mais populares nas suas versões atuais (até o Internet
Explorer na sua versão 9 roda o HTML5 relativamente bem!), e também é perfeito para criar sites
acessíveis por smartphones e tablets que estão se tornando cada vez mais populares.

 A sintaxe do HTML5 é compatível com o HTML4 e XHTML1. Quer fechar elementos com uma barra?
Beleza. Não quer? Sem problemas. Prefere escrever em maiúsculas? Minúsculas? Tanto faz! Ou seja,
você não precisa mudar o seu jeito de codificar, então não se preocupe.

Neste eBook, você vai aprender em menos de 15 minutos como programar em HTML5. Para isto, você
vai precisar de:

● Um computador (dã)
● Um navegador de verdade, atualizado (Chrome, Safari, Firefox ou Opera)
● Um editor HTML (Dreamweaver, Notepad++, Coda ou até mesmo o bloco de notas)
● Conhecimento básico de HTML4 ou XHTML1 (opcional)
● 15 minutos

Page 6

Legenda:
Novos elementos do HTML5,

elementos pré-existentes,
comentários, conteúdo.

<!doctype html>
<html>
<head>

<!-- Lembrando que essa área é onde vai as tags meta, title, script e estilos.
Não vá confundir esta área com o <header>! -->

<meta charset="utf-8">
<title>Título do seu site</title>

</head>
<body>

<!-- Cabeçalho do site: -->
<header>

<h1>Nome do site</h1>
</header>

<!-- Menu: -->
<nav>

<ul>

<li><a href="#inicial">Inicial</a></li>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#contato">Contato</a></li>
</ul>

</nav>

<!-- Área para artigos -->
<section>

<article>
<h2>Título do artigo</h2>
<p>Restante do artigo...</p>

</article>

<article>
<h2>Outro artigo</h2>
<p>Texto aleatório...</p>

</article>
</section>

<!-- Barra lateral: -->
<aside>

<h3>Entre em contato</h3>
<p>Entre em <a href="#contato">contato</a> conosco</p>

</aside>

<!-- Rodapé -->
<footer>

Similer Documents