listy - Kurs HTML i CSS
HTML5 / Wykaz z numeracją odwrotną <ol reversed>...Chrome 20) <ol reversed>...</ol> Atrybut logiczny (wstawiany bez wartości) reversed ustala odwrotną kolejność numeracji (...3, 2, 1) punktów listy uporządkowanej (wykazu). Numer, od którego rozpocznie się lista, zależy od liczby jej wszystkich punktów albo atrybutu start="..." (jeśli został ustawiony). Pytania i odpowiedzi <ol reversed start, li> Jak odwrócić numerację w HTML? Aby odwrócić numerację w HTML, można użyć atrybutu reversed w elemencie <ol>. Powoduje to, że lista...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...wersja językowa bieżącego dokumentu, która mimo wszystko powinna zostać wyświetlona, nawet jeśli użytkownik nie posługuje się żadnym językiem z listy Przykład <link "x-default"> <link rel="alternate" hreflang="pl" href="https://www.example.com/pl/"> <link rel="alternate" hreflang="en" href="https://www.example.com/en/"> <link rel="alternate" hreflang="x-default" href="https://www.example.com/"> Pytania i odpowiedzi <html lang> Jak ustawić język strony w HTML? Ustawienie języka...
- Tekst HTML / Adres <address>
...z autorem. Może to być np. adres e-mail lub zwykły adres pocztowy - o ile należy do autora artykułu. Nie należy stosować tego elementu do tworzenia listy adresów w formie książki adresowej. Blok taki nie uwzględnia tabulatorów, dodatkowych spacji ani znaków końca linii. W przeglądarkach najczęściej jest automatycznie napisany czcionką pochyłą. Przykład <address> Autor: Jan Kowalski jan.kowalski@example.com
- Komendy HTML 4.01 / DT
Termin listy definicyjnej (DL). Zobacz więcej... Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) STYLE="styl" Informacje...
Aktualizacja / System newsów...osoba, można podać domyślnego autora i ewentualnie e-mail. Dzięki temu nie trzeba będzie już tego robić podczas dodawania pojedynczych nowości do listy. Oczywiście jeżeli wybrane newsy będą dodane np. przez innego autora, wprowadzenie konfiguracji domyślnej w tym nie przeszkadza. Dla takich specjalnych pozycji będzie wystarczyło po prostu podać różniące się dane wprost przy dodawaniu newsów - domyślne ustawienia konfiguracji zostaną dla tych różniących się elementów nadpisane. Następnie w...
- Menu drzewiaste / Skrypt menu drzewiastego
...oparty na technice zagnieżdżania wykazów (tylko wypunktowanie, czyli lista nieuporządkowana <ul>...</ul>). Sposób zagnieżdżania kolejnych punktów listy będzie automatycznie odzwierciedlał strukturę drzewa menu. Oto przykładowy kod: <ul id="tree0" class="tree"> <li><a href="...">Dokument 1</a></li> <li><a>Folder 2</a> <ul> <li><a href="...">Dokument 2.1</a></li> <li><a href="...">Dokument 2.2</a></li> </ul> </li> <li><a>Folder 3</a> <ul> <li><a href="...">Dokument 3.1</a></li>...
- Tekst HTML / Zagnieżdżanie wykazów
...</ol> Pytania i odpowiedzi <ul, ol, li> Co można uzyskać poprzez zagnieżdżanie wykazów? Pozwala to stworzyć wykaz wielopoziomowy w postaci listy punktów głównych z podpunktami niższego poziomu. Każdy kolejny poziom wykazu zwykle jest bardziej przesunięty w prawo. Jak zrobić listę w liście HTML? Aby stworzyć wielopoziomowe wypunktowanie lub numerację, należy umieścić element wykazu podrzędnego <ul>...</ul> lub <ol>...</ol> wewnątrz znacznika <li>...</li> wykazu nadrzędnego.
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
...Otwarta skrzynka pocztowa z podniesioną chorągiewką 📬 📭 Otwarta skrzynka pocztowa z opuszczoną chorągiewką 📭 📮 Skrzynka na listy 📮 🗳 Urna z głosem 🗳 Pisanie ✏ Ołówek ✏ ✒ Czarna stalówka ✒ 🖋 Lewe-dolne wieczne pióro 🖋 🖊 Lewy-dolny długopis 🖊 🖌 Lewy-dolny pędzel malarski 🖌 🖍 Lewa-dolna kredka 🖍 📝 Notatka 📝 Biuro 💼 Aktówka, teczka 💼 📁...
- Ikony (symbole) / Typowe akcje
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 Koło konta account_circle account_circle Informacje info info Widoczność visibility visibility Miesiąc kalendarza calendar_month calendar_month Harmonogram schedule schedule Ostrzeżenie warning warning Pomoc help help Język language...
- Ikony (symbole) / Formatowanie tekstu
...cloud_upload Szkic draft draft Podsumuj summarize summarize Rysować draw draw Gazeta newspaper newspaper Kopia pliku file_copy file_copy Widok listy view_list view_list Dodaj notatkę note_add note_add Usługi projektowe design_services design_services Książka book book Kolor obramowania border_color border_color Historia edukacyjna history_edu history_edu Formatuj cytat format_quote format_quote Oczekujące akcje pending_actions pending_actions Dodaj post post_add post_add Poproś...