Тема: «Создание гиперссылок и вставка изображений в HTML-странице»

Разработки курсов
doc
20.06.2017

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Добавить материал

Цель: «Освоить принципы вставки изображений и гиперссылок в HTML-странице» Создать HTML-страницу со следующим содержанием: 1. Поработать с изображениями здесь 2. Поработать с оформлением текста здесь 3. Поработать со списками здесь Страницу создать в «Блокноте» и сохранить в папке группы. Слово «ЗДЕСЬ» – это ссылка при нажатии которой, происходит переход на соответствующий HTML файл. Каждая ссылка – это отдельный файл, который ОБЯЗАТЕЛЬНО должен находиться в одной папке вместе с файлом index.html. Для оформления ссылок используется тег <A>.

Создание гиперссылок и вставка изображений в HTMLстраницу.doc

Тема: «Создание гиперссылок и вставка изображений в HTMLстранице» Цель: «Освоить принципы вставки изображений и гиперссылок в HTMLстранице» Создать HTMLстраницу со следующим содержанием: 1. Поработать с изображениями здесь 2. Поработать с оформлением текста здесь 3. Поработать со списками здесь Страницу создать в «Блокноте» и сохранить в папке группы. Слово «ЗДЕСЬ» – это ссылка при нажатии которой, происходит переход на соответствующий HTML файл. Каждая ссылка – это отдельный файл, который ОБЯЗАТЕЛЬНО должен находиться в одной папке вместе с файлом index.html. Для оформления ссылок используется тег . Содержимое страницы при переходе на «Файл 1» Изображение – это объект, образ, явление, в той или иной степени подобное (но не идентичное) изображаемому или сам процесс их создания. Работа с изображениями в html-странице: Изображения помещаются на Web-страницу тэгом IMG с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла. Вставка произвольного рисунка в содержимое страницы: Красивый
В web-страницах используются графические файлы
форматов GIF, JPEG и PNG.
цветок

Красивый
В web-страницах используются графические файлы
форматов GIF, JPEG и PNG.
цветок

ВНИМАНИЕ! Высота и ширина картинки должны быть оригинальными либо пропорционально уменьшенными/увеличенными. Содержимое страницы при переходе на «Файл 2» Для изменения фрагментов текста используется тэг . Данный тег содержит атрибуты: «FACE» - определяет гарнитуру шрифта, атрибут «COLOR» – цвет шрифта и атрибут «SIZE» - размер символов. Выравнивание текста по горизонтали задает атрибут ALIGN. Его возможные значения: left - выравнивание по левому краю center – по центру justify – по ширине и right - по правому краю Выделим часть текста более крупным шрифтом и цветом и определим выравнивание:

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

Перед нами, напечатан простой текст Times New Roman для создания нашей HTML-странички, выровненный по правому краю.

напечатан простой текст Arial для создания нашей HTML-странички, выровненный по центру.

Перед нами, ЗАГОЛОВОК ТЕКСТА Содержимое страницы при переходе на «Файл 3» Для создания нумерованных списков в htmlстранице используются тэги OL и LI. Для создания маркированных списков применяют тэги UL и LI. Тэгом LI обозначают начало/конец отдельного элемента списка. Тегами OL и UL обозначают начало и конец нумерованного и маркированного списка соответственно.СПИСОК мультяшных героев: 1. 2. 3. 4. 5. Чебурашка Крокодил «Гена» Поросенок «Фунтик» Шапокляк Кот «Матроскин» Сделать КОПИЮ списка и применить нумерацию различными буквами и маркерами.

Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.

Посмотрите также