obrazka - Kurs HTML i CSS
HTML5 / Filmy i dźwięk <video, audio, source>...W ich przypadku brak atrybutu playsinline nie wywoła żadnego efektu. poster W przypadku odtwarzacza VIDEO możliwe jest ustawienie statycznego obrazka, który wyświetli się w oknie odtwarzania, zanim użytkownik włączy w nim odgrywanie właściwego filmu. Można w ten sposób umieścić np. pierwszą znaczącą klatkę z filmu. Jako wartość tego atrybutu należy podać lokalizację pliku graficznego. preload Określa, które części pliku multimedialnego powinny zostać pobrane przez przeglądarkę, nawet...
- Podcast HTML / #8 Formularze HTML
...tekstowy: <input type="submit" value="wartość">. Atrybut value określa napis na przycisku. Przycisk obrazkowy: <input type="image" src="ścieżka do obrazka" alt="informacja alternatywna">. Atrybut alt dostarcza tekst, gdy obrazek się nie wyświetli. Przesyłanie wartości przycisku: jeśli przycisk wysyłania ma atrybut name="nazwa", jego wartość jest przesyłana tylko wtedy, gdy ten przycisk został kliknięty do wysłania formularza. Wyczyszczenie danych Wyświetla przycisk, którego naciśnięcie...
Definicje / Atrybut...W języku HTML może to być np. href elementu A, określający lokalizację zasobu sieciowego albo src elementu IMG, wskazujący lokalizację pliku obrazka.
- Menu w CSS / Poziome menu
...przekroczyć 200px. Jeśli spodziewasz się, że może się tutaj znaleźć dłuższy tekst, musisz utworzyć szerszą grafikę zakladka2.gif. Lewy narożnik obrazka zakładki został wstawiony w tle pozycji listy (bez powielania), natomiast grafika ze środkiem i prawym narożnikiem znalazła się w tle odnośników. Odnośniki muszą być wyświetlone w bloku, ponieważ inaczej grafiki zakładek nie pokrywałyby się (alternatywnie można przypisać pozycjom listy taki sam pionowy margines wewnętrzny jak odnośnikom)...
- Odsyłacze HTML / Komunikatory internetowe <a "gg, skype, xmpp, icq">
...alt="Gadu-Gadu"> gdzie jako styl należy podać liczbę 1. Jeżeli podamy 2, zamiast obrazka zostanie zwrócona liczba odzwierciedlająca status użytkownika: 1 - "niedostępny", 2 - "dostępny", 3 - "zaraz wracam". Skype <a "skype"> <a href="skype:użytkownik">opis</a> <a href="skype:użytkownik?akcja">opis</a> akcja call - rozmowa głosowa chat - rozmowa tekstowa add - dodaj do kontaktów userinfo - profil użytkownika voicemail...
- Dobre praktyki / Przykazania webmastera
...w tle elementów strony - przy pomocy stylów CSS. Dzięki temu uzyskasz możliwość przygotowania odrębnego wyglądu w postaci skórek, a raz wstawionego obrazka img już nie da się w żaden sposób podmienić (bez zmiany jego atrybutu src="..."). Zawsze wypełniaj atrybut alt="..." dla ilustracji Pamiętaj, że z Twojej strony mogą korzystać również osoby niewidome. A nawet jeśli nie, to właściwy tekst alternatywny może pomóc w podniesieniu pozycji Twojej strony w wynikach wyszukiwarek sieciowych...
- Komendy CSS3 / Kształty CSS
...<image> Inicjalizacja none Zastosowanie elementy z oblewaniem (float) Dziedziczenie nie Media visual shape-image-threshold Wybór pikseli obrazka obszaru oblewania Wartość <number> Inicjalizacja 0.0 Zastosowanie elementy z oblewaniem (float) Dziedziczenie nie Media visual shape-margin Margines obszaru oblewania Wartość <length> | <percentage> Inicjalizacja 0 Zastosowanie elementy z oblewaniem (float) Dziedziczenie nie Media visual
Skórki...border="0"></a> /style.css Lokalizacja arkusza stylów skórki. zrzut ekranu Obrazek ze zrzutem ekranu skórki. Oczywiście w miejsce znacznika obrazka <img> można wstawić również zwykły tekst. Nazwa skórki Tekst alternatywny dla przeglądarek niegraficznych. Jeżeli struktura katalogów serwisu nie jest płaska, tzn. poszczególne podstrony znajdują się w podkatalogach, konieczne będzie podanie bezwzględnej ścieżki dostępu do arkusza CSS, ponieważ wpisana tutaj ścieżka musi być poprawna...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...10 min - Omówienie wstawiania obrazków HTML (możesz się posłużyć podcastem) Wyjaśnienie tagu <img> i jego atrybutów: src="..." - ścieżka do pliku obrazka, alt="..." - tekst alternatywny. Dodatkowo omówienie atrybutów takich jak width="..." i height="...". 10 min - Formatowanie tekstu: pogrubienie, kursywa, podkreślenie (możesz się posłużyć podcastem) Jak nadać tekstowi pogrubienie, kursywę i inne style. Przykłady praktyczne wstawiania i łączenia tych znaczników. 10 min - Ćwiczenie...
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
...na stronie internetowej są błędy literowe w nazwie pliku podstrony odnośnika albo niepoprawnie skonstruowana ścieżka dostępu [zobacz: Wstawienie obrazka]. Innym powodem może być pominięcie rozszerzenia nazwy pliku *.html albo *.htm. Mimo iż w niektórych systemach operacyjnych (np. Windows) rozszerzenia nazw plików mogą być ukrywane, podczas wstawiania odsyłacza do podstrony zawsze trzeba go podać. Przyczyną niewyświetlania się właściwej strony po kliknięciu w odsyłacz może być również...