obrazka - Kurs HTML i CSS
Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap><a href="adres"><img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" ismap></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Czasami obszary odsyłaczy...
Komendy CSS3 / Tło i obramowanie CSS...Inicjalizacja 0% 0% Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do powierzchni pozycjonowania tła minus rozmiar obrazka tła background-repeat Powtarzanie tła Wartość <repeat-style> Inicjalizacja repeat Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie background-size Rozmiary tła Wartość <bg-size> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do powierchni pozycjonowania tła border...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...np. menu z obrazkowymi przyciskami, należy w tym celu użyć następującego polecenia: <a href="adres"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" style="border: 0"></a> gdzie jako "adres" można podać: względną ścieżkę dostępu do dowolnej podstrony Twojego serwisu (np.: index.html), adres internetowy poprzedzony przez "http://" lub "https://" (np.: http://www.onet.pl), adres poczty elektronicznej poprzedzony przez "mailto:" (np...
- Multimedia HTML / Obrazek HTML <img>
...bez wyraźnego spadku jakości. Czasami zysk z użycia takiej kompresji jest dość znaczny, dlatego warto się tym zainteresować. Przed wstawieniem obrazka radzę zastanowić się, czy jest on absolutnie konieczny. Jeżeli chcesz umieścić na swojej stronie grafikę o znacznych rozmiarach, zawsze staraj się wcześniej pokazać miniaturkę, aby użytkownik mógł ocenić, czy chce czekać na załadowanie pełnowymiarowego obrazu (można to zrobić np. za pomocą galerii zdjęć). Przy przeglądaniu większej liczby...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...To pole jest zablokowane (disabled). Przycisk obrazkowy <input "image"> <form action="..."> <input type="image" src="ścieżka dostępu do obrazka" alt="informacja alternatywna"> </form> gdzie jako "ścieżka dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się obrazek, który ma zostać wyświetlony jako przycisk wysłania formularza. Natomiast zamiast "informacja alternatywna" można podać treść informacji, która powinna pojawić się w przypadku, gdy obrazek nie...
- Tło CSS / Pozycja tła obrazkowego {background-position}
...prawy-dolny róg dwie jednostki długości, z których pierwsza oznacza odległość od lewej krawędzi, a druga - od górnej Pozwala ustalić pozycję obrazka w tle. Polecenie to ma sens, tylko jeśli określimy równocześnie tło obrazkowe oraz ograniczymy jego powtarzanie (no-repeat, repeat-x lub repeat-y). Przykład {background-position} repeat-x; center repeat-y; center no-repeat; center no-repeat; top no-repeat; right top no-repeat; right no-repeat; right bottom no-repeat; bottom...
- HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>
...Edge 12, Opera 12.1, Safari 7) <input type="image" src="lokalizacja" width="szerokość" height="wysokość"> lokalizacja Ścieżka dostępu do obrazka szerokość wysokość Nieujemne liczby całkowite określające odpowiednie wymiary przycisku obrazka wyrażone w pikselach Język HTML5 uzupełnia coś, co zapewne zostało przeoczone podczas tworzenia specyfikacji HTML 4.01. Od teraz można już ustawiać rozmiary przycisku obrazkowego służącego do wysyłania formularza. Jeśli tego nie zrobimy...
- Komendy HTML 4.01 / Wykaz atrybutów
...się name BUTTON, TEXTAREA Nazwa pola name FORM Nazwa formularza dla skryptów name FRAME, IFRAME Nazwa ramki name IMG Nazwa obrazka dla skryptów name INPUT, OBJECT Wysyłane wewnątrz formularza name MAP (wymagany) Do odwołania przez 'usemap' name META Nawa informacji meta name PARAM (wymagany) Nazwa własności name SELECT Nazwa pola nohref AREA Ten obszar nie ma przypisanej akcji noresize FRAME Nie pozwala użytkownikom zmieniać rozmiaru...
- Oprawa graficzna / "Duszki" CSS
...zasługują ujemne wartości położenia tła obrazkowego "background-position: -16px -25px". Jak wiadomo, pierwsza z wartości określa poziomą odległość obrazka tła od lewej krawędzi elementu, a druga - pionową odległość od górnej krawędzi elementu. Współrzędne są liczone względem lewego-górnego narożnika obrazka. Dodatnie współrzędne odsunęłyby zatem obrazek w prawo i w dół - zgodnie z komputerowym układem współrzędnych (zobacz: Nakładanie). My jednak musimy wykonać przesunięcie w przeciwnym...
- Komendy HTML 4.01 / IMG
...LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) LONGDESC="adres" Odnośnik do długiego opisu obrazka NAME="nazwa" Nazywa element SRC="adres" Określa lokalizację obrazka STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy USEMAP="adres" Wiąże mapę odnośników (MAP) z elemenetm (wartość tego atrybutu musi zostać dopasowana do atrybutu NAME związanego elementu MAP) VSPACE="piksele" Odstęp powyżej i poniżej w...