listy html - Kurs HTML i CSS
HTML5 / Filmy i dźwięk <video, audio, source>...Nie istniało standardowe API, dzięki któremu można by w prosty sposób wstawić na stronie odtwarzacz z własną skórką, realizować dynamiczne listy odtwarzania itp. Wymagały do działania zainstalowanych wtyczek (np. Adobe Flash Player), przez co czasem nadmiernie obciążały procesor, a przy tym nie były w ogóle obsługiwane przez wiele urządzeń mobilnych (smartfony, tablety). Dodatkowo wymagały od webmastera znajomości środowiska Adobe Flash (i zakup komercyjnej licencji) albo...
- I co dalej... / Wysłanie strony
...dokładnie! Jeśli do komputera, z którego korzystasz, mają dostęp również inne osoby, należy również koniecznie pamiętać o usunięciu połączenia z listy sesji. Jest to szczególnie ważne, jeżeli wprowadziłeś hasło w polu nr 5. Tylko w ten sposób mamy pewność, że nikt nie wejdzie na nasze konto WWW i np. nie wykasuje nam wszystkich plików! Aby usunąć połączenie z listy, kliknij na pasku narzędzi ikonę FTP, następnie zaznacz myszką nazwę sesji, która została przez Ciebie wprowadzona w punkcie...
- 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 / Słownik <dl, dt, dd>
...pojazd mechaniczny napędzany silnikiem.</dd> </dl> Pytania i odpowiedzi <dl, dt, dd> Co oznacza DL w HTML? Jest to element (znacznik) listy opisowej zawierającej pary elementów w postaci nazwy DT i przyporządkowanej jej wartości DD. Co to jest DT w HTML? Jest to element składowy listy opisowej DL reprezentujący termin lub inną nazwę, do której za pomocą elementu DD jest przyporządkowany jej opis, definicja lub wartość.
Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type...od trzeciego itd. Możliwe jest również wstawienie liczby ujemnej, co spowoduje rozpoczęcie odliczania jeszcze zanim rozpoczną się widoczne elementy listy, przy czym jeśli wynik po podstawieniu otrzymamy mniejszy lub równy zero, nie będzie to miało żadnego widocznego skutku. Podstawienie wartości B=0 po prostu rozpocznie odliczanie od elementu zerowego, przy czym widoczne skutki możemy zobaczyć dopiero przy drugim przebiegu cyklu, gdyż element zero nie istnieje. Odwrotna kolejność Wszystkie...
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>...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...domową danego serwera lub kontaktując się z administratorem serwera. Jeżeli Twój serwer nie obsługuje skryptów PHP albo funkcja mail wysyłająca listy elektroniczne jest zablokowana, jedynym rozwiązaniem dla Ciebie będzie skorzystanie z darmowych komponentów przetwarzających dowolne formularze i wysyłających wynik na wskazany adres e-mail. Jedyne co musisz w takim przypadku zrobić, to zarejestrować się w wybranym serwisie, który oferuje takie komponenty i założyć, a potem skonfigurować...
- Menu w CSS / Menu z nagłówkami
...Oczywiście takie menu może zawierać więcej niż jeden nagłówek. Aby mieć możliwość swobodnego stylizowania, usuwamy domyślne formatowanie listy: dl, dt, dd { display: block; margin: 0; padding: 0; } W efekcie uzyskamy: CSS Czcionki Tekst Tło Marginesy Obramowanie CSS Czcionki Tekst Tło Marginesy Obramowanie dl, dt, dd { display: block; margin: 0; padding: 0; } dl { width: 200px; } dt { background-color: #ccc; color: #000; padding...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...lub HTML5. Przeglądarki często posiadają wbudowaną funkcję automatycznego uzupełniania formularzy. Najczęściej odbywa się to w formie rozwijanej listy poniżej pól tekstowych, na którą użytkownik może przejść wciskając klawisz kursora w dół i zaakceptować wybór klawiszem Enter. Na liście wyświetlają się podpowiedzi, które użytkownik wcześniej wpisywał do tego pola. Nie zawsze jednak jest to korzystne. Jeżeli użytkownik na publicznie dostępnym komputerze (np. w bibliotece) wypełni formularz...