CSS cz. 1

HTML i CSS Brak komentarzy do CSS cz. 1

Kod HTML strony WWW stosującej style zewnętrzne (plik index.html)

Style CSS (plik style.css) – plik który tworzymy oddzielnie np. w notatniku:

Przykład użycia stylu wewnętrznego:

Atrybut style (styl lokalny):

 Zadania:

Ćwiczenie 1.
Formatowanie akapitu p: krój czcionki- Courier New, styl- pochylenie, grubość- 500, rozmiar-20p.

ene1

Ćwiczenie 2.
Wykonaj stronę WWW zawierającą jeden akapit z tekstem Lorem ipsum. Stosując style zewnętrzne, sformatuj akapit tak, by miał duży margines oraz niebieską, wytłuszczoną czcionkę Georgia podwójnej wielkości.

ene2

Ćwiczenie 3.
Wykonaj stronę WWW zawierającą jeden akapit z tekstem Lorem ipsum. Stosując style wewnętrzne, sformatuj akapit tak, by miał duży margines oraz niebieską, wytłuszczoną czcionkę Georgia podwójnej wielkości.

Ćwiczenie 4.
Wykonaj stronę WWW prezentująca wyliczankę pt. Ene, due. Stosując style wewnętrzne, zmień cztery cechy tekstu: krój, wielkość, grubość, nachylenie.
W pustym szablonie strony WWW umieść jeden akapit tekstu przedstawiony na rys.1

Następnie w nagłówku strony, pomiędzy znacznikami <head> oraz </head>, dodaj style wewnętrzne z rys.2

Tak wygląda prawidłowo wykonane ćwiczenie:

ene

Ćwiczenie 5.
Wykonaj stronę internetowa wykorzystując składowe z ćwiczenia 4 stosując style zewnętrzne.

Rozwiązania:

Ćwiczenie 1

 Ćwiczenie 2

 

Author

Leave a comment

Search

Back to Top