Tryb drzewa | Tryb normalny

deros · (Ten post był ostatnio modyfikowany: 03-30-2013 02:08 PM przez deros.)

Ten wątek też jest skierowany do osób początkujących Uśmiech

Czym byłaby strona bez grafiki? teraz pokaże jak wstawić naszą graficzkę.
Zakładam, że mamy przygotowaną grafikę np. zdjęcie w pliku o nazwie fotka.jpg
tworzymy dokument html: fotka.html
w sekcji body pliku fotka.html wstawiamy :

Cytat: <img src="fotka.jpg">

po uruchomieniu w przeglądarce pliku fotka.html
powinniśmy zobaczyć nasz obrazek.
zadziała jedynie w przypadku, gdy oba pliki są w tym samym katalogu.
całkowity plik fotka.html w naszym przykładzie powinien wyglądać tak :

Cytat:<html><head><title>fotka</title></head><body><img src="fotka.jpg"></body></html>

Znacznik img jest znacznikiem, który nie jest zamykany!
Jeśli chcemy, dodać w naszym pliku drugą fotkę np fotka2.jpg nasz plik fotka.html będzie wyglądał następujaco:

Cytat:<html><head><title>fotka</title></head><body><img src="fotka.jpg"><img src="fotka2.jpg"></body></html>

dla każdej kolejnej fotki stosujemy kolejny znacznik img.
Oczywiście plik może mieć dowolną nazwę musimy ją wpisać w nawiasy po src= src to skrót od angielskiego słowa source (czyli źródło) i wskazuje na plik Oczko

Jak już wspomniałem pliki wyświetlą się jeżeli są w tym samym katalogu co plik html. jeżeli w naszym katalogu mamy jedynie plik fotka.html, oraz podkatalog fotki z obrazkami, spotka nas niemiła niespodzianka zamiast obrazka pojawi się w przegladarce krzyżyk.
Dzieje się tak dlatego, że przy braku wskazania katalogu domyślnym katalogiem jest ten, co uruchamiany z niego plik.
Aby, otworzyć fotki z podkatalogu fotki nasz plik musi wyglądać tak

Cytat:<html><head><title>fotka</title></head><body><img src="fotki/fotka.jpg"><img src="fotki/fotka2.jpg"></body></html>