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