Jaki jest właściwy sposób użycia znacznika obrazu HTML?
Obrazy są często dodawane do stron internetowych, aby wyglądały bardziej zachęcająco i interesująco w porównaniu do strony zwykłego tekstu. Za pomocą znacznika obrazu HTML łatwo jest dodawać obrazy do dowolnych stron internetowych. Ten znacznik ma również wiele atrybutów lub cech, które można określić.
Podczas dodawania obrazów do strony internetowej ważne jest, aby pamiętać, że obraz nie jest częścią pliku, który tworzy samą stronę internetową. Pliki używane dla strony internetowej to oddzielne pliki od wszystkich plików obrazu. Tag obrazu HTML odnosi przeglądarkę internetową do określonego pliku obrazu dla pokazanego obrazu. Gdy strona internetowa jest wyświetlana w przeglądarce, plik obrazu jest wyświetlany wraz z dowolnymi innymi plikami, które składają się na tę stronę.
Kod dla znacznika obrazu HTML to: . Lokalizacja obrazu to nazwa pliku dla obrazu, który chcesz pokazać i gdzie jest przechowywany obraz. Ważne jest, aby uzyskać prawidłowe informacje, aby zapewnić prawidłowe wyświetlanie obrazu. .Ważne są organizacja i przechowywanie obrazów, których chcesz użyć na swojej stronie.
Niektóre osoby przechowują swoje obrazy w tym samym katalogu, co wszystkie inne części ich stron internetowych. W takim przypadku, gdy odwołujesz się do obrazu, umieszczasz nazwę pliku tylko w znaczniku obrazu HTML. Gdy strona internetowa ma wiele obrazów, powszechne jest tworzenie podkładu, często nazywane obrazami . W takim przypadku nazwa podkładowca byłaby również zawarta w znaczniku.
Jako przykład, oto, co zrobilibyśmy, aby wstawić obraz drzewa, nazwa nazwy pliku. Jpg, na stronę internetową. Gdybyśmy przechowywali obraz drzewa w tym samym miejscu, co nasze inne pliki strony internetowej, znacznik obrazu HTML byłby . Jeśli plik obrazu był przechowywany w podkładce w naszym katalogu strony internetowej, znacznik zostałby zmieniony na
. To, co należy pamiętać, to tHat The HTML Image Tag zapewnia odniesienie lub ścieżkę do pliku obrazu. Zasadniczo mówi przeglądarce, gdzie szukać pliku.
Tag obrazu HTML ma wiele atrybutów, które można określić dla obrazu, który chcesz dołączyć. Atrybuty są cechami samego znacznika, dlatego są używane w znaczniku lub między . Atrybuty używane z znacznikiem obrazu HTML to:
- wyrównaj - określa, w jaki sposób twój obraz jest wyrównany w stosunku do tekstu na stronie (po prawej, prawej, górnej, środkowej, dolnej)
- Alt - odnosi się do tekstu alternatywnego. Jest to bardzo ważny atrybut i powinien być uwzględniony dla wszystkich twoich zdjęć. Określa wyświetlany tekst zamiast obrazu
- granica - dodaje do obrazu granicę, z grubością określoną w pikselach
- Wysokość i szerokość - można użyć do zdefiniowania szerokości i wysokości wyświetlanego obrazu, co pozwala zmienić Size obrazu. Uważaj, używając tych atrybutów, ponieważ możesz zmienić jakość obrazu i proporcje, co skutkuje obrazami niskiej jakości
- VSPACE i HSPACE - są używane do dodawania białej przestrzeni wokół obrazu.