Ćwiczenia 2

Sporządź zestaw dokumentów HTML, które można uruchomić z poziomu dysku lokalnego, bez stawiania serwera. Pliki te powinny być powiązane ze sobą, tzn otwierając plik z dysku można klikająć w zawarte w nich linki przejść do każdego z pozostałych plików. Umieść w tym pliku obrazek znajdujący się na dysku. Tag z obrazkiem skonfiguruj tak, aby działał prawidłowo nawet po przeniesieniu całego katalogu ze stroną na inny dysk/komputer.

W osobnym pliku HTML sporządź tabelkę, która zawiera informacje o przeczytanych przez Ciebie książkach lub obejrzanych przez Ciebie filmach. Powinna zawierać min. 4 rzędy i następujące kolumny:

• tytuł
• autor (lub reżyser)
• Twoja subiektywna ocena w skali od 0 do 10

Zadbaj o prawidłowe użycie elementów th

Przygotuj dokument html, który ma strukturę artykułu na blogu. Artykuł powinien zawierać prawidłowo użyte h1, h2 i h3. Artykuł powinien być sporządzony tak, że klikając w nagłówek przeglądarka odpowiednio zmienia pasek adresu tak, aby łatwo było wysłać komuś taki link, który prowadzi do konkretnego nagłówka na stronie.

Artykuł możesz wypełnić treścią z lorem ipsum.

Przygotuj stronę, na której znajdują się obfite paragrafy tekstu Lorem Ipsum i kilka obrazków. Ustaw obrazki tak, aby tekst je "opływał"

Pobierz plik make-me-pretty.html. Dostosuj w nim style tak, aby:

• tekst był pisany fontem bezszeryfowym;
• paragrafy, które występują tuż po nagłówkach, były niebieskie;
• nagłówki, które występują tuż po paragrafach, miały margines 60px od góry