Uwagi wstępne:
Zadanie 6. Umieść na stronie zdjęcie swojego ulubionego kota Filemona:
Dodaj pod nim podpis, mówiący o tym „kto zacz”.
Zadanie 7. Do opisu własnych zainteresowań dodaj pasję akwarystyczną. Dla jej podkreślenia umieść na stronie poniższy obrazek rybki
Zadanie 8. Dodaj do strony odsyłacz do serwisu akwarystycznego "www.akwarium.org.pl". Zrób to tak, aby przechodziło się do niego po „naciśnięciu” rybki. Aby po najechaniu myszą na rybkę pojawiała się wskazówka o co chodzi użyj atrybutu title znacznika img i nadaj mu wartość „Serwis Akwarystyczny”.
Zadanie 9. Czy denerwuje Cię ramka, która pojawiła się wokół rybki po uczynieniu jej „aktywną”? Jeśli tak, to usuń ramkę używając atrybutu border znacznika img. Udało się? Zweryfikuj następnie poprawność kodu otrzymanej strony. Czy weryfikacja się powiodła? No właśnie... Atrybut border jest stanowczo odradzany przez specyfikację HTML5. Aby osiągnąć cel właściwą metodą dodaj do treści znacznika head następujący „styl CSS”
<style type="text/css">
a img {border-style: none;}
</style>
(o kaskadowych arkuszach stylów – CSS – mówić będziemy na następnych zajęciach).
Zadanie 10. Używając elementu graficznego
o nazwie menu.gif i wymiarach 558x59, zdefiniowanej dla niego mapy:
<map name="menu"> <area shape="rect" coords="61,15,112,44" href="URL" alt="W1" title="W1"> <area shape="rect" coords="120,15,175,43" href="URL" alt="W2" title="W2"> <area shape="rect" coords="182,16,234,43" href="URL" alt="W3" title="W3"> <area shape="rect" coords="239,16,294,44" href="URL" alt="W4" title="W4"> <area shape="rect" coords="305,16,358,44" href="URL" alt="W5" title="W5"> <area shape="rect" coords="371,15,428,44" href="URL" alt="W6" title="W6"> <area shape="rect" coords="436,16,486,45" href="URL" alt="W7" title="W7"> </map>
oraz znacznika nav, skonstruuj graficzne menu pozwalające odwoływać się z Twojej strony do Twoich ulubionych stron w sieci. Uwaga! Podana mapa wymaga wpisania odpowiednich adresów URL.