Атрибуты тега IMG - раздел Философия, ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ Scr=Url - Определяет Url Для Файла Изображения. Броуз...
SCR=url - определяет URL для файла изображения. Броузеры (например, Internet Explorer) поддерживают несколько графических форматов: GIF, JPG,BMP.
ALIGN=тип_выравнивания – определяет выравнивание текста относительно изображения. Возможные значения:
TOP – текст располагается на уровне верхней части изображения;
MIDDLE - текст располагается на уровне средней части изображения;
CENTER - текст располагается на уровне центральной части изображения;
BOTTOM - текст располагается на уровне нижней части изображения;
LEFT – изображение располагается слева по отношению к обтекающему тексту;
RIGHT - изображение располагается справа по отношению к обтекающему тексту.
ALT=текст – задает альтернативный текст, который будет виден на экране, если рисунок не загружен. Этот текст является также текстом всплывающих подсказок. Очень важно, чтобы при наличии на странице рисунков для них был задан альтернативный текст. Некоторые пользователи для ускорения процесса загрузки страниц в своем броузере устанавливают опцию Do not load images (не загружать рисунки). При этом наличие альтернативного текста позволяет без затруднения знакомиться с содержимым узла.
Border=n – задает толщину рамки вокруг рисунка в пикселях. Рамка отображается на экране только в том случае, если изображение является гиперссылкой (о гиперссылках подробнее см. ниже п. 8.9).
HEIGHT=n и WIDTH=n – высота и ширина изображения в пикселях. Если эти параметры заданы, то броузер перед загрузкой изображения обычно рисует пустой прямоугольник. Если его размеры отличны от фактических размеров рисунка, то изображение растягивается или сжимается в соответствии с указанными границами.
HSPACE=n и VSPACE=n – задают размеры полей вокруг рисунка в пикселях.
Пример 12. Страница с рисунком
<head>
<title> HTML-страница с рисунком</title>
</head>
<body bgcolor=aqua>
<p align=center>
<font size=5>Уральский государственный технический
вузов страны - образован в 1920 году. За годы своего
существования университет подготовил более 150000
инженеров более 90 специальностей. Диплом УГТУ -
надежное подтверждение высокой квалификации
специалиста не только в России, но и на
международном уровне.</p>
</body>
</html>
В этом документе имеется рисунок (см. рис. 8.11). Имя файла рисунка upi_logo.gif. Для рисунка заданы размеры: ширина (width) – 165 пикселей, высота (height) – 205 пикселей. Расстояние от границы рисунка до текста (hspace, vspace) – 20 пикселей. Текст обтекает рисунок слева (align=left). Текст выровнен по ширине (<p align=justify>).
В рассмотренном примере файл рисунка и файл HTML-документа располагались в одном каталоге.
Рис.8.11. Пример HTML-документа с рисунком
Чаще всего Web-страница содержит не одно изображение, а несколько. Тогда для рисунков удобно создать отдельную папку. Обычно имя этой папке дают такое же, как и имя HTML-документа, но с расширением files. В качестве примера рассмотрим страницу, изображенную на рис. 8.12.
При создании этой страницы были использованы три графических файла:
· Satldish.jpg - содержит рисунок антенны.
· Kaf-rts.gif - содержит изображение объемной кнопки с названием кафедры.
· Paper1.gif - содержит фоновый рисунок страницы.
Имя файла рассматриваемого HTML-документа Prim11.htm. Файлы с изображениями размещаются в папке Prim11.files. При этом ссылки на URL файлов рисунков и фона будут выглядеть следующим образом:
<body background=Prim11.files/Paper1.gif> - задает фоновое изображение для всей страницы.
<img src=Prim11.files/Kaf-rts.gif> - вставляет рисунок кнопки с названием кафедры.
Полный текст документа см. ниже в примере 13.
Рис. 8.12. Пример страницы с несколькими рисунками
Пример 13. Страница с несколькими рисунками, хранящимися в отдельной папке
Уральский государственный технический университет УПИ... ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ...
Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ:
Атрибуты тега IMG
Что будем делать с полученным материалом:
Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:
Всемирная сеть Internet
Internet — это общемировая совокупность сетей, связывающая между собой миллионы компьютеров, причем число пользователей Internet лавинообразно увеличивается. С технической точки зрения это объедине
Графический интерфейс
Пользователи предпочитают графический интерфейс (GUI — Graphic User Interface). Такой интерфейс используется в Windows, Macintosh и на некоторых рабочих станциях, работающих под управлением операци
Подготовка текста сообщения
Подготовка текста сообщения электронной почты должна быть так же проста, как и любого другого письма. Многие пакеты электронной почты имеют хорошие многофункциональные текстовые редакторы, позволяю
Адресация сообщений
Существует несколько основных возможностей адресации:
• Множественная рассылка копий (carbon copy). Сообщение посылается более чем одному адресату, используя один список р
Посылка сообщений
Для посылки письма может оказаться необходимым всего лишь щелкнуть по пиктограмме посылки почты (SEND) и выбрать параметры посылки сообщения.
Во многих пакетах имеется ящик исх
Присоединение файлов
Обычно для того, чтобы переслать кому-то файл с помощью телекоммуникационной программы, необходимо договориться о времени пересылки, согласовать протоколы пересылки, установить связь друг с другом
Чтение почты
Процесс чтения электронной почты должен быть простым и понятным. Некоторые пакеты позволяют «прокручивать» в окне текст сообщения, другие отображают сообщение страница за страницей. Лучшие системы
Хранение сообщений
В ряде систем электронной почты сохраняются копии каждого посланного сообщения. Возможно автоматическое сохранение и каждого полученного сообщения.
Средства архивирования позволяю
Обеспечение безопасности
Имеется много возможностей защиты информации. Можно потребовать, чтобы пользователь набирал пароль каждый раз при посылке, чтении и сохранении сообщения. Большинство сетей располагает собственными
Используемые обозначения
Ø Название команды Выбор в текущем меню команды с указанным названием
q Название кнопки Нажатие кнопки с указанным названием в активном диалоговом окне или на панели инструментов
Чтение писем
Прежде чем прочесть почту, её нужно получить с сервера. Для этого установите соединение и нажмите кнопку Доставить почту (Send and receive) на панели инструментов. Начнется процесс
Создание письма
Приступить к написанию нового письма можно, выбрав пункт Создать (New) из меню Сообщение (Message). В этом случае будет создано письмо без использования какого-либ
Особенности сети Internet
WWW (World Wide Web, всемирная паутина)— содержащаяся в Internet всемирная распределенная база гипертекстовых документов. Каждый компьютер, имеющий постоянное подключение в Interne
Поиск информации в WWW
Найти нужную информацию в Internet непросто. Однако здесь, во-первых, помогает само устройство WWW, — многие Web-страницы представляют собой объемистые списки ресурсов WWW по самым разным темам. Во
HTML - язык для создания Web-документов
Информация в Internet представлена в виде гипертекстовых Web-страниц. Гипертекст – это текст со вставленными в него словами (командами) разметки, ссылающимися на другие мест
Гипертекст
Под гипертекстовым документом понимают документ, содержащий так называемые ссылки на другой документ. Гиперссылка является одним из важнейших понятий в языке HTML. Гиперссылки позв
Netscape Communicator
Netscape Communicator (или ранее известный как Netscape Navigator) – это самый популярный и широко используемый броузер в мире. Компания Netscape произвела революцию в Internet и WWW, создав чрезвы
Движение по WWW
Для того чтобы попасть на какой-либо сервер, нужно ввести его URL в адресную строку. При этом в окно броузера загрузится соответствующая страница. Любая Web-страница является гипертекстовым докумен
Каталог временных файлов Internet
При возврате к уже открывавшемуся документу он появляется на экране намного быстрее, чем при первой загрузке. Это объясняется тем, что Internet Explorer не получает документ из Internet, а берет ег
Сохранение найденной информации
По мере просмотра Web-страниц вам будет встречаться информация, которую вы захотите сохранить, чтобы в дальнейшем иметь возможность обращаться к ней без подключения к соответствующему узлу. Можно с
Настройка параметров страницы для печати
В меню Файл выберите команду Параметры страницы. В группе Поля укажите размеры полей. Выберите один из способов размещения страницы в группе Ориентация. Для вертик
Команды меню Вид
Меню Вид содержит команды, позволяющие настроить рабочее окно броузера.
Команда Панели инструментов дает возможность отображать и скрывать панели инструме
Обязательные теги
Каждый HTML-документ должен содержать несколько обязательных тегов. Эти теги сообщают броузеру различные глобальные требования, такие как номер версии HTML, название документа и т.п.
Начин
Теги заголовков разных уровней
Язык HTML позволяет работать с шестью уровнями заголовков. Заголовки отличаются размером шрифта. Они пронумерованы от 1 до 6, причем первый номер соответствует самому крупному шрифту. Тег заголовка
Нумерованный список
Нумерованный список создается тегами <ol> (ordered list – упорядоченный список) и <li>. Тег <ol> показывает начало всего списка, а тег <li>
Списки-определения
Списки-определения используются для оформления определений терминов. Начинаются такие списки тегом <DL>. Термины определяются с помощью тега <DT>, а соответствующие определения - тегом
Вложенные списки
Списки можно вкладывать друг в друга. Вложение списков в списки позволяет создавать несколько уровней систематизации информации. Ниже приведен текст документа, в котором несколько маркированных спи
Абзацы и разрывы строк
Тег <P>, разделяющий текст на абзацы, является наиболее часто используемым в HTML-документах.
Этот тег имеет только один атрибут – ALIGN, позволяющий выравнивать текс
Теги эффектов шрифтов
Кроме различных типов шрифтов, для оформления документов можно использовать и теги эффектов шрифтов. Описание этих тегов приведено в табл. 8.2.
Теги эффектов (акцентов) шрифтов
Та
Теги таблицы
Главный тег таблицы - это <TABLE> </TABLE>. Эти теги применяются для описания начала и конца таблицы, а также параметров отображения таблицы, таких как ее размеры, офор
Атрибуты тегов таблиц
Каждая таблица и ячейки, составляющие ее, имеют такие свойства, как ширина и высота, выравнивание по ширине и высоте, толщина границы, цвет фона. Свойства определяются с помощью атрибутов. Рассмотр
Создание гиперссылок
Возможность создания гиперссылок делает язык HTML столь мощным средством представления информации в WWW. Гиперссылки позволяют осуществлять переход из просматриваемого документа на другую страницу
Сенсорные изображения (изображения-карты)
Сенсорное изображение представляет собой графический образ, разделенный на области, являющиеся гиперссылками на различные HTML-файлы или URL.
Существует два типа сенсорных изображений:
Создание клиентского сенсорного изображения
Сенсорное изображение можно создать практически из любого рисунка. Сначала нужно разбить изображение на части. Для этого используются теги <MAP> и <AREA>. Тег <MAP> формирует схем
Шестнадцать стандартных цветов
При работе над Web-страницей можно использовать 16 стандартных цветов (см. табл. 8.3), а также задавать цвета, смешивая различные оттенки красного, зеленого и синего. Это позволяет создавать буквал
Шестнадцатеричные коды цветов
Для получения дополнительных цветов и оттенков можно использовать 6-значный шестнадцатеричный код. Шестнадцатеричные цифры – это цифры от 0 до 9 и буквы от А до F. Все цвета на мониторе компьютера
Контекстное меню
Контекстное меню позволяет более удобно обратиться к той или иной команде. Для открытия контекстного меню поместите курсор на интересующий элемент вашего документа и нажмите правую кнопку мыши. С п
Физические стили
Физические стили доступны через Панель форматирования или через команды Шрифт и Абзац меню Формат.
С помощью команды
Логические стили
Для того чтобы применить логический стиль к фрагменту документа, определите точку вставки текста и выберите необходимый стиль абзаца из списка следующих стилей:
Адрес - по
Вставка таблицы в документ
Для того чтобы разместить в вашем документе таблицу, установите курсор в точку вставки таблицы и вызовите команду Вставить таблицу меню Таблица. В открывшемся диал
Свойства таблицы
Созданную таблицу можно редактировать с помощью команды Свойства таблицы из меню Таблица. В открывшемся диалоговом окне (рис. 9.9) можно настроить тип выравнивания
Вставка картинок в документ
Добавить картинку в документ можно, выбрав в меню Вставка команду Изображение. Диалоговое окно команды вставки изображения показано на рис. 9.10.
Это диал
Альтернативное отображение картинок
Некоторые броузеры не поддерживают форматы GIF и JPG, другие вообще не могут выводить изображения. Кроме того, иногда загрузка изображений занимает много времени, и в процессе загрузки на месте изо
Хотите получать на электронную почту самые свежие новости?
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Новости и инфо для студентов