Ikonki i znaki w HTML 5. Wprowadzenie do CSS. Składnia CSS.

 

Zadanie 1

Korzystając ze składni HTML przygotuj dokument cw211.html w którym w postaci tabeli wyświetlisz symbole (Miscellaneous Symbols):
• W wierszu 1 trzy komórki nagłówkowe o treści licząc od lewej:
  • Symbol - ustawienia domyślne
  • Symbol - 200 pikseli
  • Opis
• W kolejnych 5 wierszach
  • Komórka lewa zawiera wyświetlony wybrany symbol z ustawieniami domyślnymi
  • Komórka środkowa zawiera ten sam symbol, ale powiekszony do rozmiaru 200 pikseli (pamietaj, że symbol traktujemy jak czcionkę)
  • Komórka prawa zawiera opis (nazwę) wyświetlonego symbolu
  • We wszystkich komórkach content wyśrodkowany.
• Tabela o szerokości 70% szerokości okna przeglądarki.
• Nie dodawaj obramowań do komórek tabeli, a jedynie dla całej tabeli.

Zadanie 2

Korzystając ze składni HTML przygotuj dokument cw212.html w którym:
• U góry umieścisz listę uporządkowaną zatytułowaną "Ikony emocji - opis:"
• Lista składa się z 5 punktów zawierających jako content 5 wybranych ikon reprezentujących emocje w rozmiarze 50 pikseli każda
• Każdy z elementów listy jest jednośnie odsyłaczem do zakładki wewnątrz tego dokumentu przenoszącym użykowanika w miejsce gdzie znajdzie opis użytej emotikonki.
• Pod listą wstaw obraz (emots.png) składający się z 5 powyższych emotikonek ułożonych obok siebie
• Pod obrazem umieść w oddzielnych paragrafach opisy użytych emotikonek tworząc z nich tzw. zakładki (Link BookMark)
• Pomiędzy kolejnymi paragrafami z opisami emotek umieść obraz emots.png
• Przykład

Pytania i odpowiedzi: