HTML obrazu

Przykłady

Norwegian Mountain Trip

Spróbuj »

przykłady Online

Wstawianie obrazu
Ten przykład pokazuje, jak do wyświetlania obrazów na stronie internetowej.

Wstawianie zdjęć z różnych miejsc
Ten przykład pokazuje, jak różne folder lub serwer zdjęć do wyświetlania stron internetowych.

(Można znaleźć więcej przykładów na dole tej strony).

HTML obrazu - tag obrazu (<img>) oraz atrybut źródłowy (SRC)

W HTML, obrazy są określane przez znacznik <img>.

<Img> jest pusty, co oznacza, że ​​zawiera atrybuty, a nie zamykanie tag.

Aby wyświetlić obraz na stronie, należy użyć atrybutu źródłowy (SRC). src odnosi się do "źródła". Wartość atrybutu source jest URL obrazu.

Składnia obrazu zwyczaj:

URL odnosi się do miejsca do przechowywania obrazów. Jeśli obraz jest nazwany "boat.gif" znajduje www.w3school.com.cn katalogu obrazów, a następnie adres URL jest http://www.w3school.com.cn/images/boat.gif.

Przeglądarka wyświetli obraz w dokumencie, w którym pojawia się znacznik obrazu. Jeżeli umieścisz tag obrazu pomiędzy dwoma akapitami, przeglądarka wyświetli pierwszy akapit pierwszy, a następnie wyświetla obraz wyświetlany ostatni akapit drugi.

obrazy HTML - Alt Atrybut

Atrybut alt jest stosowane jako alternatywa definicji ciąg obrazów tekstowych wytworzone.

Wymień właściwości tekstu wartości są definiowane przez użytkownika.

Gdy przeglądarka nie może załadować zdjęcia, wymienić atrybuty tekstu powiedzieć czytelnikom tracą informacji. W tym przypadku, przeglądarka wyświetli tekst zastępczy zamiast obrazów. Obraz na stronie są połączone z właściwości text substytucji jest dobrym nawykiem, który przyczynia się do lepszej informacji na wyświetlaczu, jak i dla tych, którzy korzystają z przeglądarki zwykłego tekstu jest bardzo przydatna.

HTML Images - Ustawia wysokość i szerokość obrazu

wysokość (wysokość) i szerokości (szerokość) nieruchomości do ustawiania szerokości i wysokości obrazu.

Domyślna wartość atrybutu w pikselach:

Wskazówka: dobry wizerunek określonej wysokości i szerokości przyzwyczajenia. Zachowa on określony rozmiar, jeżeli wysokość obrazu jest określona szerokość, po załadowaniu strony. Jeśli nie określić rozmiar obrazu, to jest możliwe, gdy strona ładuje naruszyłoby ogólny układ stron HTML.

Podstawowe środki ostrożności - przydatne wskazówki:

Uwaga: Jeśli plik HTML zawiera dziesięć zdjęć, a następnie, aby prawidłowo wyświetlić tę stronę, trzeba załadować 11 plików.obraz obciążenia wymaga czasu, więc nasza rada jest: obraz ostrożnie.

Uwaga: Po załadowaniu strony, należy zwrócić uwagę, aby wstawić ścieżkę obrazu strony, jeśli pozycja obrazu nie mogą być ustawione poprawnie, przeglądarka nie może załadować obraz, znacznik wyświetlany obraz będzie zepsuty obraz.

Więcej przykładów

zdjęcia aranżacyjne
Ten przykład pokazuje, jak zorganizować obrazy w tekście.

pływające obrazy
Ten przykład pokazuje, jak sprawić, by pływak obrazu w lewo lub w prawo ust.

Ustawianie odnośnik
Ten przykład pokazuje, jak użyć obrazu jako link.

Tworzenie mapy obrazu
Ten przykład pokazuje, jak tworzyć mapy obrazów z obszarów klikalne. Każdy z tych regionów jest hiperłącze.

HTML tag obrazu