4.1.5. Вставка рисунков.
Вставка рисунка на страницу из файла в формате gif или jpg выполняется тегом <IMG> с атрибутами, перечисленными ниже.
<IMG SRC="имя файла или полного пути в Интернете " ALT="текст" ALIGN=расположение WIDTH=ширина HEIGHT =высота >.
Атрибут ALT содержит текст, который выводится вместо рисунка, если он не найден с помощью указанного пути.
Атрибут ALIGN указывает место расположения изображения и может принимать следующие значения: TOP - последующий текст располагается в верхней части изображения; BOTTOM - последующий текст располагается в нижней части изображения; LEFT - изображение находится в левой части листа, текст обтекает изображение справа; MIDDLE - изображение находится в центре листа, RIGHT - изображение находится в правой части листа, текст обтекает изображение слева.
Ширина задаёт ширину изображения в пикселях.
Высота задаёт высоту изображения в пикселях.
Атрибуты ALT, ALIGN, WIDTH, HEIGHT являются необязательными.
Например: <IMG SRC="links.gif" ALT="Links" WIDTH="47" HEIGHT="47">.
Обтекание графического объекта текстом можно получить, если выполнить следующие действия.
-
Поместить тег <IMG SRC="/путь/имя файла"> в том месте, где должен быть графический объект
-
Добавить атрибут ALIGN=LEFT, ALIGN=RIGHT или ALIGN=CENTER.
-
Добавить атрибуты: HSPACE= ширина горизонтальных полей и VSPACE= ширина вертикальных полей, отделяющих изображение от текста.
Можно создать рамку вокруг рисунка или обрамление таблицы текстом. Остановка в определенном месте обтекания текстом объекта и продолжение текста ниже объекта выполняются с помощью тегов:
<BR CLEAR=LEFT> - начиная с ближайшего пустого левого поля.
<BR CLEAR=RIGHT> - начиная с ближайшего пустого правого поля.
<BR CLEAR=ALL> - текст будет продолжен, когда и левое и правое поля будут пустыми.
Рамка вокруг изображения – задается в каком-либо теге с помощью атрибута BORDER=n, где n - ширина рамки в пикселях.
В теге <IMG> можно задать рамку вокруг изображения, если это изображение является ссылкой.
- Московская финансово-юридическая академия
- Учебное пособие
- Современные средства эвм и телекоммуникаций
- Предисловие
- Оглавление
- Тема 1. Общие сведения об Internet
- 1.1. Информационные технологии и общество.
- 1.2. Основные понятия, связанные с передачей данных в Internet.
- Тема 2. Работа с броузером.
- Тема 3. Работа с электронной почтой.
- 3.1.1. Настройка программы для работы с электронной почтой.
- 3.1.2. Работа с программой электронной почты.
- Тема 4. Создание html-документов
- Тема 1. Общие сведения об Internet.
- 1.1.2. Internet как глобальная информационная среда.
- 1.1.3. Internet и информационные технологии.
- 1.1.4. История возникновения сети Internet.
- 1.2. Основные понятия, связанные с передачей данных в Internet.
- 1.2.1. Пакеты данных (информационные пакеты).
- 1.2.2. Протоколы.
- 1.2.3. Информационные уровни. Стеки протоколов.
- 1.2.4. Стандартная модель стека протоколов (модель osi).
- 1. Физический уровень.
- 2. Канальный уровень.
- 3. Сетевой уровень.
- 4. Транспортный уровень.
- 5. Сеансовый уровень.
- 6. Уровень представления.
- 7. Прикладной уровень.
- 1.2.5. Упрощенная (трехуровневая) модель стека протоколов.
- 1.2.6. Клиенты и серверы.
- 1.2.8. Протоколы системного уровня. Протокол tcp/ip.
- 1.2.9. Система доменных имен (dns).
- 1.2.10. Определение сети Internet.
- 1.2.11. Прикладной информационный уровень. Прикладные ресурсы.
- 1.2.12. Электронная почта.
- 1.2.13. Структура адреса электронной почты.
- 1.2.14. Электронная почта через Web.
- 1.2.15. Ресурс www.
- 1.2.16. Структура url - адреса.
- 1.3. Компьютерные сети.
- 1.3.1. Классификация компьютерных сетей.
- 1.3.2. Компьютерные коммуникации. Использование телефонных сетей для передачи данных.
- Тема 2. Работа с броузером.
- 2.1. Начало работы в Internet.
- Окно броузера содержит ряд кнопок, приведённых в Таблице 2.1. Пример окна броузера показан на Рис. 2.2.
- 2.2. Навигация в Internet.
- 2.3. Поиск в Internet.
- 2.4. Сохранение результатов поиска.
- 2.5. Закладки.
- Тема 3. Работа с электронной почтой.
- 3.1. Основы электронной почты.
- 3.1.1. Настройка программы для работы с электронной почтой.
- 3.1.2. Работа с программой электронной почты.
- 3.1.3. Создание электронной Web-почты.
- 3.2. Обмен сообщениями.
- 3.2.1. Получение и отправка электронной почты с применением Outlook- Express.
- 3.2.2. Получение и отправка Web-почты.
- 3.3. Работа с адресной книгой.
- 3.3.1.Внесение адреса в адресную книгу электронной почты.
- 3.3.2. Создание сообщения с использованием адресной книги.
- Тема 4. Создание html-документов
- 4.1. Элементы языка html.
- 4.1.1. Html-документы и Web-страницы.
- 4.1.2. Структура языка html.
- 4.1.3. Форматирование текста.
- 4.1.4 Анимация текста
- 4.1.5. Вставка рисунков.
- 4.1.6. Вставка гиперссылок.
- 4.1.7. Рисунки -гиперссылки.
- 4.1.8. Списки.
- 4.1.8. Таблицы.
- 4.1.9. Фреймовые структуры.
- 4.2. Публикация и использование Web-страниц.
- 4.2.1. Компоновка сайта.
- Персональная
- Ссылки Страница 1
- 4.2.2. Размещение сайта на сервере.
- 4.2.3. Регистрация сайта в поисковых системах и каталогах.
- 4.2.4. Коммерческое использование Web-страниц.
- 4.2.5. Баннеры и баннерная реклама.
- 4.2.6. Электронная коммерция.
- 4.2.7. Электронный документооборот.
- 4.2.8. Электронная подпись.
- 4.2.9. Электронные деньги.
- Вопросы по теме 1.
- Какие модемы называются звуковыми ?
- Вопросы по теме 2.
- Вопросы по теме 3.
- Вопросы по теме 4.
- Основные термины
- Учебная литература.