Apache, a HTML i PHP

Zadanie:

Stwórz konto stronka i w katalogu

 public_html

utwórz plik

 index.html

Podstawowym tagiem w HTML jest <img/> dzięki któremu możemy osadzić grafikę na stronie internetowej. Podstawowa struktura <img/> wygląda następująco:

<img src="adres do pliku graficznego"/>

Najprostszym  sposobem linkowania jest linkowanie przy pomocy pełnego adresu:

<img src="http://zst.zbaszynek.pl/wp-content/themes/colorway/images/logo.png"/>

Tego typu linkowanie nie jest jednak w pełni funkcjonalne gdyż zależy od naszego adresu internetowego. Przy pisaniu aplikacji nie jesteśmy przewidzieć na jakiej domenie będzie instalowana nasza aplikacja.

Bardziej poprawną formą osadzania grafiki na stronie jest z wykorzystywaniem adres względnego.

Do stworzonego pliku index.html wstaw treść:

<html>
<head>
<title>Ćwiczenie: Apache, a HTML i PHP</title>
</head>
<body>
<h1>Ćwiczenie: Apache, a HTML i PHP</h1>
<h2>przykład 1</h2>
<img src="http://zst.zbaszynek.pl/wp-content/themes/colorway/images/logo.png"/>
<!-- nizje wstawiaj kolejne przykłady -->
</body> 
</html>

Najłatwiejszym sposobem linkowania zdjęć jest umieszczenie zdjęcia w tym samym katalogu co zdjęcie. Pobierz dowolne zdjęcie wrzuć do katalogu, w którym znajduje się plik index.html i dopisz kod poniżej:

<img src="nazwa_pliku.jpg"/>

Stwórz katalog gfx wrzuć tam obrazek i umieść w index.html następujący kod:

<img src="gfx/nazwa_pliku.jpg"/>

W public_html stwórz katalog test i umieść tam nowy plik index.html o takiej treści.

<html>
<head>
<title>Ćwiczenie: Apache, a HTML i PHP</title>
</head>
<body>
<h1>Ćwiczenie: Apache, a HTML i PHP</h1>
<h2>przykład 1</h2>
<img src="../nazwa_pliku.jpg"/>
<!-- nizje wstawiaj kolejne przykłady -->
</body> 
</html>

Aby podlinkować zdjęcie znajdujące się katalog wcześniej (bezpośrednio w katalogu public_html) wystarczy podać taką ścieżkę do  zdjęcia: ../nazwa_pliku.jpg.

Aby wstawić zdjęcie znajdujące się w katalogu gfx następującą scieżke do zdjęcia.

../gfx/nazwa_pliku.jpg

Czy możemy skorzystać z ścieżki bezwzględnej wykorzystywanej w linuksie?

/home/twojlogin/public_html/gfx/nazwa_pliku.jpg

Umieść zdjęcie w takim katalogu aby zdjęcie się wyświetliło.