Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Вставка изображений
|
|
Рисунки позволяют существенно повысить привлекательность Веб-страницы, лучше передать содержание документа. Рисунки на Веб-странице должны быть созданы в таком графическом формате, который поддерживается браузером. К стандартным форматам Веб-графики относятся GIF, JPG и PNG. Эти форматы обеспечивают эффективное сжатие изображений и минимальный размер файлов, что значительно сокращает время загрузки из сети.
Сначала подготовим необходимые графические файлы для вставки
в Веб-документ.
1. Скопируйте файлы HLPBELL.GIF и BACKGRND.GIF из папки Примеры.
| В HTML-документе должно быть указано имя графического файла или полный путь к нему. Чтобы Веб-страница была независима от возможных изменений на диске, все файлы, относящиеся к создаваемому Веб-документу или сайту, лучше хранить в одной папке. Для вставки изображения в Веб-документ используется одиночный тег <img>.Единственный обязательный атрибут данного тега src определяет имя вставляемого файла или его электронный адрес в Интернете. С помощью необязательного атрибута <border> можно включить отображение рамки вокруг рисунка. Значение атрибута определяет толщину рамки в пикселах. |
2. Вставить скопированный рисунок в Веб-документ. Для того перейдите к редактору Блокнот.
3. После элемента заголовка раздела <h1 align=center> Компания Атлант</h1> вставьте новую строку с кодом, который обеспечивает включение рисунка с рамкой в Веб-документ:
4. Сохраните файл и нажав на кнопку Обновить, перезагрузить Веб-страницу (рис. 87).
Рис. 11.Рисунок на Веб-странице
5. Отцентрировать вставленный рисунок. Перейди к редактору «Блокнот».
6. Добавить элемент встраивания изображения открывающий <center> и закрывающий </center> теги, чтобы выровнять рисунок
по центру. Указанный фрагмент HTML-кода примет вид:
7. Сохранить файл и нажать на кнопку Обновить, перезагрузить Веб-страницу (рис. 88).
Рис. 12.Центрированный рисунок
|
| У тега <img> много полезных атрибутов. Например, атрибуты width и height задают ширину и высоту рисунка, align – расположение изображения относительно других элементов страницы, в том числе и по вертикали, alt –отображаемый текст при отключении загрузки рисунков. |
Фоновое изображение может придать Веб-странице дополнительный колорит. Фоновый рисунок всегда заполняет все окно браузера. Если размер изображения меньше размеров окна, то оно будет размножено по принципу мозаики. Но этой причине на экране границы сшивки повторяющихся рисунков должны быть невидимы. Обычно в качестве фона используется небольшое изображение, которое будет быстро передаваться по Интернету.
Для установки фонового рисунка применяется атрибут background тега <body>. В качестве значения атрибута следует указать имя графического файла с изображением.
8. Установить фоновый рисунок на Веб-страницу. Для этого перейти
к редактору Блокнот.
9. Добавить в элемент с тегом <body> атрибут background=BACKGRND.GIF. чтобы данный фрагмент HTML-кода выглядел так (Рис. 89):
Рис. 13.HTML-документ с изображение
10. Сохранить файл и нажать на кнопку Обновить, перезагрузить Веб-страницу (рис. 90).
Рис. 14.Фоновый рисунок
Date: 2015-11-14; view: 578; Нарушение авторских прав