Jak wstawić obraz w HTML: 6 kroków

Dodaj zdjęcia na stronie internetowej lub strony internetowej społecznościowej - wspaniały sposób na udekorowanie strony. HTML (HyperText Markup Language) ma wiele funkcji do programowania stron internetowych, ale kod wymagany do wstawiania obrazów jest niezwykle prosty.

Kroki

Metoda 1 z 1:

Włóż obraz w HTML

jeden. Sprawdź obraz do bezpłatnego hostingu, takiego jak Photobucket lub Tinypic, umożliwiając korzystanie z zasobów przez inne serwery. W niektórych miejscach jest zabronione, ponieważ wymaga przepustowości i miejsce na serwerze.

Jeśli masz płatne konto hostingowe, pobierz tam obraz. Jest to bardziej wiarygodne niż bezpłatna strona.

Obraz zatytułowany Wstaw obrazy z HTML Krok 2

2. Otwórz nowy dokument w edytorze tekstu (na przykład w notatniku) lub stronie na stronie lub profilu, w którym można zmienić HTML.

Obraz zatytułowany Wstaw obrazy z etapem HTML 3

3. Zacznij od tagu img. Etykietka img Pojedynczy, czyli nie potrzebuje tagu zamykającego, chociaż osiągnąć zgodność ze standardami XHTML, możesz dodać przestrzeń i slash.

Obraz zatytułowany Wstaw obrazy z etapem HTML 4

cztery. Jest wiele dostępnych przedmiotów, ale tylko absolutnie konieczne:Src. Wskazuje na obrazę lub obraz adresu URL.

Obraz zatytułowany Wstaw obrazy z etapem HTML 5

pięć. Następnie musisz dodać przedmiot Alt. Odpowiada za tekst, który zostanie wyświetlony, jeśli obraz z jakiegoś powodu nie uruchomi się. Ten tekst może również używać użytkowników niewidomych za pomocą programów czytania ekranu.

Jeśli najeżdżasz na kursor do obrazu, to tekst zapasowy zostanie pokazany w wyjaśnieniu działania, ale tylko w programie Internet Explorer. Rozwiązanie Crossbraser (działa w Firefoksie itd.) - Użyj elementu Tytuł Oprócz Alt. Nie rób tego, jeśli nie chcesz wyjaśniać działań.

Na przykład:

Obraz zatytułowany Wstaw obrazy z HTML Krok 6

6. Teraz elementy Wysokość i szerokość Możesz ustawić rozmiary obrazu, a także określić piksele lub procenty. Zwróć uwagę, zmieniając rozmiar, zmienisz rozmiar wyświetlanego obrazu, przeglądarka nadal pobiera rozmiar źródła obrazu. Jeśli Twój obraz jest zbyt duży, a następnie zmień swój rozmiar w programie edytora obrazu, będzie pasować do PicResize.Com

Rada

Wartość tych elementów jest wskazywana w pikselach lub jako procent od 1 do 100.
Możesz umieścić zdjęcie lub obraz w dowolnym miejscu na stronie internetowej z górną, dolną, środkową, prawą, lewą i t.RE.
Element HSpace służy do tworzenia pustej przestrzeni poziomej z obrazu, w lewo lub w prawo. Element VSpace - z góry lub dołu.
Nie zatrzymuj się z obrazami, wszystko będzie wyglądać losowo i nieprofesjonalne.
W przypadku logo i kreskówki pasują do obrazów GIF, dla złożonych obrazów takich jak wysokiej jakości zdjęcia, lepiej jest używać JPEG.

Gif obrazy Obsługują 8-bitowy kolor do 256 kolorów. Korzystanie z tego formatu dla zdjęć, jak stracisz coś.
Gif obrazy wspierają przezroczystość. Może jeden trochę przejrzystości, czyli jeden kolor może być przejrzysty.
Alternatywna jest również obsługiwana, t.MI. Nawet przed pobraniem użytkownik może ocenić, jak wygląda obraz.
Format GIF obsługuje również animację.

Ostrzeżenie

Nie Hotllink!