lista html - Kurs HTML i CSS
Menu w CSS / Menu z nagłówkami...mały problem, jeśli przed blokiem ma się wyświetlić nagłówek w formie tytułu działu. Istnieje inny element, który zapewnia taki podział pozycji - lista definicyjna (słownik). Specyfikacja HTML 4.01 podaje alternatywne zastosowania tego znacznika - np. do przedstawiania dialogu. Można zatem przyjąć, że lista definicyjna reprezentuje pozycje połączone ze sobą w taki sposób, że zawartość <dd>...</dd> stanowi rozwinięcie (uszczegółowienie) <dt>...</dt>, przy czym jedna pozycja może być...
HTML5 / Wykaz z numeracją odwrotną <ol reversed>...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 numerowana będzie wyświetlana w kolejności malejącej. Przykład: <ol...
- Selektory specjalne CSS / Klasy selektorów <... class>
Spis treści <... class> Klasy selektorów <... class> Lista klas Podzbiory klas Klasy selektorów <... class> selektor.klasa { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Klasa to wartość atrybutu class="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako...
- HTML5 / Filmy i dźwięk <video, audio, source>
...nigdy go nie użyć albo ewentualnie kiedy zależy nam na zminimalizowaniu transferu. metadata Pobiera tylko tzw. metadane zapisane w pliku (wymiary, lista ścieżek, czas trwania itp.) oraz możliwe, że kilka pierwszych klatek filmu. auto Przeglądarka może dowolnie pobierać plik - w szczególności załadować go w całości do pamięci, nawet jeśli nigdy nie zostanie odtworzony. width, height Zanim plik wideo albo jego metadane zostaną załadowane, przeglądarka nie zna właściwych wymiarów filmu...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...interpretuje Firefox 33, Opera 77, Chrome 91) @counter-style typ { system: additive; additive-symbols: symbole-addytywne; } Symbole-addytywne to lista rozdzielona przecinkami, w której każdy element składa się z pary dwóch wartości oddzielonych od siebie dowolnymi białymi znakami (np. spacją): liczba naturalna (dodatnia liczba całkowita) - określa wagę symbolu, czyli jego przelicznik na system dziesiętny symbol - powinien być ujęty w znaki cudzysłowu ("...") albo apostrofy ('...'), chyba...
- Nagłówek i treść HTML / Plik robots.txt
...Robots Exclusion Protocol). W głównym katalogu konta WWW - czyli tam, gdzie znajduje się dokument strony głównej serwisu (index.html) - należy umieścić specjalny plik pod nazwą robots.txt. W pliku tym umieszcza się tzw. rekordy - każdy zawiera grupę linijek w postaci: Pole: wartość Wielkość liter w nazwach pól nie ma znaczenia, natomiast zwykle ma znaczenie w wartościach pola. Oprócz typowych linijek możliwe jest również umieszczanie komentarzy, czyli tekstu, który nie...
- Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu
...dokumentów. Zacznijmy więc od przygotowania kodu HTML z odnośnikami, który będzie zupełnie pozbawiony formatowania: <ul> <li><a href="czcionki.html">Czcionki</a></li> <li><a href="tekst.html">Tekst</a></li> <li><a href="tlo.html">Tło</a></li> <li><a href="marginesy.html">Marginesy</a></li> <li><a href="obramowanie.html">Obramowanie</a></li> </ul> Rezultat bez stylizacji jest następujący: Czcionki Tekst Tło Marginesy Obramowanie Kod ten będzie wykorzystywany we wszystkich...
- Tekst CSS / Tryb pisania {writing-mode}
...linijka. Ponadto niektóre przeglądarki mogą układać pionowo również tekstowe elementy formularzy: To jest pierwsza linijka... obszar tekstowy lista rozwijalna opcja 1 opcja 2 lista rozwijalna opcja 1 opcja 2 ...a to jest kolejna linijka. Jeśli powyżej widzisz pola formularza ułożone poziomo, to znaczy, że Twoja przeglądarka nie obsługuje pionowego ich ułożenia.
Menu drzewiaste / Skrypt menu drzewiastego...miejscu strony - tam, gdzie ma się wyświetlać menu drzewiaste - wstaw kod 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>...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...przez co na Twoją skrzynkę e-mail mogłoby lądować sporo spamu. Jeżeli w formularzu takim znajdują się pola wyboru (<input type="checkbox">) albo lista rozwijalna z możliwością wyboru kilku opcji - typ rozszerzony (<select multiple>...</select>), na końcu nazwy każdego pola typu checkbox oraz w nazwie takiego elementu select, obowiązkowo należy postawić pusty nawias kwadratowy: []. Wewnątrz tych nawiasów nie może być żadnego znaku, nawet spacji! Na przykład: <p>Jaką lubisz muzykę (możesz...