Zadania

Do zadań z tekstem możesz wykorzystywać stronę lipsum.org

  1. Formatowanie tekstu
    1. Stwórz stronę na której znajdzie się nagłówek o dowolnej treści
    2. do punktu pierwszego dodaj 1 akapit
    3. zmodyfikuj poprzedni punkt tak aby zawierał 3 akapity
    4. pogrób kilka słów oraz całych zdań na Twojej stronie
    5. Zmień czcionkę wyświetlaną dla całego dokumentu
    6. Zmień wielkość tekstu poszczególnych akapitów
    7. Zmień kolory tekstu poszczególnych akapitów
    8. Zmień tło strony
  2. Formatowanie list

    1. Dodaj listę uporządkowaną na stronie

    2. Dodaj listę nieuporządkowaną na stronie

    3. Zmodyfikuj treść strony tak, aby wyświetlana lista uporządkowana posiadała elementy listy nieuporządkowanej

  3. Tabele

    1. Stwórz stronę, na której zostanie wyświetlona tabela z dowolnymi danymi (np. lista klubów piłkarskich wraz z ich aktualną pozycją w lidze)

    2. zmodyfikuj tabelę, tak aby posiadała obramowanie (konfiguracja dowolna - kolor, grubość)

  4. Kontenery danych "DIV"

    1. Stwórz stronę, na której będą prezentowane dane w formie tabeli natomiast nie można użyć do tego znacznika <table> tylko wykorzystać znacznik <div> oraz możliwości stylów css (width - szerokość, height - wysokość, float - "przyklejenie do ściany bocznej - wybór której" oraz clear: both)

    2. zmodyfikuj stronę tak, aby jak najlepiej odzwierciedlała stworzoną przez Ciebie stronę opartą na znacznikach tabeli

  5. Odwołania do innych stron

    1. Stwórz stronę, która odwołuje się do innej strony internetowej

    2. Stwórz stronę, która odwołuje się do innego pliku html

    3. Stwórz własną stronę z przejściami między podstronami

  6. Grafika

    1. Stwórz stronę, na której umieścisz grafikę

    2. za pomocą stylów css zmodyfikuj rozmiar grafiki

Bootstrap 3.x/4.x

Stworzone wcześniej strony zmodyfikujemy pod framework HTML5 Bootstrap - https://bs4.kursbootstrap.pl/tutorial/

Powyższe zadania implementujemy za pomocą frameworku Bootstrap.

results matching ""

    No results matching ""