|
Modelo de HTML 5 - Prontinho |
|
Segue modelo prontinho para desenvolvimento, basta você copiar e colar em seu editor de Desenvolvimento Web.
Lembrando que o CSS você que terá que fazer, bom aproveito dos primeiros passos para HTML 5.
Observação importante!
Os sites em HTML 5 so serão vistos em browsers, IE 9, Mozila FireFox, Google Chrome e Safari
Copie o codigo abaixo e salve como html em sua pasta de desenvolvimento.
<!DOCTYPE html>
<html lang="pt-br"> <!-- Importante saber -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TÍTULO</title>
<link rel="stylesheet" type="text/css" href="/caminho do css">
</head>
<body>
<div id="container">
<!-- Cabecalho da Págin -->
<header>
<h1>HTML 5 - A EVOLUÇÃO (LOGO DA EMPRESA)</h1>
</header>
<!-- Fim Cabecalho -->
<!-- Menu -->
<nav>
<ul>
<li><a href="javascript:;" title="Home" rel="me">Home</a></li>
<li><a href="javascript:;" title="Serviços" rel="alternate">Servicos</a></li>
</ul>
</nav>
<!-- Fim Menu -->
<!-- Corpo do site -->
<div id="content">
<article>Utilizando Article</article>
<article>
<figure>
<img src="/inserir a imagem" alt="título da imagem" title="título da imagem">
<legend>Para inserir a imagem utilizei a TAG <figure> juntamente com a TAG <legend></legend>
</figure>
</article>
</div>
<!-- Fim Corpo do site -->
<!-- Rodape do site -->
<footer>
(Rodapé)BSA Informática © Todos os direitos reservados
</footer>
<!-- Fim Rodape do site -->
</div>
</body>
</html> |
