Расстояние между текстом и изображением

Расстояние между текстом и изображением

Расстояние между текстом и картинкой влияет на читаемость текста. Очень маленькое или очень большое расстояние может оказаться неудобным.

Чтобы отодвинуть текст от картинки, используют атрибуты hspace и vspace элемента IMG. Они задают расстояние в пикселах между изображением и текстом по горизонтали и вертикали.

В листинге 4.5 указано очень большое расстояние по вертикали (100 пикселов) и очень маленькое по горизонтали (1 пиксел). На рис. 4.5 видно, что такое сочетание расстояний неудобно для чтения.

Рис. 4.5. Задано расстояние от картинки до текста

Листинг 4.5. Задание расстояния от текста до изображения

<html>

<head>

<title>Встраивание изображения</title>

</head>

<body>

<img src="image.jpg" width="100" align="right" vspace="100" hspace="1"/>Кролики – потрясающие животные, особенно декоративные. Многие люди заводят их дома вместо кошек или собак, потому что они менее прихотливы. Кролики – чистоплотные животные, и их хозяева не испытывают проблем с воспитанием. Кормить этих зверюшек просто: овощи, сено и немного специального корма. Следите, чтобы клетка была чистой и в ней всегда лежали свежие опилки. Если вы рискуете выпускать зверя на прогулки по дому, то следите за проводами. Кролик может решить, что провода – это сено, и перегрызть их. <br/> </body>

</html>

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Расстояние между словами

Из книги Блоги. Новая сфера влияния автора Попов Антон Валерьевич

Расстояние между словами Вы можете регулировать расстояние между словами с точностью до слова.Слова на расстоянии в несколько словВы можете указать максимально допустимое расстояние между двумя любыми словами запроса, поставив после первого слова символ / и сразу за


Работа с текстом

Из книги AutoCAD 2009 автора Орлов Андрей Александрович

Работа с текстом Говорят, что изображение стоит тысячи слов. Линии, дуги и круги на рисунке могут передать много графической информации, однако в конце работы вам нужно снабдить рисунки примечаниями, чтобы полностью передать замысел.Текст на рисунке соотносится с


Часть III Простейшие операции с изображением

Из книги Adobe Photoshop CS3 автора Завгородний Владимир

Часть III Простейшие операции с изображением В третьей части книги мы изучим простейшие операции с изображением, которые позволят нам работать с файлами Adobe Photoshop. Новых знаний еще не будет достаточно, чтобы создавать собственный дизайн, – однако они подготовят нас к тому,


Формирование точек методом «направление – расстояние»

Из книги AutoCAD 2009 для студента. Самоучитель автора Соколова Татьяна Юрьевна

Формирование точек методом «направление – расстояние» Вместо ввода координат допускается использование прямой записи расстояния, что особенно удобно для быстрого ввода длины линии. Такой ввод может производиться во всех командах, кроме тех, которые предполагают


Работа с текстом

Из книги AutoCAD 2010 автора Орлов Андрей Александрович

Работа с текстом В AutoCAD можно создавать текст двух видов:• команды DTEXT и TEXT позволяют сформировать однострочный текст;• с помощью команды MTEXT создается многострочный текст, представляющий собой текстовый блок, состоящий из произвольного количества строк и абзацев.


Работа с текстом

Из книги Photoshop CS3: Обучающий курс автора Тимофеев Сергей Михайлович

Работа с текстом Нередко достаточно важно бывает уметь красиво оформлять текст. В данном уроке мы рассмотрим, каким образом можно создавать достаточно необычные буквы.Конечно же, помимо обычного присвоения эффектов, которые тоже могут оживить надписи, и даже задания


Работа с текстом

Из книги Реферат, курсовая, диплом на компьютере автора Баловсяк Надежда Васильевна

Работа с текстом В случае применения Photoshop для обработки изображений при последующем использовании их в научной работе необходимо научиться добавлять к изображению текст – различные надписи и выноски, с помощью которых можно как минимум поместить подпись под


Работа с текстом

Из книги Справочник по PHP автора

Работа с текстом pdf_showВывод текста в текущую позицию.Синтаксис:void pdf_show(int pdf_document, string text)Для вывода используются текущая позиция и текущий шрифт.pdf_show_boxedВывод текста в прямоугольную область.Синтаксис:void pdf_show_boxed(int pdf_document, string text, double x, double y, double width, double height, string mode [, string


4.6.2. Действия с изображением в целом

Из книги Самоучитель работы на Macintosh автора Скрылина Софья

4.6.2. Действия с изображением в целом Для осуществления действий над изображением в целом не требуется его предварительно выделять, используя инструменты выбора, а если область выделения уже определена, то команда все равно распространяется целиком на всю


2.4. Управление изображением модели

Из книги КОМПАС-3D для студентов и школьников. Черчение, информатика, геометрия автора Большаков Владимир

2.4. Управление изображением модели Для управления масштабом изображения модели предназначены команды Увеличить масштаб рамкой, Увеличить масштаб, Уменьшить масштаб, Масштаб по выделенным объектам, Приблизить/отдалить, Показать все. Эти команды расположены в меню Вид, а


Особенности кодирования литеральных символов и пар расстояние/длина

Из книги Фундаментальные алгоритмы и структуры данных в Delphi автора Бакнелл Джулиан М.

Особенности кодирования литеральных символов и пар расстояние/длина В предыдущих разделах ничего не было сказано о небольшом нюансе реализации алгоритма: как в процессе считывания сжатых данных отличить литеральный символ от кода расстояние/длина? В конце концов, не


Формирование точек методом «направление – расстояние»

Из книги AutoCAD 2009. Учебный курс автора Соколова Татьяна Юрьевна

Формирование точек методом «направление – расстояние» Вместо ввода координат допускается использование прямой записи расстояния , что особенно удобно для быстрого ввода длины линии. Такой ввод может производиться во всех командах, кроме тех, которые предполагают


Формирование точек методом «направление – расстояние»

Из книги AutoCAD 2008 для студента: популярный самоучитель автора Соколова Татьяна Юрьевна

Формирование точек методом «направление – расстояние» Вместо ввода координат допускается использование прямой записи расстояния, что особенно удобно для быстрого ввода длины линии. Такой ввод может производиться во всех командах, кроме тех, которые предполагают


Расстояние между буквами

Из книги HTML, XHTML и CSS на 100% автора Квинт Игорь

Расстояние между буквами Расстояние между буквами можно задать свойством letter-spacing. В качестве значения указываются необходимая величина и абсолютная единица измерения.Для нашего примера зададим расстояние между буквами в заголовке шириной 6 пикселов:h1 {letter-spacing:


Расстояние между словами

Из книги Цифровая фотография. Трюки и эффекты автора Гурский Юрий Анатольевич

Расстояние между словами Можно задать расстояние как между буквами, так и между словами, используя свойство word-spacing. В качестве значения вы можете указать желаемое значение либо normal, чтобы использовать значение браузера по умолчанию.Это свойство не представляет


Фокусное расстояние и объективы

Из книги автора

Фокусное расстояние и объективы Разные объективы имеют разное фокусное расстояние, то есть промежуток от оптического центра объектива до плоскости матрицы. Фокусное расстояние измеряется в миллиметрах. Главное Фокусное расстояние определяет угол обзора объектива.