type - Kurs HTML i CSS
Nagłówek i treść HTML / Ikona strony <link "shortcut icon">...z podanych ikon będzie odpowiednia, zostanie wybrana ostatnia z wymienionych. Na przykład: <link rel="icon" href="favicon.ico" sizes="16x16 32x32" type="image/vnd.microsoft.icon"> <link rel="icon" href="favicon.png" sizes="16x16" type="image/png"> <link rel="icon" href="favicon48.png" sizes="48x48" type="image/png"> <link rel="icon" href="favicon72.png" sizes="72x72" type="image/png"> <link rel="icon" href="favicon96.png" sizes="96x96" type="image/png"> <link rel="icon" href="favicon144.png...
- Komendy HTML 4.01 / INPUT
Tworzy kontrolki w formularzu (FORM). Zobacz więcej... Atrybuty: ACCEPT="typy" Lista typów zawartości rozdzielonych przecinkami, które serwer obsługuje poprawnie ACCESSKEY="znak" Przypisuje klawisz dostępu do elementu ALIGN="ustawienie" Poziome ustawienie (wyrównanie) z uwzględnieniem otoczenia (zdeprecjonowane): center - wyśrodkowanie justify - wyrównanie do obu marginesów jednocześnie left - wyrównanie do lewej right - wyrównanie do prawej ALT="tekst" Tekst alternatywny CHECKED...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...wysyłać formularz, 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ą...
- HTML5 / Responsywny obrazek <picture, source>
Spis treści <picture, source> Wstęp Dopasowanie formatu <picture, source type> Dopasowanie kadru <picture, source media> Wstęp (interpretuje: Firefox 38, Opera 25, Chrome 38) Znamy już sposób wstawienia obrazka na stronę za pomocą znacznika IMG. Niestety istnieją przypadki, kiedy jest on niewystarczający. Najczęściej ma to związek z urządzeniami mobilnymi. Trudno spodziewać się, że to samo zdjęcie będzie równie dobrze wyglądać zarówno na dużym ekranie laptopa i na niewielkim...
- Tekst HTML / Wykaz <ul, ol, li>
...trzeci</li> </ol> wyświetlanie: w bloku Przykład <ol, li> Punkt pierwszy Punkt drugi Punkt trzeci Wykaz numerowany - różne typy <ol type="rodzaj numeracji"> <li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ol> gdzie jako "rodzaj numeracji" należy podać: "1" (domyślny) - numeracja według liczb arabskich "I" - według dużych liczb rzymskich "i" - według małych liczb rzymskich "a" - według małych liter "A" - według dużych liter Przykład <ol type, li>...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...w tak zaznaczonym polu formularza. Chociaż typowym zastosowanie atrybutu autofocus są pola i przyciski formularza - takie jak: INPUT (z wyjątkiem type="hidden"), SELECT, TEXTAREA, BUTTON - to tak naprawdę można go użyć dla dowolnego znacznika. Może to poprawić dostępność strony, doświadczenia użytkownika czy funkcjonalność nawigacji. Częstym zastosowanie może być również użycie go w połączeniu z atrybutem contenteditable="true". Przykład <input autofocus> <form action="?" method="post">...
- Formularze HTML / Przycisk <button>
<button type="rodzaj">Treść przycisku</button> gdzie "rodzaj" określa typ przycisku i można tutaj podać: "submit" - przycisk wysłania formularza (domyślnie) "reset" - przycisk wyczyszczenia danych "button" - zwykły przycisk Wprowadza na ekran przycisk. Polecenie to jest zbliżone do przycisków: wysłania oraz wyczyszczenia formularza, a także do: <input type="button" value="napis">. Jednak pozwala ono dodatkowo, wprowadzić do przycisku grafikę, tabelkę i inne elementy - wystarczy umieścić...
- HTML5 / Zmienione elementy i atrybuty HTML5
...A, BUTTON, DETAILS, EMBED, IFRAME, LABEL, SELECT, TEXTAREA, AUDIO (z atrybutem controls), IMG (z atrybutem usemap="..."), INPUT (z atrybutem type="..." innym niż "hidden"), MENU (z atrybutem type="toolbar"), OBJECT (z atrybutem usemap="..."), VIDEO (z atrybutem controls). Szczególnego podkreślenia wymaga, że jest to niezwykle pomocna zmiana. Dzięki niej, mając np. listę artykułów z tytułami, skróconymi wprowadzeniami i zdjęciem, nie trzeba już wstawiać trzy razy tego samego linku przy...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...Internet Explorer 6, Firefox 2, Opera 10, Chrome 17) Cały formularz: <form autocomplete="autouzupełnianie">...</form> Wybrane pole: <input type="typ" autocomplete="autouzupełnianie"> Lista rozwijalna: <select autocomplete="autouzupełnianie">...</select> Obszar tekstowy: <textarea autocomplete="autouzupełnianie">...</textarea> autouzupełnianie Można podać: on - autouzupełnianie aktywne (domyślnie) off - autouzupełnianie nieaktywne typ Należy użyć dowolnego pola...
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?...HTML dokumentu. Może to potrwać nieco dłużej niż w przypadku użycia atrybutu async. XHTML W języku XHTML skrypty osadzamy następująco: <script type="text/javascript"> // <![CDATA[ /* Tutaj umieść kod skryptu. */ // ]]> </script> oraz <script type="text/javascript" src="plik.js"></script> W przypadku XHTML 1 możliwe jest dodatkowo użycie jedynie atrybutu defer: <script defer="defer" type="text/javascript" src="plik.js"></script> W XHTML5 można również użyć async="async". HTML 4.01...