obrazka - Kurs HTML i CSS
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...
- 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...
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...
- 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...
- 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...
- Tło CSS / Przycinanie tła {background-clip}
...jest również określenie kilku wartości przycinania - kiedy wstawiamy w tle więcej niż jeden obrazek: selektor { background-clip: przycinanie obrazka 1, przycinanie obrazka 2,... } Przykład {background-clip} border-box padding-box content-box