Menu
Coddy logo textTech

Seções e Artigos

Parte da seção Fundamentals do Journey de HTML da Coddy. Lição 28 de 60.

Em HTML, as tags <section> e <article> são usadas para organizar o conteúdo em partes lógicas.

A tag <section> define uma seção em um documento, como capítulos, cabeçalhos, rodapés ou quaisquer outras seções do documento. É uma forma de agrupar conteúdos relacionados. Por exemplo, você pode usar <section> para dividir uma página em uma introdução, conteúdo e informações de contato.

Veja como você pode usar a tag <section>:

<section>
	<h2>Section Heading</h2>
	<p>Section content goes here.</p>
</section>

A tag <article> especifica conteúdo independente e autocontido. Ele deve fazer sentido por si só, e deve ser possível lê-lo independentemente do restante do site. Exemplos de onde um elemento <article> pode ser usado: uma publicação em um fórum, uma entrada de blog, uma notícia ou um comentário.

Veja como você pode usar a tag <article>:

<article>
	<h2>Article Title</h2>
	<p>Article content goes here.</p>
</article>
challenge icon

Desafio

Fácil

Crie um documento HTML que use as tags <section> e <article> para estruturar uma página da web. Inclua as seguintes seções:

  1. Uma seção <main> para conter o conteúdo principal da página.
  2. Dentro de <main>, crie uma <section> com um título (<h2>) que diga "Upcoming Events".
  3. Dentro da <section>, crie dois elementos <article>.
  4. Cada <article> deve ter um título (<h3>) e um parágrafo (<p>) com algum texto fictício. Use "Event 1" e "Event 2" para os títulos e "Event 1 details..." e "Event 2 details..." para os parágrafos.

Experimente você mesmo

<!DOCTYPE html>
<html>
    <body>
        <!-- Escreva o código aqui -->
    </body>
</html>
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Fundamentals

Pratique por conta própria: Playground de Web