HTML to język znaczników używany do tworzenia stron internetowych. Może służyć do dostosowywania wyświetlania różnych elementów, w tym obrazów. Ustawienie wyświetlania obrazów w HTML odbywa się za pomocą specjalnego tagu.
Instrukcje
Krok 1
Otwórz plik HTML za pomocą edytora tekstu, którego używasz do edycji stron internetowych. Jeśli nie masz pliku HTML, utwórz go, klikając lewym przyciskiem myszy na pulpicie lub w wymaganym folderze, a następnie kliknij menu „Nowy” - „Dokument tekstowy”. Wpisz nazwę pliku i dodaj rozszerzenie html po kropce. Następnie ponownie kliknij dokument prawym przyciskiem myszy i wybierz „Otwórz za pomocą” - „Notatnik”. Zobaczysz pusty dokument, w którym możesz umieścić kod HTML.
Krok 2
Aby utworzyć obraz w HTML, używany jest znacznik, który należy umieścić w sekcji do wyświetlenia. Na przykład:
Obraz w HTML
Krok 3
Znacznik jest niezamykający i nie wymaga znacznika zamykającego. Jego głównym parametrem, którego należy użyć, jest src, który określa ścieżkę do żądanego pliku obrazu. W tym wierszu możesz określić zarówno pełną (z https://), jak i względną ścieżkę (na przykład /pictures/img.jpg) do pliku obrazu, który chcesz umieścić.
Krok 4
Kolejnym ważnym parametrem jest alt, który określa nazwę obrazu i jego identyfikację na stronie. Ta nazwa pojawi się, gdy użytkownik najedzie myszą na obraz.
Krok 5
Możesz także użyć atrybutów szerokości i wysokości, aby ustawić parametry obrazu. Pierwsze ustawienie odpowiada za długość, a drugie za wysokość obrazu na stronie. Ten parametr jest podawany w pikselach. W ten sposób można ustawić tag & img>:
Krok 6
Za pomocą tego znacznika tworzony jest obraz, do którego ścieżka jest zapisana w atrybucie src. Gdy najedziesz kursorem na zdjęcie, zobaczysz komunikat „nazwa zdjęcia”. W tym przypadku obraz będzie miał 300 pikseli szerokości i 250 pikseli wysokości. Możesz ustawić wszystkie powyższe parametry, jak chcesz.
Krok 7
Zapisz zmiany w pliku za pomocą funkcji „Plik” - „Zapisz”. Otwórz dokument w przeglądarce, aby sprawdzić, czy obraz został pomyślnie utworzony w HTML. Aby to zrobić, kliknij plik prawym przyciskiem myszy i wybierz sekcję „Otwórz za pomocą”, a następnie kliknij wiersz z nazwą przeglądarki. Tworzenie obrazu HTML zostało zakończone.
