- •Практическое занятие № 1. Создание html – документов в текстовом редакторе Блокнот. Структура документа, форматирование, работа со шрифтами.
- •Практическое занятие № 2. Создание html – документов в текстовом редакторе Блокнот. Работа со списками и гиперссылками.
- •Откройте текстовый редактор Блокнот (Пуск Программы Стандартные Блокнот).
- •Практическое занятие № 3. Создание html – документов в текстовом редакторе Блокнот. Работа с таблицами.
- •Откройте текстовый редактор Блокнот (Пуск Программы Стандартные Блокнот).
- •Практическое занятие № 4. Создание html – документов в текстовом редакторе Блокнот. Работа с изображений.
- •Откройте текстовый редактор Блокнот (Пуск Программы Стандартные Блокнот).
Практическое занятие № 2. Создание html – документов в текстовом редакторе Блокнот. Работа со списками и гиперссылками.
Откройте текстовый редактор Блокнот (Пуск Программы Стандартные Блокнот).
Сохраните документ с имением doc2.html в папке С:\Winnt\Profiles\Ваше_имя_пользователя (Для этого в окне сохранения файла выберете в поле тип файла пункт «Все файлы», в поле имя файла вручную введите имя и расширение).
Введите следующий HTML – код: <HTML > <HEAD> <TITLE>Работа со списками и гиперссылками </TITLE> </HEAD> <BODY> Меня зовут Маша Иванова. Я учусь в СГУ. <p> Я должна знать следующие основные теги HTML: </BODY> </HTML>
В теле документа вставьте нумерованный список : <ol> <li>Структурные теги <li>Теги форматирования <li>Теги для работы со списками <li>Теги для работы с гиперссылками </ol>
Сохраните документ. Просмотрите его в браузере.
После нумерованного списка вставьте заголовок <h4>Основные структурные теги</h4> и ненумерованный список <ul> <li>< html > <li>< head > <li>< body > </ul>.
Сохраните документ. Перейдите в окно браузера и обновите страницу. Проанализируйте изменения. Вернитесь в окно Блокнота.
После ненумерованного списка вставьте заголовок <h4>Основные форматирующие теги</h4> и ненумерованный список <ul type=square> <li>< p > <li>< br > <li>< hr > <li>< i > <li>< b > <li>< u > <li>< em > <li>< strong > </ul>
Выполните действия шага 7 и продолжайте выполнять задания, следующие за данным пунктом.
После ненумерованного списка вставьте заголовок <h4>Основные теги работы со списками</h4> и список определений <dl> <dt>< ol > <dd> Нумерованный список <dt>< ul > <dd> Ненумерованный список <dt>< li > <dd> Элемент списка <dt>< dl > <dd> Список определений </dl> Выполните действия шага 7 и продолжайте выполнять задания, следующие за данным пунктом.
a) Создайте в документе метки : <a Name=struktur>, <a Name=format>, <a Name=list> для элементов “Основные структурные теги”, “Основные форматирующие теги”, “Основные теги работы со списками” соответственно, то есть <a Name=struktur> <h4>Основные структурные теги </h4></a> <a Name=format> <h4> Основные форматирующие теги </h4></a> <a Name=list><h4> Основные теги работы со списками </h4></a> b) Элементы нумерованного списка документа сделайте ссылками на соответствующие метки документа, то есть: <li><a href=#struktur> Cтруктурные теги </a> <li><a href=#format> Форматирующие теги </a> <li><a href=#list>Теги работы со списками </a> с) Слово СГУ сделайте ссылкой на сайт СГУ (www.sgu.ru), то есть <a href=http:\\www.sgu.ru> СГУ</a> Выполните действия шага 7 и продолжайте выполнять задания, следующие за данным пунктом.
a) В тег <body> добавьте атрибуты link=green alink=red vlink= gray b) В тег <a>, заключающий в себя слово СГУ добавьте атрибут target=_blank Выполните действия шага 7 и покажите созданный документ преподавателю.
Практическое занятие № 3. Создание html – документов в текстовом редакторе Блокнот. Работа с таблицами.