Menu
CoddyTech

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.

Tag <section> definiuje sekcję w dokumencie, taką jak rozdział lub inną część dokumentu poświęconą jednemu tematowi, zwykle z własnym nagłówkiem. To sposób na grupowanie powiązanych treści. Możesz na przykład użyć <section>, aby podzielić stronę na wprowadzenie, treść i informacje kontaktowe.

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

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

Tag <article> określa niezależną, samodzielną treść. Powinna mieć sens sama w sobie i dać się czytać niezależnie od pozostałej części witryny. Elementu <article> można użyć na przykład w przypadku wpisu na forum, wpisu na blogu, artykułu informacyjnego lub komentarza.

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 używa tagów <section> i <article> do uporządkowania 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. Użyj "Event 1" i "Event 2" jako nagłówków oraz "Event 1 details..." i "Event 2 details..." jako akapitów.

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