- •Введение
- •1. Цель работы
- •2. Порядок выполнения работы
- •3. Теоретические положения
- •3.1. Создание страницы html
- •3.2 Редактирование страницы html
- •4. Практические задания Задание 1. Создание простейшей Web-страницы.
- •Задание 2. Изучение приемов форматирования абзацев.
- •Задание 3. Создание гиперссылок.
- •Задание 4. Создание изображения и использование его на Web-странице.
- •Задание 5. Приемы форматирования текста.
- •Задание 6. Приемы создания списков.
- •Задание 7. Создание таблиц.
- •Задание 8. Создание описания фреймов.
- •4. Содержание отчета
- •5. Контрольные вопросы
- •6. Список рекомендуемой литературы
- •Приложение
3.2 Редактирование страницы html
Парный тег <FONT> позволяет управлять параметрами шрифта. Он должен обязательно содержать хотя бы один из атрибутов:
-
COLOR=”шестнадцатеричный код цвета”,
-
FACE=гарнитура шрифта,
-
SIZE=размер от 1 до 7.
Элементы стиля
-
<I>.....</I> Курсив(Italic)
-
<B>...</B> Усиление(BOLD)
-
<TT>...</TT> Телетайп
-
<U>...</U> Подчеркивание
-
<S>...</S> Перечеркнутый текст
-
<BIG>...</BIG> Увеличенный текст
-
<SMALL>...</SMALL> Уменьшенный текст
-
<SUB>...</SUB> Подстрочные символы
-
<SUP>...</SUP> Надстрочные символы
Существуют списки трех видов:
-
упорядоченные (нумерованные),
-
неупорядоченные (ненумерованные),
-
списки определений.
Они создаются при помощи парных тегов:
<OL> для упорядоченного списка,
<UL> для неупорядоченного,
<LI> для элементов списка,
<DL> для списка определений,
<DD> для определений,
<DT> для определяемых терминов.
Таблицы используют для представления больших объемов текста, а также для точного размещения элементов страниц. Таблица в языке HTML задается при помощи парного тега <TABLE>. Она может содержать заголовок таблицы, определяемый тегом <CAPTION>, и строки таблицы, задаваемые при помощи парных тегов <TR>. Каждая строка таблицы содержит ячейки таблицы, которые могут относится к двум разным типам:
<TH> ячейки в заголовках таблиц,
<TD> обычные ячейки.
Язык HTML позволяет в рамках одной WEB-страницы отобразить несколько документов. Для этого страница должна быть разбита на несколько областей — фреймов. Тело документа <BODY> заменяется описанием фреймов, задаваемых парным тегом <FRAMESET>. Атрибуты: COLS= разбиение окна вертикально, ROWS= разбиение окна горизонтально.
4. Практические задания Задание 1. Создание простейшей Web-страницы.
-
Запустите текстовый редактор Блокнот (Пуск > Программы > Стандартные > Блокнот).
-
Введите следующий документ:
-
<HTML> <HEAD><TITLE>Заголовок документа</TITLE></HEAD> <BODY> Содержание документа
</BODY>
</HTML>
-
Сохраните этот документ под именем first.html. Перед сохранением убедитесь, что сброшен флажок "Скрывать расширения для зарегистрированных типов файлов" (Пуск > Настройка > Панель управления > Свойства папки > Вид). В противном случае редактор Блокнот может автоматически добавить в конец имени расширение .ТХТ
-
Запустите программу Internet Explorer (Пуск > Программы > Internet Explorer).
-
Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл first.html.
-
Посмотрите, как отображается этот файл — простейший корректный документ HTML. Где отображается содержимое элемента TITLE? Где отображается содержимое элемента BODY?
-
Как отображаются слова "Содержание" и "документа", введенные в двух отдельных строчках? Почему? Проверьте, что происходит при уменьшении ширины окна.
Задание 2. Изучение приемов форматирования абзацев.
-
Откройте документ first.html в программе Блокнот.
-
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.
-
Введите заголовок первого уровня, заключив его между тегами <H1> и </H1>.
-
Введите заголовок второго уровня, заключив его между тегами <H2> и </H2>.
-
Введите отдельный абзац текста, начав его с тега <P>. Пробелы и символы перевода строки можно использовать внутри абзаца произвольно.
-
Введите тег горизонтальной линейки <HR>.
-
Введите еще один абзац текста, начав его с тега <P>.
-
Сохраните этот документ под именем paragraph.html
-
Запустите обозреватель Internet Explorer (Пуск > Программы > Internet Explorer).
-
Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл paragraph.html
-
Посмотрите, как отображается этот файл. Установите соответствие между элементами кода HTML и фрагментами документа, отображаемыми на экране.