Как добавить скриншот в Html документ?







+2 +/-

strong text

Профиль пользователя Hirdman Спросил: Hirdman  (рейтинг 12961) Категория: компьютеры и интернет

Ответов: 3

2 +/-
Лучший ответ

Как вставку изображения на страницу. Изображение добавляется тегом img (только открывающий, закрывать не нужно). Атрибут src должен быть ссылкой на файл изображения. То есть скриншот сперва нужно сохранить в формате, который передастся по протоколу http и откроется браузером, например, в формате jpeg. Причём ссылка может быть не только абсолютной (полностью с "http://адрес_сайта/адрес_документа"), но и относительной (допустим, картинка лежит в том же каталоге, что и ваша веб-страница, тогда достаточно написать только "имя_документа"). Атрибуты width и height означают соответственно ширину и высоту отображаемой картинки в пикселах. Если у вас скриншот полноразмерный, выводить его как есть будет неудобно - он растянет веб-страницу шире окна. В таком случае отображать лучше отмасштабированный вариант. А если нужен и полноразмерный, то на него можно сделать ссылку, где вместо текста будет как раз уменьшенный эскиз. Можно даже скопировать файл скриншота и эту копию уменьшить до нужного размера, чтобы страница быстрее грузилась.

В общем, сама вставка картинки будет выглядеть так:

Ответил на вопрос: Monthon  
1 +/-

Добавляйте как обычную картинку, формат может быть абсолютно любым:

Добавляется этот тег в любом месте файла, можете ему присвоить класс или id и назначить css стили, а при помощи JavaScript при нажатии на картинку увеличивать

Ответил на вопрос: Jessa  
0 +/-

Для этого сохраните скриншот как изображение. Затем в нужном месте в документе пропишите вставку изображения с нужными параметрами.

Ответил на вопрос: Tinter  

Похожие вопросы

Спросил
5 Отв.
Какую выгоду может принести изучение языка HTML?
Ответ: Я сам изучил язык html (а также и css). Мне он нужен был для создания собственного сайта. Если он Вам понадобится для профессии в области программирования: ... Читать далее...
Автор вопроса: Clark, в категории | | |
Спросил Clark
2 Отв.
Как легко зделать скриншот?
Ответ: Нажать кнопку PrntScr, ничего не произойдет, но тут же можно открыть программу paint и нажать кнопку на верхней панели слева Вставить, затем сохраните ... Читать далее...
Автор вопроса: Tongues, в категории |
Спросил Tongues
2 Отв.
Можно ли найти работу, если знаешь только HTML и CSS?
Ответ: Полноценную работу сразу вряд ли удастся найти. Ориентироваться можно на вакансии типа HTML-верстальщик. Но и здесь компании берут с опытом и требований ... Читать далее...
Автор вопроса: Rivulet, в категории | |
Спросил Rivulet
1 Отв.
Как получить оповещение о появлении на чужом сайте определенной фразы?
Ответ: Закажите у веб-программиста Парсер который будет постоянно проверять контентна сайте и проверять в нем наличие той самой ... Читать далее...
Автор вопроса: Crankpin, в категории | | | | |
Спросил Crankpin
2 Отв.
Как сделать скриншот экрана на ноутбуке леново?
Ответ: Может быть , что у вас просто не установлено полное программное обеспечение , а при покупке ставилось стандартное в которое не входит программа для скриншота ... Читать далее...
Автор вопроса: Antioch, в категории | | |
Спросил Antioch
1 Отв.
Почему когда я делаю скриншот у меня черный экран?
Ответ: Возможно Вы делаете скриншот не той программой или неверно настроенной под текущее действие программой. Обычно чёрный скриншот получается в играх которые ... Читать далее...
Автор вопроса: Anjali, в категории | |
Спросил Anjali
4 Отв.
Как сделать скрин с экрана компьютера в формате jpg?
Ответ: Самое простое. Нажимаете на клавиатуре на кнопку Print Screen (она находится справа от кнопки F12). Потом открываете графический редактор Paint. Можно ... Читать далее...
Автор вопроса: SEAN, в категории | | | |
Спросил SEAN
2 Отв.
О чём может рассказать скриншот «Рабочего стола» чужого компьютера?
Ответ: Хм, судя по панели задач, вы играете в игры + CC cleaner (аэро нагружает систему) Tor - вы за анонимный интернет =). Адвего - возможно подрабатываете копирайтом ... Читать далее...
Автор вопроса: Hickley, в категории | | | |