Struktura strony HTML
- Praktyczne zadania
- Teoria
- Pomoce do ćwiczeń
Treść zadania:
Przygotuj stronę HTML, która będzie zawierała następujące elementy:
Wszystkie poziomy nagłówków: od <h1> do <h6>.
-Co najmniej trzy akapity tekstu wykorzystujące znaczniki <p>.
-Jedno zdanie wyróżnione jako cytat za pomocą znacznika <blockquote>.
-Dodatkowe krótkie cytowanie przy pomocy znacznika <q>.
-Jedną linię poziomą oddzielającą sekcje tekstu, za pomocą znacznika <hr>.
-Listę odnośników do trzech różnych zewnętrznych stron internetowych (np. Wikipedia, Google, YouTube), oznaczone odpowiednimi opisami.
Listę wykonujemy w następujący sposób podmieniamy tylko index.html na właściwą stronę internetową:
Przykład:
Struktura dokumentu HTML powinna wyglądać następująco:
-W nagłówku dokumentu (<head>) podaj tytuł strony za pomocą znacznika <title>.
-W sekcji głównej (<body>) zawrzyj wszystkie wymagane elementy.
Szczegóły formatowania:
-Wykorzystaj różne poziomy nagłówków (<h1> do <h6>), aby wyróżnić sekcje strony.
-Każdy akapit (<p>) powinien zawierać co najmniej jedno pełne zdanie.
-W jednym z akapitów wstaw cytat w linii przy pomocy znacznika <q>.
-Dodaj linię poziomą (<hr>) między sekcjami nagłówków i akapitów.
-Odnośniki (<a>) powinny zawierać opis tekstowy i prowadzić do zewnętrznych stron internetowych.
Test strony:
-Po ukończeniu zadania otwórz stronę w przeglądarce i upewnij się, że wszystkie elementy wyświetlają się poprawnie.
Przykład rozwiązania:
