Menu
Coddy logo textTech

Sekcje i artykuły

Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 28 z 60.

W HTML znaczniki <section> i <article> służą do organizowania treści w logiczne części.

Znacznik <section> definiuje sekcję w dokumencie, na przykład rozdziały, nagłówki, stopki lub inne sekcje dokumentu. To sposób na grupowanie powiązanych treści. Na przykład możesz użyć znacznika <section>, aby podzielić stronę na wstęp, treść i informacje kontaktowe.

Oto jak możesz użyć znacznika <section>:

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

Znacznik <article> określa niezależną, samodzielną treść. Powinna ona mieć sens sama w sobie i być możliwa do przeczytania niezależnie od pozostałej części witryny. Przykłady zastosowania elementu <article>: wpis na forum, wpis na blogu, artykuł prasowy lub komentarz.

Oto jak możesz użyć znacznika <article>:

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

Wyzwanie

Łatwy

Utwórz dokument HTML, który wykorzystuje tagi <section> i <article> do strukturyzowania strony internetowej. Uwzględnij następujące sekcje:

  1. Sekcję <main>, która będzie zawierać główną treść strony.
  2. Wewnątrz <main> utwórz element <section> z nagłówkiem (<h2>) o treści "Upcoming Events".
  3. Wewnątrz elementu <section> utwórz dwa elementy <article>.
  4. Każdy element <article> powinien zawierać nagłówek (<h3>) i akapit (<p>) z przykładowym tekstem. W nagłówkach użyj "Event 1" i "Event 2", a w akapitach "Event 1 details..." i "Event 2 details...".
WYMAGANY FORMAT WYJŚCIOWY: [Tutaj przetłumaczona treść]

Spróbuj swoich sił

<!DOCTYPE html>
<html>
    <body>
        <!-- Wpisz tutaj kod -->
    </body>
</html>
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Podstawy

Poćwicz samodzielnie: Edytor online Web