Obrazy, linki w kodzie html.
GRAFIKA
Chcąc wstawić do strony obrazek, należy użyć znacznika:
<img src=”nazwa obrazka z rozszerzeniem”>
Znacznik ten nie ma znacznika zamykającego. Zaleca się, aby pliki graficzne zapisywane były jako pliki typu GIF lub JPEG.
RODZAJ WYRÓWNANIA
align=”left” – wyrównanie do lewej strony
align=”right” – wyrównanie do prawej strony
align=”center – wyśrodkowanie
align=”justify” – wyjustowanie
Wstawienie dowolnego rysunku i umieszczenie go na środku strony.
<p align=”center”> <img src=”rysunek.jpg”>
LINKI
Link, inaczej łącze hipertekstowe czy odsyłacz, jest to wyróżniony w pewien sposób obiekt (tekst, rysunek), po wybraniu którego zostanie otworzony inny dokument.
Do tworzenia hiperłącza do innego dokumentu służy następujący znacznik:
<a href=”obiekt”> treść hiperłącza </a>
gdzie obiekt oznacza nazwę lub adres URL pliku, który ma zostać otwarty przez przeglądarkę, a treść hiperłącza to tekst lub rysunek aktywizujący hiperłącze.
Przykład:
Po kliknięciu na Podstrona do okna przeglądarki zostanie załadowany dokument podstrona.html.
Przykład:
Po kliknięciu na Podstrona do okna przeglądarki zostanie załadowany dokument podstrona.html.
Przykład:
Po kliknięciu na Portal edukacyjny w oknie przeglądarki pojawi się strona www.ostrowski.g12.czest.pl.
Przykład:
W tym przypadku stronaotworzy się po kliknięciu na rysunek.jpg.
Przykład:
Użycie opcji target spowoduje, że dokument zostanie wyświetlony np. w nowym oknie przeglądarki.
<a href=”podstrona.html” TARGET=”_blank”></a>
Przykład:
Tworzenie odsyłacza do poczty elektronicznej (skrzynki e-mail):
<a href=”mailto:adres@e_mail”> E-mail <a>
Przykład:
Tworzenie odsyłacza e-mail do obrazka:
<a href=”mailto:adres@e_mail”> <img src=”poczta.jpg”> </a>
Kategoria: Informatyka, Notatki z informatyki, Strony internetowe
