Estrutura básica de uma página com HTML 5

•

Exatas

0

Isabelle Penafiel Bueno

20/03/2024

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Programação Web

1.749 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
 <meta charset="utf-8"/>
 <meta content="width=device-width, initial-scale=1, maximum-scale=1" 
name="viewport">
 <title>Estrutura básica de uma página com HTML 5</title>
 <link href="css/seu-stylesheet.css" rel="stylesheet"/>
 <script src="scripts/seu-script.js"></script>
</head>
<body>
<header>
 <nav>
 <ul>
 <li>Home</li>
 <li>Contato</li>
 </ul>
 </nav>
</header>
<section>
 <article>
 <header>
 <h2>O título do artigo é aqui</h2>
 <p>Publicado em <time datetime="2015-03-09T13:00:24+01:00">09 de 
Março de 2015</time> por <a href="#">Author</a> - <a href="#comments">30 
comentários</a></p>
 </header>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
1
tempor incididunt ut labore et dolore magna aliqua.</p>
 </article>
 <article>
 <header>
 <h2>O título do artigo é aqui</h2>
 <p>Publicado em <time datetime="2015-03-09T13:00:24+01:00">09 de 
Março de 2015</time> por <a href="#">Author</a> - <a href="#comments">15 
comentários</a></p>
 </header>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua.</p>
 </article>
</section>
<aside>
 <h2>Entre em contato</h2>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua.</p>
</aside>
<footer>
 <p>Copyright 2024 Código Fonte©</p>
</footer>
</body>
</html>
2