element - Kurs HTML i CSS
Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}...mieli poziomów zagnieżdżenia? CSS daje na to prostą receptę - automatyczną numerację, czyli możliwość dowolnego określania sposobu numerowania elementów, np.: Punkty główne: 1., 2., 3.,... Podpunkty: 1.1., 1.2., 1.3.,... 2.1., 2.2., 2.3.,... 3.1., 3.2., 3.3.,... Podpunkty drugiego rzędu: 1.1.1., 1.1.2., 1.1.3.,... 1.2.1., 1.2.2., 1.2.3.,... 2.1.1., 2.1.2., 2.1.3.,... 2.2.1., 2.2.2., 2.2.3.,... i tak dalej... Automatyczna numeracja w CSS korzysta z tzw. liczników, które są podobne...
Tekst HTML / Pozioma linia <hr>...się różnić w zależności od przeglądarki. Przykład <hr> Przykład Pytania i odpowiedzi <hr "border-width"> Co to jest HR w HTML? Jest to element wstawiający na stronie poziomą linię (ang. horizontal rule). Możemy jej użyć np. aby rozdzielić sąsiednie części rozdziału, które co prawda różnią się od siebie tematycznie, ale nie tak bardzo, aby podzielić je na osobne rozdziały. Jak pogrubić HR? W większości przeglądarek pozioma linia domyślnie składa się z dwóch przylegających do...
- Tekst HTML / Źródło <cite>
...cytatów - do tego nadaje się znacznik <q>...<q> (krótki cytat) lub <blockquote>...</blockquote> (blok cytowany). Ponadto zgodnie z językiem HTML5 elementu <cite>...</cite> nie można używać do oznaczania autora, a jedynie samego tytułu utworu. Przykład <cite> Więcej informacji znajduje się w opracowaniu <cite>HTML 4.01 Specification</cite> Więcej informacji znajduje się w opracowaniu HTML 4.01 Specification
- Odsyłacze HTML / Blokada indeksowania odsyłaczy <a "nofollow, ugc, sponsored">
Spis treści <a "nofollow, ugc, sponsored"> Blokada indeksowania wybranych odsyłaczy <a "nofollow"> Treść tworzona przez użytkowników <a "ugc"> Linki sponsorowane <a "sponsored"> Blokada indeksowania wybranych odsyłaczy <a "nofollow"> <a href="http://adres strony" rel="nofollow">...</a> <a href="https://adres strony" rel="nofollow">...</a> Polecenie określa sposób zachowania się robotów-indekserów, czyli specjalnych programów zbierających informacje o stronach w Internecie...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...wcześniej obszarów, ale zostaje umieszczony pod nimi. Pytania i odpowiedzi <img usemap, map id> Co to jest mapa odsyłaczy? Mapa odsyłaczy to element używany w języku HTML do tworzenia klikalnych obszarów na obrazkach, które prowadzą do różnych lokalizacji na stronie internetowej. W jaki sposób przypisać mapę odsyłaczy do obrazka w HTML? W tym celu do znacznika obrazka należy dodać atrybut usemap="#...", a do znacznika mapy odsyłaczy - odpowiadający mu atrybut id="...". Na...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...Dlaczego nie tabele? Szablon strony na DIV-ach Po lekturze rozdziału pt. Menu w CSS powinny być Ci już znane praktyczne możliwości stylizacji elementów stron internetowych. Wiesz już zapewne, dlaczego rozwiązanie oparte o CSS jest najkorzystniejszym wyborem przy tworzeniu menu nawigacyjnego. Dlaczego zatem ograniczać się tylko do menu, kiedy można przecież zyskać jeszcze więcej, projektując całą stronę w ten sam sposób: Wyobraź sobie, że po roku działalności strony zechcesz całkowicie...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...wewnątrz znacznków wierszy (<tr>...</tr>)! Liczba komórek w każdym wierszu powinna być taka sama. Zwracam uwagę, że w obrębie tabeli tekst i inne elementy można wstawiać tylko wewnątrz znaczników komórek i ewentualnie tytułu tabeli, a nie poza nimi! Poza obrębem tych znaczników można umieszczać tylko ściśle określone elementy, które zostaną szczegółowo opisane w tym rozdziale. Zatem poniższy kod będzie nieprawidłowy: <table> Tabela... <tr> <b><td>...</td></b> <td>...</td> </tr> <br> <tr>...
- Układ wielokolumnowy CSS / Atrybuty mieszane kolumn {columns}
...interpretuje Internet Explorer 10, Firefox 52, Opera 11-12 i 37, Chrome 50) selektor { columns: wartości atrybutów } Selektorem może być dowolny element blokowy z wyjątkiem tabel [zobacz: Wstawianie stylów]. Jako "wartości atrybutów" można podać samą wartość szerokości kolumny, tylko liczbę kolumn lub obie wartości rozdzielone spacją. Ustalenie wartości auto usuwa kolumny. Polecenie jest przydatne, jeżeli chcemy skrócić zapis. Możemy też dzięki niemu szybko usunąć podział na kolumny...
- Dobre praktyki / CSS Zorientowane Obiektowo
...WWW (tak, możesz spojrzeć również na stronę, którą właśnie czytasz 🙂). Zwykle zawiera ona m.in.: nagłówek menu artykuł stopkę Każdy z tych elementów z naszego punktu widzenia jest właśnie obiektem. Obiekt CSS to wizualnie samodzielny element strony. Artykuł potrafi wyświetlić się poprawnie bez nagłówka ani stopki serwisu. Taki sposób przedstawiania elementów strony jest dla człowieka bardziej intuicyjny niż pojmowanie jej jako zbiór wielu DIV-ów, SPAN-ów i innych znaczników...
PrzeglądarkiKażdy webmaster z pewnością zastanawiał się, czy wybrany element HTML lub CSS będzie poprawnie wyświetlany we wszystkich popularnych przeglądarkach. Teraz można to szybko sprawdzić w jednym miejscu - w poniższym zestawieniu. Szczegółowe informacje znajdziesz w odpowiednich sekcjach opisujących działanie tych elementów w przeglądarkach.