obraz - Kurs HTML i CSS
Ikony (symbole) / Zdjęcie i obraz...Automatyczne historie auto_stories auto_stories Dodaj alternatywne zdjęcie add_photo_alternate add_photo_alternate Pędzel brush brush Tryb obrazów imagesmode imagesmode Natura nature nature Lampa błyskowa włączona flash_on flash_on Wb słoneczne wb_sunny wb_sunny Aparat camera camera Wygląd 1 looks_one looks_one Wyrównaj straighten straighten Krajobraz landscape landscape Timelaps timelapse timelapse Pokaz slajdów slideshow slideshow Przytnij do kwadratu crop_square...
- Ikony (symbole) / Komunikacja
...Zamień połączenia swap_calls swap_calls Skrzynka wychodząca outbox outbox Zablokuj połączenie telefonu phonelink_lock phonelink_lock Obraz w obrazie alternatywa picture_in_picture_alt picture_in_picture_alt Mówił spoke spoke Anuluj zaplanowane wysyłanie cancel_schedule_send cancel_schedule_send Głośność dzwonka ring_volume ring_volume Szybka odpowiedź quickreply quickreply Powiadomienia wstrzymane notifications_paused notifications_paused Dodatek czatu chat_add_on chat_add_on...
Aktualizacja / System newsów...Wystarczy spojrzeć i już można szybko przenieść się do nowych stron, klikając odpowiednie odsyłacze. Wymagana wiedza: Odsyłacze Wstawianie obrazków Podstawy stylów CSS (m.in. arkusze stylów) Aby wprowadzić system newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines...
Pozycjonowanie CSS / Ustawienie {float, vertical-align}...danego elementu względem elementów, które z nim sąsiadują. Dzięki temu możemy ustalić sposób "oblewania" tekstem elementu pływającego (np. obrazka). Przykład {float} float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float...
- Ikony (symbole) / Formatowanie tekstu
...Usuń folder folder_delete folder_delete Dodaj do Dysku add_to_drive add_to_drive Dodatek do formularzy forms_add_on forms_add_on Wyszukiwanie obrazu imagesearch_roller imagesearch_roller Plik wideo video_file video_file Widok dnia w kalendarzu calendar_view_day calendar_view_day Pobierz czcionkę font_download font_download Formatuj listę numerowaną Rtl format_list_numbered_rtl format_list_numbered_rtl Połącz wewnętrznie join_inner join_inner Wklej treść, idź content_paste_go...
- Media CSS / Zapytania mediów
...Zapytania mediów Kompatybilność wstecz Cechy mediów Szerokość Wysokość Szerokość urządzenia Wysokość urządzenia Orientacja Proporcje obrazu Proporcje obrazu urządzenia Głębia koloru Paleta kolorów Urządzenia monochromatyczne Rozdzielczość Technika wyświetlania Siatka Zapytania mediów (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) W dobie rozkwitu różnorakich urządzeń mobilnych, proste przygotowanie osobnych arkuszy CSS dla każdego medium może...
- HTML5 / Filmy i dźwięk <video, audio, source>
...w którym został zapisany plik. Szczególnie dla formatów wideo powinno się dodatkowo podać nazwę kodeków, za pomocą których został skonwertowany obraz i dźwięk (zobacz przykłady poniżej: Kodeki MP4, Kodeki OGG/OGV). Różnica pomiędzy odtwarzaczem wideo a audio jest tylko taka, że ten drugi nie udostępnia okna do wyświetlania obrazu. W odtwarzaczu wideo swobodnie można odgrywać również samą muzykę. Może to być przydatne np. aby wraz z dźwiękiem wyświetlić dodatkowe napisy zsynchronizowane...
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
<div style="text-align: center"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny"></div> gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Polecenie pozwala wyśrodkować obrazek, czyli ustawić go na środku ekranu. Dla...
- HTML5 / Dekodowanie obrazków <img decoding>
...dekodowanie Jedna z następujących wartości: sync - przeglądarka powinna wstrzymać przetwarzanie reszty strony, dopóki nie wyświetli obrazka. async - przeglądarka może wyświetlać pozostałe elementy strony w trakcie przetwarzania obrazka. auto - wartość domyślna (zależy od przeglądarki) Podpowiada przeglądarce, w jaki sposób najlepiej wyświetlić dany obrazek. Nadanie atrybutu decoding="sync" może spowolnić wyświetlanie całej strony - zwłaszcza w przypadku dużych...
- Typy MIME / Multipurpose Internet Mail Extensions
...określa nazwę programu, dla którego są przeznaczone dane) audio Dane audio (podtyp określa format audio) image Jeden lub więcej indywidualnych obrazów (podtyp określa format obrazu) text Materiały mające głównie formę tekstową video Zmienny w czasie obraz, możliwe że z dźwiękiem Podtypy mediów Każdy typ mediów definiuje określone podtypy, które może przyjmować. Drzewa rejestracji Nazwa podtypu może się rozpoczynać specjalnym przedrostkiem, który określa jego rodzaj (drzewo)...