Задание 01 <- Практикум <- 09. Кодирование списков

Кодирование списков

Практикум

Задание 01. Маркированный список

Создайте документ, вид которого показан на рисунке. Сохраните документ в файл task01.htm (каталог назовёт учитель).

Пример 01

<HTML>

<HEAD>
    <META http-equiv="Content-Type"
          content="text/html; charset=windows-1251">
    <TITLE>Пример 01</TITLE>
  </HEAD>

Пример 01

Грамматика и дизайн

Речь идёт о правилах расстановки знаков 
препинания. Например, если запятая поставлена 
через пробел от слова, которое сопровождает, 
браузер может перенести её на отдельную строку. 
Визуально это портит дизайн страницы.

Если, например, записать:

Запятая поставлена через пробел от
слова , которое она сопровождает.

то браузер может вывести это так:

Запятая поставлена через пробел от слова
, которое она сопровождает.

Страдает уже не только грамматика, но и внешний 
вид страницы!

Пробел ставится после, а не до:

запятой,
      точки,
      точки с запятой,
      двоеточия,
      вопросительного знака,
      восклицательного знака,
      многоточия,
      закрывающей скобки,
      закрывающей кавычки.

Пробел ставится до, а не после:

открывающей скобки,
      открывающей кавычки.

Пробел ставится до и после:

тире.

Причём, перед тире (в середине предложения) 
ставится неразрывный пробел
"&nbsp;", 
а после -- обычный.

Пробел не ставится между скобкой и следующей за 
ней кавычкой.

Пробелы при дефисе вообще не ставятся.

</BODY>

</HTML>

Список тегов:
BIG, BLOCKQUOTE, BR, CITE, CODE, DFN, DIV, EM, FONT, Hn, HR, LI, OL, P, PRE, SMALL, STRONG, UL.

Значения атрибута type для тега UL:
circle, disc, square.

Значения атрибута type для тега OL:
1, A, a, I, i.

Кнопка Восстановить восстанавливает первоначальную заготовку, стирая набранный текст. Кнопка Показать открывает окно документа. Кнопка Закрыть — закрывает его.

вверх | возврат