Podsumowanie — układ
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 29 z 60.
Wyzwanie
ŁatwyUtwórz dokument HTML, który zawiera wszystkie elementy układu, których nauczyliśmy się do tej pory:
<header>z głównym nagłówkiem (<h1>) o treści "My Website" oraz nawigacją (<nav>) z linkami do "Home", "About" i “Contact”. (na nieuporządkowanej liście)- Sekcja
<main>z elementem<div>, który zawiera akapit (<p>) z tekstem "This is the main content area.". Wewnątrz akapitu użyj znacznika<span>, aby objąć nim słowo "main". - Wewnątrz sekcji głównej element
<section>z nagłówkiem (<h2>) o treści "About Us" oraz elementem<article>z nagłówkiem (<h3>) o treści "Our Mission" i akapitem (<p>) zawierającym przykładowy tekst. <footer>z akapitem (<p>) o treści "Copyright 2024 My Website".
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<body>
<!-- Wpisz tutaj kod -->
</body>
</html>Wszystkie lekcje w sekcji Podstawy
1Podstawy HTML
Czym jest HTML?Podstawowa struktura dokumentu HTMLTagi i elementyZagnieżdżanie i zamykanie tagówKomentarze w HTML7Strona profilu osobistego
Omówienie projektuSekcja nagłówka
Zdjęcie profiloweSekcja „O mnie”Linki do mediów społecznościowych2Tekst i formatowanie
NagłówkiAkapityPodziały wierszaTekst pogrubiony i pochylonyPonownie: tekst pogrubiony i pochylonyPodsumowanie — formatowanie8Formularze i pola wejściowe, część 1
Podstawy formularzyPola tekstoweAtrybuty pólPole hasłaEtykiety pólPodsumowanie – podstawowy formularz11Strona rejestracji na wydarzenie
Przegląd projektuSekcja nagłówkaSekcja szczegółów wydarzeniaFormularz rejestracyjnySekcja stopki6Układ strony
Elementy blokoweElementy linioweZnaczniki semantyczneSekcje i artykułyPodsumowanie — układ9Formularze i pola wejściowe, część 2
Przyciski opcjiPola wyboruListy rozwijanePrzyciskiPrzyciski w formularzachPowtórzenie — formularze nr 1Powtórzenie — formularze nr 2Poćwicz samodzielnie: Edytor online Web