Obrazy, linki w kodzie html.

9 marca 2013 | Autor Więcej

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:

<a href=”podstrona.html”> Podstrona</a>
Po kliknięciu na Podstrona do okna przeglądarki zostanie załadowany dokument podstrona.html.

Przykład:

<a href=”podstrona.html”> Podstrona</a>
Po kliknięciu na Podstrona do okna przeglądarki zostanie załadowany dokument podstrona.html.

Przykład:

<a href=”http://creative.ostrowski.czest.pl”> Portal edukacyjny</a>
Po kliknięciu na Portal edukacyjny w oknie przeglądarki pojawi się strona www.ostrowski.g12.czest.pl.

Przykład:

<a href=”http://creative.ostrowski.czest.pl”> <img src=”rysunek.jpg”></a>
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>

Tagi: ,

Kategoria: Informatyka, Notatki z informatyki, Strony internetowe

Comments are closed.