Jak przekonwertować obraz na kod HTML

click fraud protection
Pisanie rąk na klawiaturze

Ręce mężczyzny na klawiaturze komputera

Źródło obrazu: JatinderKumar/iStock/Getty Images

Za pomocą zaledwie kilku fragmentów kodu HTML możesz osadzić obraz na dowolnej stronie internetowej, wiadomości e-mail lub innym internetowym dokumencie HTML lub XML. Chociaż nie można „przekonwertować” obrazu na kod HTML, można go zapisać lokalnie lub pod określonym adresem internetowym, a następnie wyznaczyć dla niego miejsce w dokumencie HTML. Możesz także określić, ile pikseli powinien mieć obraz, zarówno w pionie, jak iw poziomie. Czytaj dalej, aby dowiedzieć się, jak przekonwertować obraz na kod HTML.

Krok 1

Wybierz obraz. Może to być dowolny obraz o dowolnej wielkości.

Wideo dnia

Krok 2

Zapisz obraz lokalnie lub online. Oznacza to, że możesz zapisać go na swoim komputerze lub pod określonym adresem internetowym. Jeśli chcesz, aby inne osoby mogły zobaczyć obraz online, musisz przesłać obraz na serwer WWW. Użyj serwera swojej witryny lub, jeśli nie masz witryny, spróbuj użyć programu Picasa lub innej aplikacji do przechowywania i udostępniania obrazów. Zanotuj adres URL, pod którym zapisane jest zdjęcie.

Krok 3

Otwórz dokument HTML. Użyj tagu obrazu i dokładnego adresu URL miejsca przechowywania obrazu: . Spowoduje to osadzenie obrazu w dokumencie HTML. Gdy użytkownik otworzy ten dokument za pomocą przeglądarki internetowej lub innego programu, pojawi się obraz.

Krok 4

Dostosuj szerokość obrazu tak, jak chcesz, pod względem pikseli. Ponownie użyj dokładnego adresu URL miejsca przechowywania obrazu. Na przykład, http://example.com/image.jpg" szerokość=400>. Spowoduje to rozciągnięcie lub zmniejszenie istniejącej szerokości obrazu do 400 pikseli.

Krok 5

Dostosuj wysokość obrazu tak, jak chcesz, pod względem pikseli. Na przykład, . Spowoduje to rozciągnięcie lub zmniejszenie istniejącej wysokości obrazu do 700 pikseli.

Krok 6

W razie potrzeby połącz regulację szerokości i wysokości. Na przykład, .

Krok 7

W razie potrzeby zmień obraz w link. Użyj tagu kotwicy z osadzonym tagiem obrazu. Na przykład, .