03-30-2013, 01:59 PM
Ten wątek też jest skierowany do osób początkujących
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 :
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 :
Jeśli chcemy, dodać w naszym pliku drugą fotkę np fotka2.jpg nasz plik fotka.html będzie wyglądał następujaco:
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
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
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
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>