audio - Kurs HTML i CSS
Formularze HTML / Selektor plików <input "file">...selektorze): Rodzina ogólna Oprócz tego w języku HTML5 można również określać ogólną rodzinę typu plików: image/* Obrazek w dowolnym formacie audio/* Muzyka w dowolnym formacie video/* Film w dowolnym formacie Przykład <input "file" accept> <input type="file" accept="image/*"> Wybierz obrazek w dowolnym formacie: Rozszerzenie pliku Język HTML5 pozwala również wprost wskazać rozszerzenie nazwy pliku. W takim przypadku należy jednak pamiętać, aby nazwa rozszerzenia była...
- HTML5 / Zmienione elementy i atrybuty HTML5
...DL Mogą być puste (nie zawierać żadnych elementów potomnych). Zmienione atrybuty accept Dla elementów INPUT pozwala użyć ogólnych wartości: "audio/*" (dowolny plik w formacie dźwiękowym), "video/*" (dowolny plik w formacie wideo), "image/*" (dowolny plik graficzny). accesskey Możliwość użycia listy klawiszy rozdzielonych spacjami, z których przeglądarka może wybrać najbardziej dla niej odpowiedni. action Nie może zawierać pustej wartości. border Dla znacznika TABLE może zawierać...
- Podcast HTML / #6 Multimedia HTML
...program Adobe Reader. Ostrzeżenia dotyczące <embed>: polecenie <embed> sprawia wiele kłopotów, a jego użycie jest niezalecane dla plików audio-wideo, ponieważ mają one swoje dedykowane elementy (AUDIO, VIDEO). Ponadto, pliki multimedialne mają duże rozmiary, co może potwornie wydłużyć czas wczytywania strony. Odsyłacz do pliku Najbardziej uniwersalną metodą odtwarzania plików multimedialnych, która działa w każdej przeglądarce i z każdym formatem plików (np. JPG, AVI, WAV, TXT...
- Ikony (symbole) / Sprzęt
...Zrzut ekranu tabletu screenshot_tablet screenshot_tablet Naciśnięcie przycisku zegarka watch_button_press watch_button_press Odbiornik audio-wideo audio_video_receiver audio_video_receiver Rozrusznik serca pacemaker pacemaker Blokada klawiatury keyboard_lock keyboard_lock Serwer osoba server_person server_person Wyświetlacze telewizora tv_displays tv_displays Stos chmury desktopowej desktop_cloud_stack desktop_cloud_stack Laptop w samochodzie laptop_car laptop_car...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
Spis treści <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object> Wstęp Odsyłacz do pliku <a "jpg, avi, wav, txt, doc, rtf, xls, pdf"> Zagnieżdżanie plików multimedialnych <object> Wstęp Polecenia multimedialne sprawiają wiele kłopotów. Na przykład <embed> ma tę zaletę, że skojarzony z nim plik będzie odtwarzany bezpośrednio na stronie. Niestety jest to również jego wadą. Pliki multimedialne mają zwykle duże rozmiary, dlatego wczytywanie takiej strony może trwać potwornie długo. Poza tym...
- Znaki specjalne HTML / Symbole - emotikony (emoji)
...♐ ♑ Znak zodiaku Koziorożec ♑ ♒ Znak zodiaku Wodnik ♒ ♓ Znak zodiaku Ryby ♓ ⛎ Wężownik ⛎ Symbole audio-wideo 🔀 Skręcone strzałki w prawo 🔀 🔁 Okrąg ze strzałek ułożonych zgodnie z ruchem wskazówek zegara w prawo i w lewo 🔁 🔂 Okrąg ze strzałek ułożonych zgodnie z ruchem wskazówek zegara w prawo i w lewo z nałożoną jedynką 🔂 ▶ Wskazujący w prawo czarny trójkąt ▶ ⏩ Wskazujący w prawo...
- HTML5 / Napisy do filmów <track>
Spis treści <track> Napisy do filmów <track> Rodzaj napisów WebVTT Ustawienia napisu Dialogi Formatowanie tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku...
- HTML5 / Nowe atrybuty HTML5
Język HTML5 definiuje nie tylko zupełnie nowe elementy (znaczniki), ale również dodatkowe atrybuty, które można przypisywać również do elementów, które były zdefiniowane już w specyfikacji HTML 4.01. Atrybuty Zastosowanie Opis allow IFRAME Polityka uprawnień, która ma zostać zastosowana do zawartości elementu IFRAME allowfullscreen IFRAME Czy pozwolić zawartości elementu IFRAME na użycie funkcji requestFullscreen() as LINK (rel="preload" lub rel="modulepreload") Potencjalny...
- HTML5 / Wstępne ładowanie <link "preload" as>
...rodzaj W zależności od języka, w którym wybrane zasoby zewnętrzne są używane, można podać następujące wartości: w języku HTML - audio, document (dokument HTML), embed, frame, iframe, image, object, track, video w języku CSS - font, style (zewnętrzny arkusz stylów oraz import arkusza stylów) w języku JavaScript - fetch, json, script w języku XML - xslt (ang. Extensible Stylesheet Language Transformations) typ Odpowiedni typ MIME lokalizacja Ścieżka dostępu albo...
- Ikony (symbole) / Ikony do pobrania
Spis treści Symbole Generator ikon Licencja Symbole Ikony (symbole) są nieodłącznym elementem nowoczesnych stron internetowych i aplikacji. Nadają projektom przejrzystość, ułatwiają nawigację oraz poprawiają estetykę wizualną. Wybór odpowiednich ikon może znacząco wpłynąć na odbiór strony przez użytkowników. Dlatego warto mieć pod ręką zestaw wysokiej jakości grafik. W dalszej części tego rozdziału znajdziesz listę darmowych ikon, które możesz pobrać i wykorzystać w swoich projektach...