wstawienie obrazka - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">...<a href, img src alt "border"> Jak zrobić, aby obrazek był linkiem? Najłatwiejszym sposobem umieszczenia odsyłacza obrazkowego na stronie jest wstawienie obrazka wewnątrz znacznika odsyłacza. Odnośniki obrazkowe można tworzyć dla wszystkich typów odsyłaczy: do podstrony, do adresu internetowego i pocztowych. Na przykład jeśli plik zdjęcia nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odsyłacz obrazkowy, można...
- 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...
Oprawa graficzna / "Duszki" CSS...treści. Stanowią one uzupełnienie artykułów redakcyjnych i powinny być osadzane za pomocą standardowego znacznika IMG. Technicznie niewykonalne jest wstawienie na siatkę z "duszkami" wzorka, który następnie zostanie powielony, tworząc tło graficzne. Tutaj jedynym możliwym rozwiązaniem jest umieszczenie grafiki w osobnym pliku, lecz zwykle takich przypadków nie jest wiele. Jeżeli natomiast chodzi o tła graficzne powielane tylko w jednym kierunku - poziomo lub pionowo - możemy je zgrupować na...
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 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 do swojej strony z poprzedniej lekcji...
- HTML dla zielonych / Znaczniki HTML
...tła, rodzaj 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...
- 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ż...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...HTML. Jak dodać arkusz stylów do HTML? Najczęściej spotykanym sposobem jest zapisanie arkusza stylów CSS w osobnym pliku, a następnie wstawienie odniesienia do niego w nagłówku dokumentu HTML. Na przykład jeśli plik arkusza stylów nazywa się "style.css" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, można się posłużyć następującym znacznikiem: <link rel="stylesheet" href="style.css">. Polecenie to należy wstawić w dowolnym miejscu sekcji...
- Menu w CSS / Pionowe menu
...margin: 0; padding: 0; } W efekcie uzyskamy: Czcionki Tekst Tło Marginesy Obramowanie W niektórych przeglądarkach nie jest konieczne wstawienie wszystkich powyższych deklaracji, jednak tylko taki zestaw właściwie gwarantuje uzyskanie zamierzonego efektu w każdych warunkach. Teraz mamy już przygotowany teren do właściwej stylizacji. Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul { width: 200px; }...
- Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia
...Czas trwania: 45 minut Cele szczegółowe Uczeń wstawia obrazki do strony. Uczeń tworzy odsyłacze do innych stron. Materiały Wstawienie obrazka HTML Odsyłacze HTML Przebieg 10 min - Wprowadzenie do znaczników <img> i <a> Wyjaśnienie atrybutów: src="...", alt="...", href="...", target="_blank" (nowe okno). 20 min - Praca praktyczna Uczniowie wstawiają obrazek na stronie. Tworzą link do innej strony i do adresu e-mail. 10 min - Analiza błędów i zapisanie pracy 5 min...