- •2.2 Серверная операционная система Windows Server 2007.
- •2.3 Порядок установки операционной системы Windows Server
- •Часть 1. Инсталляция Windows Server 2003
- •Часть 2. Завершение установки.
- •Часть 3. Активация Windows Server 2003.
- •Часть 4. Установка дополнительных компонентов
- •2.4 Настройка операционной системы Windows Server
- •3 Контрольные вопросы:
- •Лабораторная работа № 2 « Язык гипертекстовой разметки html. Синтаксис языка »
- •Особенности html
- •Структура html - кода
- •3 Контрольные вопросы
- •4 Порядок выполнения лабораторной работы:
- •Лабораторная работа № 3 «Синтаксис тегов. Основные теги html для форматирование текста. Тег для создания ссылок»
- •Теги можно писать как прописными, так и строчными символами
- •Для параметров тегов используются значения по умолчанию
- •Переносы строк
- •Параметры тегов и кавычки
- •Неизвестные теги и параметры
- •Порядок тегов
- •Закрывайте все теги
- •Порядок параметров в тегах
- •Теги для работы с текстом
- •Тег для создания ссылок
- •3 Контрольные вопросы
- •4 Порядок выполнения лабораторной работы:
- •Лабораторная работа № 4 «Тег для создания якоря. Тег для встраивания изображения»
- •Тег для создания якоря
- •Тег для встраивания изображения
- •Альтернативный текст
- •Размеры изображения
- •Рамка вокруг изображения
- •Поля вокруг изображения
- •Выравнивание изображения
- •3 Контрольные вопросы
- •4 Порядок выполнения лабораторной работы:
- •Лабораторная работа № 5 «Теги для создания списка и таблиц»
- •Маркированный список
- •Нумерованный список
- •Список определений
- •Создание таблиц
- •Параметры таблиц
- •Параметры ячеек
- •Особенности таблиц
- •3 Контрольные вопросы
- •4 Порядок выполнения лабораторной работы:
- •Лабораторная работа № 6 «Создание информационного web-сайта организации с помощью визуального редактора Microsoft SharePoint Designer 2007»
- •3 Задание на лабораторную работу
- •Список литературы:
Размеры изображения
Для изменения размеров изображения средствами HTML предусмотрены параметры width и height тега <IMG> (пример 4). В качестве значений используется пиксел — элементарная точка на мониторе.
Пример 4. Размеры изображения <html> <head> </head> <body> <img src=" book.jpg " height="111" width="100"> </body> </html>
Обязательно задавайте размеры всех изображений на веб-странице. Это несколько ускоряет загрузку страницы, поскольку браузеру нет нужды вычислять размер каждого рисунка после его получения.
Замечание 1
Подход, когда приходится менять размеры изображения относительно исходных, не следует применять часто. Если количество пикселов в картинке насильно увеличивается, то они никак не появятся из ниоткуда и браузеру придется, используя алгоритмы интерполяции, достраивать их самостоятельно. Тот же алгоритм применяется и в обратном случае, когда необходимо уменьшить картинку. Данный подход изменения размера изображения получил термин ресемплирование. Качество ресемплирования напрямую зависит от типа изображения, чем больше оно содержит мелких и контрастных деталей, тем хуже конечный результат, который проявляется как размытость.
Рамка вокруг изображения
Вокруг изображения можно добавить рамку, цвет которой совпадает с цветом текста на веб-странице. Для этого служит параметр border тега <IMG> (пример 5). В качестве значения указывается толщина рамки в пикселах.
Пример 5. Добавление рамки вокруг изображения <html> <head> </head> <body> <img src=" book.jpg " height="111" width="100" border="1"> </body> </html>
Поля вокруг изображения
Для любого изображения можно задать пустые поля по горизонтали и вертикали с помощью параметров hspace и vspace. Особенно это актуально при обтекании рисунка текстом. В этом случае, чтобы текст не наезжал плотно на изображение, необходимо вокруг него добавить пустое пространство (пример 6).
Пример 6. Добавление отступов вокруг изображения <html> <head> </head> <body> <img src=" book.jpg " hspace="10" vspace="10"> В этом ноутбуке используется литий-ионная батарея. Не пользуйтесь ей в условиях сырости, высокой влажности или в местах, способствующих коррозии. Не помещайте, не храните и не оставляйте ноутбук рядом с источником тепла, в местах с высокой температурой, под прямыми лучами солнца, в микроволновой печи или в контейнере под давлением, не подвергайте его воздействию температуры выше 60°C (140°F). Несоблюдение этих правил может привести к утечке из аккумулятора кислоты, ее перегреву, взрыву или воспламенению, что может привести к травмам и/или материальному ущербу. Не протыкайте, не открывайте и не разбирайте аккумулятор. Если из аккумулятора произошла утечка жидкости, и она попала на кожу, смойте жидкость водой и немедленно обратитесь за медицинской помощью. По соображениям безопасности и чтобы продлить срок службы аккумулятора его заряд не производится при температуре ниже 0°C (32°F) и выше 40°C (104°F).
</body> </html>
Выравнивание изображения
Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается параметром align тега <IMG>. В табл. 1 перечислены возможные значения этого параметра и результат его использования.
Таблица. 1. Значения параметра align для выравнивания изображений
Значение |
Описание |
|
bottom |
Нижняя граница изображения выравнивается по базовой линии текстовой строки. Это значение установлено по умолчанию. |
|
left |
Изображение располагается по левому краю родительского элемента. |
|
middle |
Середина изображения выравнивается по базовой линии текущей строки текста. |
|
right |
Изображение выравнивается по правому краю родительского элемента. |
|
top |
Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. |
|
Наиболее популярные параметры — left и right, создающие обтекание вокруг изображения (пример 7).
Пример 7. Обтекание текста вокруг рисунка
<html> <head> </head> <body> <img src="book.jpg" align="left" height="355" hspace="10" vspace="10" width="523">В этом ноутбуке используется литий-ионная батарея. Не пользуйтесь ей в условиях сырости, высокой влажности или в местах, способствующих коррозии. Не помещайте, не храните и не оставляйте ноутбук рядом с источником тепла, в местах с высокой температурой, под прямыми лучами солнца, в микроволновой печи или в контейнере под давлением, не
подвергайте его воздействию температуры выше 60°C (140°F). Несоблюдение этих правил может привести к утечке из аккумулятора кислоты, ее перегреву, взрыву или воспламенению, что может привести к травмам и/или
материальному ущербу. Не протыкайте, не открывайте и не разбирайте аккумулятор. Если из аккумулятора произошла утечка жидкости, и она попала на кожу, смойте жидкость водой и немедленно обратитесь за медицинской помощью. По соображениям безопасности и чтобы продлить срок службы аккумулятора его заряд не производится при температуре ниже 0°C (32°F) и выше 40°C (104°F).
</body> </html>
Ссылкой может быть и картинка. Принцип ссылки тот же, что и в случае с текстом, только между тегами вставляется не текст, а картинка:
<a href =”1.html”> <IMG SRC=”book.jpg” align=left Hspace=30 Vspace=6 alt=компьютер> </a>.