Поделиться
023. Создание HTML-документа.doc
Тема: Создание HTML-документа
Цель: формирование умений применения различных тэгов HTML
Время выполнения: 2 часа
Теоретический материал:
HTML – язык разметки гипертекста. Синтаксис языка разметки не является жестким, и поэтому, если при интерпретации браузер обнаруживает ошибку, он делает предположение о том, как можно исправить некорректный код, или просто игнорирует все, что не в состоянии интерпретировать. Основным элементом языка HTML является тэг. Основные тэги по форматированию шрифта:
<b> - установить жирный шрифт. Нужен закрывающийся тэг. </b>
<i> - установить курсивный шрифт. Нужен закрывающийся тэг. </i>
<u> - установить подчёркнутый шрифт. Нужен закрывающийся тэг. </u>
Для более подробной установки атрибутов текста используется тэг <font>.
Тег <UL> и обязательный парный ему </UL>. Тег <UL>(Unordered List) служит для создания ненумерованного списка. Допускается вложение ненумерованного списка в списки другого вида.
Атрибуты:
type – тип маркера:
|
disk |
Закрашенный кружок. По умолчанию |
|
circle |
Незакрашенный кружок |
|
square |
Квадратик |
title – всплывающая подсказка.
Тег <LI> и необязательный парный ему </LI>. Тег <LI>(List Item) служит для обозначения элемента (строки) списка. Используется в нумерованных(OL) и ненумерованных(UL) списках.
Задания:
1. Запишите в качестве заголовка (title) web-страницы свою фамилию, имя и группу. В качестве фона страницы задайте некоторый рисунок. Для определённого предложения установите заголовок H1.
2. Отформатируйте абзац следующим образом: установите красный цвет шрифта, размер больше обычного на 1, жирный, гарнитура – Monotype Corsiva, выравнивание по центру.
3. Составьте маркированный список из трёх элементов, в качестве типа маркера установите закрашенный круг.
4. Составьте нумерованный список из четырёх элементов, в качестве типа маркера установите строчные римские цифры.
Требования к отчёту: в тетрадь оформляются все пункты хода работы по порядку.
Ход работы:
1. Решение всех заданий должно содержаться в одном файле.
2. Создайте на диске D папку (это будет Ваша рабочая папка).
3. Создайте в этой папке файл index.html, запустите его. Документ откроется в браузере. Для его редактирования зайдите в пункт меню «Вид -> просмотр HTML-кода».
4. Скопируйте на страницу следующий текст:
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br> Добро пожаловать! :)
</body>
</html>
5. Сохраните документ через меню «Файл -> Сохранить».
6. Перейдите в браузер и нажмите кнопку «Обновить». Если изменений не видно, то это значит, что неправильно введён программный код, или документ не сохранен.
7. Скорректируйте текст документа в соответствие с заданием.
Контрольные вопросы:
1. Опишите структуру web-страницы.
2. Запишите тэги и примеры для форматирования текста.
3. Укажите тэги и их атрибуты для создания маркированных и нумерованных списков.
4. Приведите примеры создания списков.
5. Укажите атрибуты тэга <body>.
6. Охарактеризуйте тэги по оформлению заголовков различных уровней.
Скачано с www.znanio.ru
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
