Как да увеличите размера на изображението в Html

Съдържание:

Как да увеличите размера на изображението в Html
Как да увеличите размера на изображението в Html

Видео: Как да увеличите размера на изображението в Html

Видео: Как да увеличите размера на изображението в Html
Видео: Табличная вёрстка страницы на HTML 2024, Април
Anonim

Можете да промените размера на изображението, показвано на страницата, като посочите подходящите атрибути за маркера

който е отговорен за показване на графиките на HTML страницата. Увеличаването или намаляването се извършва чрез атрибутите ширина и височина.

Как да увеличите размера на изображението в html
Как да увеличите размера на изображението в html

Поставете снимка

Преди да редактирате, добавете изображение към страницата, като посочите етикети

… За да редактирате HTML документ, трябва да отворите страницата във всеки текстов редактор. Щракнете с десния бутон върху файла и изберете атрибута "Отваряне с" - "Бележник". Можете също така да посочите всеки друг редактор, който е по-удобен за вас за промяна на кода.

Отидете до раздела за документи и намерете маркера

… Ако изображението все още не е добавено към страницата, въведете следния код:

Пътят до графичния файл може да бъде относителен или абсолютен. Атрибутът alt="Image" е отговорен за името на изображението и добавянето на надпис към него, който ще се покаже, когато курсорът на мишката е над изображението.

Промяна на размера

За да увеличите изображението, задайте му подходящите параметри за ширина и височина, като добавите атрибути към маркера на изображението:

Параметърът ширина съответства на ширината на изображението, а височината съдържа индикатора за височината на изображението. В този случай, когато страницата се отвори, в прозореца на браузъра ще се покаже изображение с ширина 300 пиксела и височина 350 пиксела. Можете също да добавите атрибутите hspace и vspace, за да промените настройките за форматиране на страницата:

В този дескриптор са посочени хоризонтални (hspace) и вертикални (vspace) полета от изображението. Всеки текст, добавен към страницата, ще бъде разположен на 5 пиксела хоризонтално от изображението и 10 пиксела вертикално. Атрибутът border е отговорен за създаването на 1 пикселна граница около изображението.

Трябва да се отбележи, че размерът на изображението може да бъде зададен не само в пиксели, но и като процент спрямо размера на прозореца на браузъра. Например:

В резултат на работата на този код изображението ще бъде разтегнато по цялата ширина на прозореца. Струва си да се отбележи, че картината в този случай може да се изкриви. Увеличеното показване на картината зависи от качеството на самата картина.

Запазете направените промени, като използвате "File" - "Save" функция на прозореца "Notepad". Проверете показването на изображението в прозореца на браузъра, като отворите HTML файла, като щракнете с десния бутон и изберете опцията "Отваряне с". В списъка с предложени опции изберете програмата, която използвате за сърфиране в Интернет. Можете да редактирате HTML файла произволен брой пъти, за да коригирате размера на изображението.

Препоръчано: