obrazka - Kurs HTML i CSS
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
- Tło CSS / Pozycja początkowa tła obrazkowego {background-origin}
...jest również określenie kilku wartości pozycji początkowej - kiedy wstawiamy w tle więcej niż jeden obrazek: selektor { background-origin: początek obrazka 1, początek obrazka 2,... } Przykład {background-origin} no-repeat; left top; border-box no-repeat; left top; padding-box no-repeat; left top; content-box
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
...Wielokrotne zaczepienie (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor { background-attachment: zaczepienie obrazka 1, zaczepienie obrazka 2,... } Jeżeli w tle wstawimy więcej niż jeden obrazek, możemy dla każdego z nich określić inny sposób zaczepienia. Jeżeli pominiemy ustawienie sposobu zaczepienia następnych obrazków, przejmą one ustawienia z pierwszego. Pytania i odpowiedzi Co to "background-attachment"? background-attachment to właściwość...
- Obramowanie CSS / Cień {box-shadow}
...rgba(0, 0, 0, 0.3);" dodaje cień z przesunięciem 3 piksele poziomo i pionowo, rozmyciem 5 pikseli i kolorystyką szaro-czarną. Jak zrobić cień z obrazka? Aby dodać cień do obrazka (<img>) w CSS, można użyć właściwości box-shadow. Przykład: <img src="obraz.jpg" style="box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5)" alt="Obrazek"> dodaje cień o przesunięciu 5 pikseli poziomo i pionowo, rozmyciu 10 pikseli oraz kolorystyce szaro-czarnej.
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
...krawędzi ramki nie może być zbyt skomplikowana. Obrazek obramowania {border-image-source} selektor { border-image-source: url(ścieżka dostępu do obrazka) } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "ścieżka dostępu do obrazka" należy podać miejsce, gdzie znajduje się obrazek, który chcemy wstawić jako obramowanie. Wpisanie "none" usunie obrazek. Ścieżkę dostępu należy konstruować względem lokalizacji...
Wykaz skryptów / Pozostałe skrypty...na stronie aktualnej daty. Nowość Sygnalizowanie nowości bezpośrednio w spisie treści lub na każdej ze stron, poprzez wyświetlenie specjalnego obrazka albo napisu. System newsów Automatyczny system wiadomości na stronie WWW, które są wyświetlane tylko przez określony czas. Skrypt posiada masę opcji konfiguracyjnych i atrakcyjny wygląd, a przy tym jest bardzo elastyczny w zastosowaniu. Nowe okno Automatyczne otwarcie nowego okna zaraz po załadowaniu strony albo po kliknięciu w link...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...Uczeń potrafi dodać obrazek i utworzyć odsyłacz. Rozumie znaczenie atrybutów src="...", href="...", alt="...". Materiały Wstawienie obrazka HTML Wyśrodkowanie obrazka Odsyłacz do podstrony Odsyłacz do adresu internetowego Odsyłacz obrazkowy Odsyłacz pocztowy Podcast HTML: #1 HTML dla zielonych Przebieg 5 min - Powtórzenie z poprzednich zajęć: budowa dokumentu HTML. 10 min - Pokaz na rzutniku: jak dodać obrazek + opis atrybutów. 15 min - Uczniowie wstawiają obrazek...
- HTML dla zielonych / Znaczniki HTML
...formatowania tekstu, wstawić obrazek czy tabelę itd. Znacznik nie jest widoczny na ekranie. Widoczne są tylko efekty jego działania (np. wstawienie obrazka). Ja sam aby umieszczony powyżej znacznik <b> był widoczny, musiałem się posłużyć pewną "sztuczką" (jeśli nie możesz wytrzymać i już teraz chcesz wiedzieć jaką, zajrzyj na stronę: Znaki specjalne). Ponieważ znaki: "<" (znak mniejszości) oraz ">" (znak większości) są zarezerwowane dla znaczników, nie powinny się one pojawić w normalnej...