stronie - Kurs HTML i CSS
HTML5 / Sekcja <section>...sposób wewnętrznie powiązana ze sobą tematycznie. Natomiast element SECTION tworzy nową sekcję w dokumencie, czyli odrębny tematycznie rozdział na stronie. Stosuj go zawsze, kiedy chcesz przekazać dodatkowe znaczenie semantyczne do objętej nim zawartości. Jak nazwać sekcje w HTML? Aby zatytułować sekcję, należy zaraz na jej początku wstawić dowolny znacznik tytułu nagłówkowego: H1, H2, H3, H4, H5 lub H6. Czy DIV to znacznik sekcji? Nie, element DIV nie jest sekcją. W języku HTML5...
- HTML5 / Szablon strony w HTML5
...objaśnione w rozdziale: Szablon strony na DIV-ach. Tam również znajdziesz praktyczne przykłady sposobów układania poszczególnych sekcji szkieletu na stronie. Objęcie całego szkieletu elementem DIV, jest poprawne, ponieważ w tym miejscu ma on na celu przygotowanie pojemnika, koniecznego do zmiany wyglądu całej strony (przy pomocy CSS). Właśnie do tego został przeznaczony ten element. Zwykle objęcie całej zawartości ciała dokumentu znacznikiem ARTICLE, nie jest najlepszym rozwiązaniem. Został...
- HTML5 / Uwydatnienie <mark>
...być również fragment, który jest dla nas szczególnie wartościowy lub naszym zdaniem zawiera główne przesłanie całego cytatu. Uwydatniając tekst na stronie, który nie jest cytatem, możemy przekazać użytkownikowi, że taki fragment może być dla niego szczególnie przydatny, biorąc pod uwagę czynności, które właśnie podjął. Na przykład jeżeli użytkownik właśnie użył wyszukiwarki w serwisie, w wynikach wyszukiwania możemy uwydatnić słowa, których szukał. Należy wyraźnie odróżnić znaczenie...
- HTML5 / Data i czas <time>
...dzień, a na końcu rok lub na odwrót), a także separatorów poszczególnych członów daty. Aby przekazać wszelkim automatom, że wybrany tekst na stronie jest datą lub/i czasem, wystarczy oznaczyć go za pomocą znacznika TIME. Trzeba jednak pamiętać, że w przypadku prostego oznaczenia <time>...</time> zawartość znacznika musi być zapisana w standardowym formacie, bo inaczej nie będzie mogła być poprawnie zinterpretowana. Natomiast jeżeli chcemy użytkownikom prezentować datę w przyjazny dla...
- HTML5 / Pasek postępu <progress>
...od 0 (zero) do maksimum. maksimum Maksymalna wartość, po osiągnięciu której zadanie uważa się za ukończone (100%). Pozwala wstawić na stronie standardowy pasek postępu, który przedstawia stopień ukończenia jakiegoś zadania. Umożliwia również wskazanie nieokreślonego stopienia postępu - gdy bardziej czasochłonne zadanie jest w trakcie wykonywania, lecz nie wiadomo, kiedy zostanie ukończone. W takim przypadku przeglądarki mogą wyświetlić na ekranie specjalny animowany pasek...
Tło CSS / Gradient liniowy {background: linear-gradient repeating-linear-gradient}...nim można utworzyć tło, w którym określone barwy będą łagodnie przechodzić pomiędzy sobą. Wcześniej jedyną możliwością wstawienia takiego efektu na stronie WWW było przygotowanie pliku graficznego i umieszczenia go jako tło obrazkowe. Jest to jednak rozwiązanie nieco kłopotliwe, gdyż każdą zmianę trzeba było przygotowywać w programie graficznym. Do tego taki plik graficzny z zapisanym gradientem mógł mieć niemałe rozmiary, niepotrzebnie wydłużając czas wczytywania strony w przeglądarce...
- Układ elastyczny CSS / Kontener elastyczny {display: flex inline-flex}
...tworzy się tzw. kontener elastyczny (ang. flex container), w którym dzieci układane są elastycznie. Sam kontener nie jest układany elastycznie na stronie, a jedynie jego dzieci. Wstawienie takiego kontenera przełącza tryb wyświetlania elementów w nim zawartych na układ elastyczny. Aby jakiekolwiek własności, opisane dalej w tym rozdziale, dały widoczny efekt, konieczne jest dodanie powyższego stylu do elementu, który ma wyznaczać układ elastyczny. Pytania i odpowiedzi {display: flex}...
Wstęp do JavaScript i ECMAScript / Różnice między ECMAScript a JavaScript...aplikacje web (w tym gry online) ActionScript - programowanie animacji wektorowych i gier online w technologii Flash node.js - język działający po stronie serwera (podobnie jak np. PHP) W tych językach jak najbardziej można tworzyć rzeczywiście działające aplikacje, a wszystkie one opierają się właśnie na ECMAScript. Dlatego zachęcam wszystkich do nauki języka, o którym śmiało można powiedzieć, że to właśnie w nim zaprogramowana jest sieć WWW. Bardzo duża objętość tematu nie daje...
Tabele HTML / ĆwiczeniaOtwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Umieść na stronie tabelę. Jeżeli tworzysz stronę o sobie, może to być np. lista Twoich ulubionych filmów. W tabeli możesz umieścić następujące kolumny: Gatunek Tytuł filmu Rok produkcji Ocena (w skali od 1 do 10) Odpowiednio oznacz komórki nagłówkowe tabeli za pomocą znaczników TH. Oddziel nagłówek tabeli od jej właściwej zawartości za pomocą znaczników THEAD i TBODY. Postaraj się, aby...
- CSS dla zielonych / Zaczynamy kurs CSS!
...podobne, bo to nieprawda. Zacznij już lepiej czytać. Mam tylko jedną prośbę: postaraj się przeczytać w miarę uważnie i po kolei całą treść na tej stronie. Jeśli pominiesz jakiś punkt lub przeczytasz go zbyt pobieżnie, może to spowodować, że nie zrozumiesz następnych.