Dzień Dobry :-)
Zadanie 9.
Dzisiejsze zadanie jest rozwinięciem poprzedniego. Dla ułatwienia napisałem i załączyłem plik z którego możecie korzystać. Po wyświetleniu go w przeglądarce, otwórzcie go za pomocą notatnika (po najechaniu wskaźnikiem na ikonę, lewy przycisk myszy, wybrać: otwórz za pomocą, notatnik):
odkrywcy.html (kliknij na "odkrywcy.html" prawym przyciskiem myszy, następnie "Zapisz element docelowy jako..." i zapisz plik na swoim komputerze)
W zapisie zauważycie elementy, które poznaliście w poprzednich zadaniach oraz kilka nowych.
Do nowych należą:
- linie poziome
- pozycjonowanie tekstu
- dodanie listy podtematów
- zmiana koloru czcionki, kolorowe tło i tekst
Odnośnie pkt. 1
Linie poziome wprowadzamy używając znacznika <hr>
Linie możemy formatować przez określenie wartości następujących atrybutów: width, size, align.
Przykład: <hr width=80% size=4 align=right>
Odnośnie pkt. 2
W tym przypadku wprowadziłem znaczniki <center></center> powodujące centralne umiejscowienie tekstu wpisanego pomiędzy nimi. Stosując inne znaczniki możemy umiejscowić tekst z lewej lub prawej strony.
Odnośnie pkt. 3
Otwarcie listy definiuje znacznik<ul> zamknięcie </ul>
elementy listy poprzedzane są znacznikami<li>
Odnośnie pkt. 4
Parametr: bgcolor zmienia kolor tła strony na kolor podany po znaku równości. Podobnie działa parametr: text w odniesieniu do wpisanego tekstu. Parametry te umieszczamy w znaczniku <body>.
Np.: <body bgcolor="red" text="yellow">
zmienia kolor tła na czerwony a tekstu na żółty. Stosujemy angielskie nazwy kolorów lub ich kody poprzedzone znakiem #
Dowolnemu fragmentowi tekstu można nadać kolor obejmując go znacznikami koloru.
Składnia: <font color="nazwa koloru"></font>
Czcionka może mieć wielkość zależną od redagującego dokument html. Wystarczy objąć fragment tekstu parą znaczników
<font size="xx"></font>
Jeszcze jedną możliwość urozmaicenia strony daje polecenie: <font face="nazwa kroju"></font>
Pozwala on zmienić krój czcionki dla dowolnego fragmentu dokumentu.
W przesłanym dokumencie należy wprowadzić następujące zmiany:
(korzystaj z objaśnień do poszczególnych punktów zamieszczonych powyżej)
- Zmienić kolor tła i tekstu.
- Zmienić krój czcionki i kolor elementów listy wypunktowanej (zdefiniować <ul> pamiętając o zamknięciu zdefiniowanych elementów)
- Zmienić grubość, długość i położenie linii poziomej
- Zdefiniować wielkość dowolnego fragmentu tekstu
- Przesuń napis: Wybierz interesujący cie temat: na środek strony.
Termin wykonania pracy: 8.05.2020 r. W wypadku niejasności proszę o kontakt poprzez pocztę. Życzę ciekawych efektów i czekam na Wasze strony.
| Załącznik | Rozmiar |
|---|---|
| odkrywcy.html | 649 bajtów |
