obrazka - Kurs HTML i CSS
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...
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...
- 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...
- 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
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...w HTML i jak je wstawiać. 10 min - Omówienie wstawiania obrazków HTML 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 Jak nadać tekstowi pogrubienie, kursywę i inne style. Przykłady praktyczne wstawiania i łączenia tych znaczników. 10 min - Ćwiczenie praktyczne: strona z obrazkiem i...
- 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ż...
- Komendy HTML 4.01 / BODY
...Kolor aktywnych odsyłaczy, czyli takich, które zostały wybrane przez użytkownika (zdeprecjonowane) BACKGROUND="adres" Wskazuje adres obrazka, który będzie wstawiony sąsiadująco jako tło strony (zdeprecjonowane) BGCOLOR="kolor" Kolor tła (zdeprecjonowane) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa...
- Komendy HTML 4.01 / INPUT
...szerokość kontrolki w pikselach lub w znakach (gdy TYPE="text" lub TYPE="password") SRC="adres" Gdy TYPE="image", to podaje lokalizację obrazka, który ma być użyty do ozdobienia przycisku graficznego STYLE="styl" Informacje stylów (CSS) TABINDEX="liczba" Określa pozycję elementu w kolejności wybierania tabulatorem TITLE="tekst" Tekst pomocniczy TYPE="typ" Typ kontrolki: button - przycisk checkbox - przełącznik (pole wyboru) file - selektor plików hidden - ukryta...