HTML5


Listy pomagają w usystematyzowaniu treści na stronie i można wypunktować najważniejsze elementy. Listy służą również do tworzenia menu. W HTML mamy do wyboru listy nieuporządkowane, listy uporządkowane oraz listy definicji. Większość znaczników HTML, jak również nazwy funkcji i metod w językach programowania, tworzy się od nazw angielskich odpowiednich tłumaczeń. Listy […]

HTML5 – listy


Na potrzeby tej lekcji poznacie selektor background-color, który służy do ustawiania tła elementu. Kolory definiujemy na kilka sposobów, najczęstsze z nich to: rgb, rgba /* kolor bez przezroczystości zawiera tylko 3 argumenty RGB*/ background-color: rgb(52, 117, 117); /* jeżeli chcemy dodać przezroczystość, dodajemy też 4ty argument "A", który określa stopień […]

Kolory


Semantyka w programowaniu to precyzyjnie określenie znaczenia poszczególnych symboli oraz ich funkcji w programie. SECTION, ARTICLE <section> treść </section> sekcja jest elementem służącym do tworzenia szkieletu strony, sekcja zawiera tematyczną treść, może zawierać nagłówki. Nie stosuje się jej do formatowania wyglądu danej części strony – do tego służy <div>. Możemy […]

HTML 5 – znaczniki semantyczne SECTION, ARTICLE, ASIDE, HGROUP, HEADER, ...



Elementy liniowe zajmują na stronie tyle miejsca ile mają zawartości. Obok danego elementu liniowego może występować inny. Elementy liniowe mogą zawierać tekst lub inne elementy liniowe. Elementy liniowe nie wymuszają nowego wiersza. Lista elementów liniowych: <a><abbr><acronym><b><bdo><big><br><button><cite><code><dfn><em><i><img><input><kbd><label><map><object><output><q><samp><script><select><small><span><strong><sub><sup><textarea><time><tt><var>

HTML5 – elementy liniowe


Elementy blokowe zajmują całą powierzchnię danej linii, w której występują. Wymuszają tym samym, że kolejne elementy strony nie znajdą się na tym samym poziomie co element blokowy. Elementy blokowe mogą zawierać w sobie zarówno elementy liniowe jak i blokowe. Elementy blokowe domyślnie zaczynają się od nowej linii. Lista elementów blokowych: […]

HTML5 – elementy blokowe


przykład do ćwiczenia
Poznaliście już budowę nagłówka strony: <head> Teraz zajmiemy się sekcją <body>. Pomiędzy tagami <body></body> umieszczamy wszystko co tworzy naszą stronę. Za chwilę poznacie tagi formatujące tą zawartość. Pamiętajcie że sekcja <body> występuje RAZ na stronie, jeżeli chcecie użyć poniższych właściwości dodawajcie je kolejno po spacji. Umieszczone tutaj tagi wykorzystujemy pomiędzy […]

HTML5 – Formatowanie tekstu