Contact me:

Sekcja piąta


Lekcja pierwsza w tej sekcji dotyczy formatowania tekstu.
Ten natomiast jest pogrubiony - BOLD.
Ten napisany jest jako kursywa.
Ten tekst jest podkreślony.
Ten tekst jest przekreslony.
Ten tekst jest combem wszystkich powyższych możliwości.
Ten tekst napisany jest rozmiaru 15.
Ten tekst napisany jest kolorem czerwonym.
Ten tekst ma wielkość 13, kolor pomarańczowy i czcionkę Arial.

Można robić indeks górny lub indeks dolny.

Tak wygląda nagłówek h1.

A tak wygląda nagłówek h6.

Bartosz Marczyński
Cytowanie w HTMLu jest proste - wygląda właśnie tak.

Sporo tego w lekcji pierwszej.


Lekcja druga mówiła o listach.

  1. Tak
  2. właśnie
  3. robi się
  4. listę - ol i li
  • Tak się robi
  • listę
  • od punktow - nieponumerowaną.
Lista definicji dl
robi się ją używając dl.
Definiowane pojęcie dt
robi się poprzez dt, a dd daje opis definicji.
Fieldset Jest to własnie coś takiego. Używa się fieldset, a potem legend, by nazwać opisywaną rzecz.


Lekcja trzecia mówi o tabelkach. Stworzę sobie przykładową tabelkę.

Wykaz sekcji kursu HTML (stan na 11.02.2021r)
Numer sekcji Czas trwania % wykonania
Pozostała ilość sekcji: 37
1 5min 100%
2 31min 100%
3 15min 100%
4 1h 10min 100%
5 2h 43min 43%


Lekcja czwarta dotyczy obrazków. Obrazek dodaje się poprzez tag img oraz atrybut src, wskazujący na ścieżkę do obrazka.


Niestety, piesek się nie załadował...


Lekcja piąta dotyczy odnośników, czyli linków. Widzisz je u dołu lub o góry strony, kiedy możesz cofnąć się do strony głównej. Można ustawić atrybut target, który pozwoli na otwarcie strony na tej samej lub w nowej karcie. Targetować można daną część strony - trzeba odnieść się do tagu a z odpowiednią nazwą, a w targecie napisać #nazwa. Dodatkowo, ustawiając target na np. nazwaną ramkę, kliknięcie linku otworzy stronę w tej właśnie ramce. O ramkach więcej w kolejnej lekcji.


Lekcja szósta dotyczy ramek. Podobno się ich nie używa, więc nie stworzę tu ramki, ale opiszę po króce jak się je robi. Tworzy się je tak: tag frameset tworzy zbiór ramek, a samo frame tworzy ramkę. Ważne, że ramki tworzy się zamiast tagu body, jednak wypada wstawić tagi noframes i body ... gdyby przypadkiem przeglądarka nie obsługiwała ramki. Można manewrować ramkami, np. tworzyć kolumny oraz od razu określić ich poziom wypełnienia strony (pikselami lub lepiej procentami; gwiazdka pozwala na wybranie pozostałej reszty pola). Atrybut src pozwala określić co jest w danej ramce, czyli np. inna strona.

Między ramkami widać linię. Można ustawić jej nieprzesuwalność atrybutem noresize. Idąc o krok dalej, można w samym framsecie ustawić kolor, grubość itp oddzielajacej linii. Tak jak wspomniałem wyżej, ramki można wyklorzystać do otwierania w nich stron. Zerknij na koniec podsumowania lekcji piątej a dowiesz się o co chodzi.



Lekcja siódma dotyczyła formularzy, czyli dośc przydatna sprawa. Formularze tworzy się tagiem form, a następnie wypisuje 3-4 atrybuty: action, method, enctype i accept-charset.
Wejścia ankiety tworzy się tagiem input. Jest mnóstwo możliwych typów, które zobaczysz poniżej. Wypada określić name oraz value tych typów. Stworzę taką prostą ankietę, wykorzystując poznane tagi i ich atrybuty.

Imię (type - text):
Hasło (type - password):
Płeć (type - radio): Mężczyzna Kobieta
Wiek (tag select -> option):
Znane języki programowania (type - checkbox):



Dużo ciekawych informacji dowiedziałem się w tej lekcji.

W tej sekcji nauczyłem się NAJWAŻNIEJSZYCH TAGÓW W HTMLu. Kolejna sekcja dotyczy FUNDAMENTÓW CSS.

This page was created by Bartosz Marczyński