Информатика и выч. техника \ Компьютерные информационные технологии

Современное информационное пространство. Создание Web-документа с помощью языка HTML. Основные теги документа HTML, страница 5

Назначение

Тег

Нумерованный список

<OL>…</OL>

Элемент нумерованного списка

<LI>

Маркированный список

<UL>…</UL>

Элемент маркированного списка

<LI>

Задание 16

1. Используя приложение Блокнот, создайте документ, демонстрирующий использование маркированных и нумерованных списков.

2. Введите следующий текст:

<HTML>

<HEAD><TITLE>списки</TITLE></HEAD>

<BODY>

маркированный список:

<UL>

<LI>первый пункт;

<LI>второй пункт;

<LI>третий пункт.

</UL>

нумерованный список:

<OL>

<LI>первый пункт.

<LI>второй пункт.

<LI>третий пункт.

</OL>

</BODY> </HTML>

3. Сохраните документ под именем Списки.html и просмотрите его в браузере.

Результат выполнения задания приведен на рис. 11.

Рис. 11. Результат выполнения задания 16

Задание 17

1. Отредактируйте файл Primer1.html, содержащий следующий текст:

разбиение текста на строки и абзацы;

создание заголовков;

выравнивание текста;

начертание шрифта;

размер шрифта;

цвет шрифта и фона;

создание списков;

работа с таблицами;

бегущая строка.

2. данный текст преобразуйте в маркированный список.

3. Удалите теги <PRE> и </PRE>. Сохраните изменения и просмотрите документ в браузере.

4. Содержимое файла Primer1.html после выполнения всех заданий по редактированию должно иметь следующий вид:

<HTML>

<HEAD>

<TITLE>ОбщийвиддокументаHTML</TITLE>

</HEAD>

<BODY BGCOLOR=FUSCHIA>

<FONT COLOR=WHITE>

<H3 ALIGN=CENTER >Начальные сведения</H3></FONT>

<FONT COLOR=GREEN>

Вот<BR>

<FONT SIZE=+1> <U>некоторые приемы работы, </U> </FONT> <BR>

которые мы освоим:

<UL>

<LI>разбиение текста на строки и абзацы;

<LI>создание заголовков;

<LI>выравнивание текста;

<LI>начертание шрифта;

<LI>размер шрифта;

<LI>цвет шрифта и фона;

<LI>создание списков;

<LI>работа с таблицами;

<LI>бегущая строка.

</UL>

</FONT>

</BODY>

</HTML>

результат выполнения задания приведен на рис. 12.

Рис. 12. Результат выполнения задания 17

1.9. Списки определений

для создания списков определений необходимо воспользоваться тегами из табл. 9.

Таблица 9. Теги для создания списка определений

 

Назначение

Тег

Список определений

<DL>…</DL>

термин в списке определений

<DT>

Определение термина в списке определений

< DD >

Задание 18

1. Используя приложение Блокнот, создайте документ со списком определений.

2. введите следующий текст:

<HTML>

<HEAD><TITLE>списки определений</TITLE></HEAD>

<BODY>

Теги для создания списков

<DL>

<DD>&lt;OL&gt;

<DT> Тег для создания нумерованного списка

<DD>&lt;UL&gt;

<DT> Тег для создания маркированного списка

<DD>&lt; DL&gt;

<DT> Тег для создания списка определений

</DL>

</BODY> </HTML>

3. Сохраните документ под именем Списокопределений.html и просмотрите его в браузере. результат выполнения задания приведен на рис. 13.

Рис. 13. Результат выполнения задания 18

1.10. Работа с таблицами

для создания и форматирования таблиц используются теги, приведенные в табл. 10.

Таблица 10. Теги для создания и форматирования таблиц

Скачать файл