temat - Kurs HTML i CSS
Sławomir Kokłowski (autor)...popularność dzięki swojej przystępnej formie i jasnym wyjaśnieniom. W kolejnych latach rozwijałem swoje materiały edukacyjne, dodając zaawansowane tematy oraz praktyczne ćwiczenia. Moje kursy są cenione za: Przystępność: nawet osoby bez wcześniejszego doświadczenia w programowaniu mogą łatwo zrozumieć prezentowane zagadnienia. Praktyczne podejście: każda lekcja zawiera konkretne przykłady i zadania, które pomagają uczestnikom zastosować zdobytą wiedzę w praktyce. Aktualność: regularnie...
CSS dla zielonych / Kolor odsyłaczy CSS {color} :hover...że jest to element interaktywny, który można kliknąć, aby przejść pod podany adres. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości nadawania wyglądu odsyłaczom na stronach internetowych, zobacz rozdziały: Odsyłacz podstawowy, Odsyłacz odwiedzony, Aktywacja, Wskazanie myszką. Pytania i odpowiedzi {color} :hover Jak zmienić kolor odnośnika w CSS? Na przykład jeśli chcemy, aby wszystkie hiperłącza na stronie były koloru czerwonego, to w...
HTML5 / Wstawka <aside><aside>...</aside> Wstawka reprezentuje sekcję na stronie, która jest tylko nieznacznie powiązana tematycznie z treścią elementu, w którym się znajduje. Jednocześnie gdybyśmy usunęli taką sekcję z dokumentu, zarówno sam artykuł jaki i wyrwana z kontekstu sekcja nie utracą sensu ani swojej wewnętrznej kompletności. Typowe przeznaczenie: cytaty umieszczone w treści artykułu w postaci osobno wyróżnionych bloków, bannery reklamowe, grupy linków nawigacyjnych. Element ten nie nadaje się do...
- Reguły specjalne CSS
...reguły specjalne rozpoczynają się zawsze znakiem "@". Poniżej znajdziesz skrócony opis wszystkich rodzajów reguł specjalnych CSS. Dokładniej na ich temat możesz przeczytać klikając odnośnik w kolumnie "Opis". Natomiast kolumna "CSS" zawiera poziom specyfikacji języka, w którym po raz pierwszy wybrana reguła została wprowadzona. Wzór Znaczenie Opis CSS @charset "wart"; strona kodowa Zewnętrzny arkusz stylów 2 @import "adr"; @import url(adr); import stylów z innego arkusza...
- CSS dla zielonych / Czcionka CSS {font-size, font-family}
...domyślnie występują w innych systemach operacyjnych (np.: Helvetica - podobna do Arial). Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy ustawianiu czcionek na stronach internetowych, zobacz rozdziały: Czcionki / Wielkość, Czcionki / Rodzaj. Pytania i odpowiedzi {font-size, font-family} Jak zwiększyć rozmiar czcionki? W tym celu najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklarację o odpowiedniej wartości. Na...
- CSS dla zielonych / Klasy selektorów CSS <div class>
...będzie miał kolor czarny (black), a po wskazaniu go myszą zmieni się na biały (white). Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości tworzenia klas CSS na stronach internetowych, zobacz rozdziały: Klasy selektorów, Selektor potomka. Pytania i odpowiedzi <div class> Co to jest selektor klasy? Selektor klasy pozwala przygotować w arkuszu stylów gotowy do użycia wygląd, a następnie ustawić go wielu elementom na stronie. Jest to bardzo wygodne...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...dowolnym programie graficznym z różnymi wzorkami - to może być naprawdę dobra zabawa 🙂 Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy ustawianiu tła obrazkowego na stronach internetowych, zobacz rozdział: Tło obrazkowe. Przykład {background, color} Poniżej znajdują się przykłady różnych grafik kafelków (aby były lepiej widoczne zostały powiększone i obramowane na czerwono) wraz z odpowiadającymi im tapetami. Zeszyt w kratkę To jest przykład...
- Nagłówek i treść HTML / Plik robots.txt
...Specyfikacja HTML 4.01 wyraźnie zabrania umieszczania kilku linii User-Agent jednej pod drugą, jednak standard (nieopracowany przez W3C) mówi na ten temat zupełnie co innego. Googlebot interpretuje wielokrotne linijki tego typu. Wielkość liter w nazwach robotów nie ma znaczenia. Lista istniejących robotów wyszukiwarek sieciowych znajduje się na stronie: The Web Robots Database. Zamiast nazwy robota można wpisać również znak gwiazdki ("*"), co wskazuje każdego istniejącego robota. Kiedy robot...
- Ikony (symbole) / Komunikacja
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Poczta mail mail Połączenie call call Powiadomienia notifications notifications Wyślij send send Czatuj chat chat Link link link Forum forum forum Inwentarz 2 inventory_2 inventory_2 Dymek czatu chat_bubble chat_bubble Telefon w trakcie...