Кодирование на XML

Этот практикум рекомендуется только для тех, кто уже немного знаком с технологией CSS, остальные могут его опустить без ущерба для понимания следующих тем курса.

Задание 1. Список учеников

Создайте XML-документ, отображающий список учеников:

• Кудинов Антон, 5 класс, хорошо играет в шахмататы;
• Ласточкина Света, 6 класс, увлекается музыкой;
• Иванов Коля, 6 класс, спортивный мальчик;
• Пеструхин Илья, 8 класс, любитель животных;
• Чайкина Оксана, 8 класс, хобби: кройка и шитьё.

Используйте приведённые ниже заготовки. Стилевой файл запишите под именем task1.css, а файл с XML-кодом под именем task1.xml в каталог, который укажет учитель. В качестве текстового редактора используйте Блокнот или PSPad.

Файл task1.css

  
HEADER
{
  display:block;
  font-size:150%; 
  margin-top:1em;
  margin-bottom:0.5em;
  font-weight:bold;
  color: #009900;
  font-family: Arial, sans-serif;
}
PUPIL
{
  display:block;
  margin-top:0.5em;
  margin-bottom:0.5em;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: black;
}
FAMILY, NAME, GRADE, SEX, HOBBY
{
  display:block;
}

Файл task1.xml

Задание 2. Заметка

Создайте XML-документ, отображающий заметку “Сколько весит мой сайт”:

Используйте приведённые ниже заготовки. Стилевой файл запишите под именем task2.css, а файл с XML-кодом под именем task2.xml в каталог, который укажет учитель. В качестве текстового редактора используйте Блокнот или PSPad.

Файл task2.css

  
HEADER /* заголовок */
{
  display:block;
  font-size:150%; 
  margin-top:1em;
  margin-bottom:0.5em;
  font-weight:bold;
  color:#009900;
  font-family: Arial, sans-serif;
}
PAR /* абзац */
{
  display:block;
  margin-top:1em;
  text-align:justify;
}
SP /* выделение */
{
  font-style:italic;
}
LINE /* линия */
{
  display:block;
  margin-top:0.5em;
  margin-bottom:0.5em;
  border-top-style: solid;
  border-width: 1px;
  border-top-color: black;
}

Файл task2.xml