Wstawianie obrazków i odsyłaczy na stronie

1. Wstawianie obrazków i odsyłaczy na stronie

2. Wstawianie obrazków <imgsrc="ścieżka dostępu" alt="Tekst alternatywny" /> gdzie jako "ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek. Natomiast w miejsce "Tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej przeglądarce internetowej).

3. Obrazek o określonych rozmiarach: <imgsrc="ścieżka dostępu" alt="Tekst alternatywny" width="x" height="y" /> gdzie jako "x" oraz "y" należy wpisać odpowiednio: długość i wysokość obrazka w pikselach. <imgsrc="ścieżka dostępu" alt="Tekst alternatywny" width="x%" height="y%" /> • Natomiast jako "x%" oraz "y%" należy wpisać odpowiednio: długość i wysokość obrazka w procentach ekranu.

5. Obrazek z obramowaniem <imgsrc="ścieżka dostępu" alt="Tekst alternatywny" border="n" /> • gdzie jako "n" należy wpisaćgrubość obramowania(w pikselach).

6. Obrazek o określonym ustawieniu względem tekstu: <imgsrc="ścieżka dostępu" alt="Tekst alternatywny" align="rodzaj" /> gdzie jako "rodzaj" należy wpisać: • "left" - obrazek ustawiony po lewej stronie względem otaczającego go tekstu • "right" - obrazek po prawej stronie względem tekstu • "top" - tekst ustawiony na górze obrazka • "middle" - tekst ustawiony na średniej wysokości względem obrazka • "bottom" - tekst ustawiony na dole obrazka (domyślnie)

8. O określonej odległości od tekstu: <img src="ścieżka dostępu" alt="Tekst alternatywny" hspace="x" vspace="y" /> gdzie "x" oznacza poziomą odległość w pikselach, a "y" pionową odległość(również w pikselach)

9. Wszystkie obrazki najlepiej powinny być zapisane w jednym z trzech formatów: • GIF - dla rysunków składających się z mniej niż 256 kolorów, np. przyciski menu i inne "ręcznie" rysowane ozdobniki. Format ten obsługuje przezroczystość. • JPG - dla zdjęć wielokolorowych. Nie obsługuje przezroczystości. • PNG - pozwala zapisywać z bardzo dobrą jakością zarówno ręcznie rysowane grafiki jak i zdjęcia. Obsługuje kompresję oraz zarówno pełną przezroczystość jak i półprzezroczystość. Niestety zwłaszcza ta ostatnia własność może nie być interpretowana przez starsze przeglądarki (np. MSIE 6.0). Format BMP może nie być wcale lub jest bardzo słabo skompresowany, dlatego należy unikać jego stosowania! Nieodpowiedni dobór formatu graficznego może być przyczyną nawet kilkukrotnego zwiększenia rozmiaru pliku albo znacznego pogorszenia jakości obrazu. Dlatego jeśli nie wiesz który wybrać, przetestuj wszystkie.

10. ODSYŁACZE

11. Do podstrony (w obrębie tego samego serwisu) • Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML i zawiera treść, która dość znacznie różni się tematycznie od pozostałych.

12. Odsyłacz do podstrony – c.d. <a href="względna ścieżka dostępu">opis</a> • gdzie jako "względna ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się podstrona, do której chcemy się przenieść. • W miejsce wyrazu "opis" wpisujemy krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi uruchomienie odsyłacza (ścieżka dostępu pojawia się jedynie na pasku statusu przeglądarki).

13. Do etykiety • Etykieta - inaczej zakładka lub kotwica (ang. anchor) - to pewne zaznaczone miejsce na stronie. Jeśli zdefiniujemy taką zakładkę, będziemy mogli się później do niej bezpośrednio przenosić. Etykiety są wykorzystywane, gdy w jednym dokumencie znajduje się więcej ważnych miejsc - podrozdziałów, a wstawienie ich do osobnych plików, byłoby uciążliwe, ze względu na ich liczbę.

14. Odsyłacz do etykiety • Jeśli chcemy używać etykietę, najpierw należy ją zdefiniować w wybranym miejscu strony za pomocą polecenia: <a name="nazwa_etykiety"></a> • Następnie możemy się do niej odwoływać, zarówno z tej samej jak i z innej strony, za pomocą zwykłych odsyłaczy: <a href="(ścieżka do strony)#nazwa_etykiety">opis odsyłacza</a>

15. Odsyłacz do adresu internetowego <a href="http://adres strony">opis</a> • W miejsce "adres strony" należy podać pełny adres internetowy strony, do której chcemy się przenieść (np.: www.onet.pl). • Adres strony internetowej zawsze musi rozpoczynać się od http://

16. Odsyłacz pocztowy (e-mail) <a href="mailto:adres e-mail">opis</a> • gdzie jako "adres e-mail" należy podać adres poczty elektronicznej osoby, do której ma zostać wysłany list (np.: jan_kowalski@example.com).

17. Odsyłacz obrazkowy <a href="adres"><imgsrc="ścieżka dostępu do obrazka" alt="tekst alternatywny" /></a> • gdzie jako "ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek.