type - Kurs HTML i CSS
Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type(CSS 3 - interpretuje Internet Explorer 9, Firefox 3, Opera, Chrome) Pierwszy element wybranego typu: selektor:first-of-type { cecha: wartość } rodzic > dziecko:first-of-type { cecha: wartość } Ostatni element wybranego typu: selektor:last-of-type { cecha: wartość } rodzic > dziecko:last-of-type { cecha: wartość } Jedyny element wybranego typu: selektor:only-of-type { cecha: wartość } rodzic > dziecko:only-of-type { cecha: wartość } Selektorem, rodzicem oraz dzieckiem może być...
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
Spis treści :nth-child :nth-last-child :nth-of-type :nth-last-of-type Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type Cykl Okres Przesuniecie początkowe Odwrotna kolejność Zapis Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type (CSS 3 - interpretuje Internet Explorer 9, Firefox 3, Opera, Chrome) Dzieci: dziecko:nth-child(cykl) rodzic > dziecko:nth-child(cykl) Dzieci - począwszy od ostatniego...
- Wykazy CSS / Typ stylu wykazu {list-style-type}
Spis treści {list-style-type} Typ stylu wykazu {list-style-type} Znakowy typ stylu wykazu Alfabetyczny typ stylu wykazu Numeryczny typ stylu wykazu Typ stylu wykazu {list-style-type} selektor { list-style-type: typ } Selektorem mogą być znaczniki dotyczące wykazów: ul - wypunktowanie, ol - wykaz numerowany oraz li - pojedynczy punkt wykazu [zobacz: Wstawianie stylów]. Natomiast "typ" odpowiada za wygląd wyróżnika (markera) wykazu. Należy zamiast niego wpisać dowolny z poniżej...
- Komendy CSS 2 / list-style-type
WARTOŚĆ disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit OPIS Typ stylu wykazu INICJALIZACJA disc ZASTOSOWANIE elementy wykazu DZIEDZICZENIE tak PROCENTY nie MEDIA visual
Wyszukiwarka / Możliwość wyboru...świecie W serwisie/W Polsce Światowy/Polski Internet Lista rozwijalna <form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <select name="lr"> <option value="">Na świecie</option> <option value="lang_pl">W Polsce</option> </select> <input type="submit" value="Szukaj"> </form> Przykład Na świecie W Polsce Pole opcji <form action="https://www.google.pl/search" method="get"> <input...
Formularze HTML / Pole wyboru <input "checkbox">...Klawisz skrótu <input "checkbox" accesskey> Dynamiczne blokowanie pól formularza Pole wyboru <input "checkbox"> <form action="..."> <input type="checkbox" name="nazwa" value="wartość">Tu wpisz opis pola </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania), która nie powinna być zbyt długa. Zostanie ona później wysłana wraz z formularzem. Natomiast jako "wartość" podaj treść danej odpowiedzi. Zostanie ona również dołączona do formularza. Wszystkie...
- HTML5 / Filmy i dźwięk <video, audio, source>
...<audio src="lokalizacja pliku">Treść alternatywna</audio> Odtwarzacz wielu formatów wideo: <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) Treść alternatywna </video> Odtwarzacz wielu formatów audio: <audio> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) Treść alternatywna </audio> gdzie: lokalizacja pliku...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...Dopełnienie numerów wykazu @counter-style {pad} System rozszerzony @counter-style {system: extends} Anonimowy typ stylu wykazu {list-style-type: symbols} Niestandardowy typ stylu wykazu @counter-style (CSS 3 - interpretuje Firefox 33, Opera 77, Chrome 91) Język CSS udostępnia szerokie możliwości ustalania typu wykazu. Są to zarówno wykazy z wyróżnikami (markerami) graficznymi jak i różnorodne style numeracji. Co jednak zrobić, jeśli żaden z wbudowanych rodzajów nie spełnia...
- Formularze HTML / Przykład formularza HTML
...Natomiast pozwalają zorientować się, czego dotyczy fragment kodu poniżej nich. <form action="mailto:twój_adres_poczty@domena" method="post" enctype="text/plain"><div> <!-- Podstawowe pole tekstowe --> <input name="Imię">Podaj swoje imię<br> <input name="Nazwisko">Podaj swoje nazwisko <!-- Pole typu RADIO --> <p>Podaj swoją płeć:</p> <input type="radio" name="Płeć" value="Kobieta">Kobieta <input type="radio" name="Płeć" value="Mężczyzna">Mężczyzna <!-- Pole typu RADIO --> <p>Ile masz...
- Formularze HTML / Pole tekstowe <input "text">
...text" readonly> Blokada pola <input "text" disabled> Tabulator <input text tabindex> Pole tekstowe <input "text"> <form action="..."> <input type="text" name="nazwa"> </form> lub <form action="..."> <input name="nazwa"> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania), która nie powinna być jednak zbyt długa! Zostanie ona później wysłana wraz z formularzem. Atrybut name="...", powinien być unikalny w obrębie formularza, tzn. żadne dwa pytania w...