Размещение графики. Вставка картинки.

Размещение графики. Вставка картинки.

Внедрение рисунков делает интернет-страницы более увлекательными. Как уже говорилось, картина - это файл с расширением GIF, JPG (JPEG), PNG. Вероятна вставка анимационных картинок (GIF). Потому что, любая картина просит времени на её обработку и замедляет загрузку документа, потому не стоит включать в документ огромное количество иллюстраций либо иллюстрации огромного размера.

Тег IMG Размещение графики. Вставка картинки. Тег вставки рисунки на интернет-страницу; не просит закрывающего тега.
Атрибуты тега IMG:
SRC Неотклонимый атрибут, указывающий URL рисунки
ALIGN При помощи данного атрибута можно расположить картину слева (LEFT), по центру (CENTER), справа (RIGHT). Также при помощи команды ALIGNВы сможете расположить картину слева (LEFT), по центру (CENTER), справа (RIGHT Размещение графики. Вставка картинки.) относительно текста, также сможете выравнить картину: по верхнему краю (TOP), в центре (MIDDLE), по нижнему краю (BOTTOM) текста
HEIGHT Употребляется для указания высоты рисунка в пикселях. По дефлоту употребляется уникальная высота рисунка.
WIDTH Употребляется для указания ширины рисунка. Задается или в пикселях, или в процентах относительно Размещение графики. Вставка картинки. высоты.
ALT Вставляет другой текст, которой помещается заместо изображения, если браузер не может показать картину. Также командой ALT можно задать короткое описание рисунки, которое выскочит, если навести курсором мыши на набросок, и так подержать его (курсор) несколько секунд.

Гиперссылка-картинка.

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

Вставка бегущей строчки

Для вставки на интернет-страницу бегущей строчки употребляют парный тег: ….

К примеру, Наша группа 2С-22

Таблица 16-и стандартных цветов
Заглавие Код RGB Имя Цвет Заглавие Код RGB Имя Цвет
темный #000000 black серебряный #C0C0C0 silver
темно-бордовый #800000 maroon красноватый #FF0000 red
зеленоватый Размещение графики. Вставка картинки. #008000 green известь #00FF00 lime
оливковый #808000 olive желтоватый #FFFF00 yellow
синий #000080 navy голубий #0000FF blue
фиолетовый #800080 purple фуксия #FF00FF fuchsia
чирок #008080 teal аква #00FFFF aqva
сероватый #808080 gray белоснежный #FFFFFF white

Лабораторная работа 4.

Тема: Создание сайта.

Цель занятия: изучить главные теги и атрибуты языка HTML;

сделать простейшую интернет-страницу средствами Размещение графики. Вставка картинки. языка HTML.

Ход работы:

Постановка задачки: средствами языка HTML сделать простейшую интернет -страницу в редакторе текста Блокнот.

Подготовительная работа.

1. Сделайте за ранее папку по адресу С:\Мои документы либо на диске D: под именованием Ваша фамилия.

2. Сделайте при помощи редактора текста Блокнот маленькой текстовый файл с информацией об успеваемости вашей Размещение графики. Вставка картинки. учебной группы. Сохраните его в вашей папке под произвольным именованием (только латинскими знаками !!!).

3. Также расположите в вашу папку файлы, содержащие рисунки либо картинки соответственного формата (можно фото).

4. Сделайте HTML-файл с основными структурными тегами. Меж тегами и напишите несколько слов о для себя (можно добавить вашу фотографию Размещение графики. Вставка картинки. в этот файл). В меню Файл (File) сделайте команду Сохранить как. В диалоговом окне Сохранения файланайдите сделанную папку, укажите тип файла Все файлы и сохраните файл, назвав его своим именованием (фамилией), и указав расширение html либо htm. К примеру, D:\IVANOVA\Ivanova.html.

5. Сделайте подобные файлы (2-3) с недлинной информацией Размещение графики. Вставка картинки. о 2-3 ваших друзьях-одногруппниках.

Основная часть.

Сделайте при помощи Блокнота основную вашу html-страницу. В содержание html-страницы средствами языка HTML включите всё нижеперечисленное:

1. Заголовок «Наша группа - …».
(выравнивание по центру, заголовок первого уровня)

2. «Наша специальность - …».
(выравнивание по центру, заголовок второго уровня)

3. «Общая черта группы: …(несколько слов о вашей Размещение графики. Вставка картинки. группе)».
(выравнивание по левому краю, заголовок третьего уровня)

4. Сделайте перечень ваших друзей с группы (тех, о которых вы делали HTML-файлы). Каждую фамилия располагайте на новейшей строке, а перед ней пустую строчку.

5. Включите на вашу интернет-страницу графическое изображение, набросок либо фотографию группы (которые вы сохранили в собственной папке Размещение графики. Вставка картинки.).

6. Сделайте гиперссылки на вашей страничке:

· при щелчке на фамилии студента (вашего друга) должен осуществляться переход к просмотру сведений об этом студенте, другими словами на соответственный HTML-файл;

· при щелчке на слове «успеваемость» (сделайте поначалу точку привязки этой гиперссылки), должен раскрываться сохранённый вами текстовый файл;

· в конце странички сделайте внутреннюю Размещение графики. Вставка картинки. ссылку (можно в виде рисунки либо слова), при щелчке на которой будет осуществляться переход на Специальность группы.

7. Добавьте бегущую строчку с заглавием вашего техникума.

* можно задавать фон вашей странички и цвет текста хоть какой (на ваше усмотрение).


razmishlenie-nad-meroj-veshej.html
razmishlenie-trete-figura-nashej-misli-zaglyanut-za-gorizont-piramida-karaseva-podem-v-poziciyu-zakonodatelya-istoriya-filosofemi-kultura-liki-mrakobesiya-v-nachale-bilo-slovo-geterohroniya-idealnoe-i-zhizn.html
razmishleniya-nad-fevralskoj-revolyuciej.html