- Учебник: «Информатика», Семакин И.Г., Залогова Л.А., Русаков С.В., Шестакова Л.В.
- Тема: § 8. Что такое программирование
- 31.12.2020
- 500
- 5
Выбранный для просмотра документ €¢â®à.doc
Скачать материал "Урок информатики и ИКТ «Вставка графических объектов в HTML - документ» 1 курс"
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ Урок Федоренко.docx
Скачать материал "Урок информатики и ИКТ «Вставка графических объектов в HTML - документ» 1 курс"
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ ‚ ¦®!.txt
Скачать материал "Урок информатики и ИКТ «Вставка графических объектов в HTML - документ» 1 курс"
Рабочие листы
к вашим урокам
Скачать
Рабочие листы
к вашим урокам
Скачать
, , , Одиночные : Могут быть одиночными или парными 1.3. Вставить необходимые теги в шаблон html-документа: Объяснение нового материала. Вставка изображений в html-документ. На сайт можно ставить изображения в формате jpg, gif и png. Для небольших изображений, не имеющих большого количества цветов, можно использовать формат gif. Для больших же картинок требующих качественного отображения можно использовать png. Для вставки изображения в HTML используется одиночный тэг img - это от английского слова image - изображение, картинка. , где xxx.jpg - название файла изображения. При этом, картинка должна храниться в какой-то специальной папке, например foto. Если картинка находится в папке foto , то html код будет такой: Если на другом сайте в папке image то будет так:. Важно! Чтобы картинка появилась на вашей странице, правильно указывайте путь к ней, а ещё лучше – размещайте картинки в той же папке, что и ваша страничка. Существуют атрибуты для этого тэга.align - выравнивание по горизонтали Имеет значения left и right height (высота) и width (ширина) - размер изображения в пикселях border - рамка вокруг изображенияborder="1" - Создаёт рамку толщиной 1 пиксельalt - для того, чтобы при наведении на картинку появлялась подсказка, т.е. краткое описание изображения или так называемый альтернативный текстalt=”моя картинка” Закрепление материала. Рассмотрим пример создания web-странички, на которой находятся картинки с альтернативными текстом. Нам необходимо создать html-документ Олимпиада, на котором в таблице 3х2 нужно расположить три изображения с альтернативными надписями и такими же подписями во второй строке. Рекомендации к выполнению задания. Создайте свою папку в папке Мои документы. Картинки находятся в папке foto, находящейся в сетевой папке Prepod. Откройте папку Prepod. Необходимо загрузить папку foto в свою папку. При вставке картинки, измените её размер с помощью атрибутов тега . Cохраните html-файл в своей папке с именем Олимпиада. Исходный html-код Олимпиада ОЛИМПИЙСКАЯ СИМВОЛИКА Зажжение олимпийского огня Олимпийский флаг Талисманы олимпиады 2014
6 670 675 материалов в базе
Настоящий материал опубликован пользователем Пицель Татьяна Федоровна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Курс профессиональной переподготовки
300/600 ч.
Мини-курс
8 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.