Практикум 2. Визуализация первого XML-документа, используя внешнюю таблицу стилей

Используя тот же пример student.xml, визуализируем его с помощью внешней таблицы стилей.

4. Наберите следующий код в блокноте и сохраните в файле с именем pr_2_2.xml

<?xml version = '1.0' encoding = 'windows-1251'?>
<?xml-stylesheet type="text/css" href="mystylesheet.css"?>
<student> <lastName>Шилин</lastName> <firstName>Алексей</firstName> <middleName>Валерьевич</middleName> <faculty>УП-1</faculty> <grNum>1</grNum> <dateStarted>1-09-2000</dateStarted> <photo>images/jjanus.jpg</photo> </student>

5. Наберите следующий код в блокноте и сохраните в файле с именем myslylesheet.css.

style {display:none} student {display:block; color:gray} lastName {font-weight:bold;font-style:italic} photo {display:none}

6. Теперь откройте файл pr_2_2.xml в IE. Если вы набрали все теги в точности, файл будет выглядеть также как и пример pr_2_1.xml

Практикум 3. Приоритеты между внешними и внутренними таблицами стилей

А что если в XML-документе используются несколько таблиц стилей, как же анализатор определит какие стили использовать – приоритеты. Попробуем объединить две предыдущие таблицы стилей в одном XML-документе, применив во внешней таблице красный цвет к тексту.

<?xml version = '1.0' encoding = 'windows-1251'?>
<?xml-stylesheet type="text/css" href="#mystylesheet"?> <?xml-stylesheet type="text/css" href="mystylesheet01.css"?>
<student>
<student> <style id="mystylesheet"> style {display:none} style {display:none} student {display:block; color:gray} lastName {font-weight:bold;font-style:italic} photo {display:none} </style>
<lastName>Шилин</lastName> <firstName>Алексей</firstName> <middleName>Валерьевич</middleName> <faculty>УП-1</faculty> <grNum>1</grNum> <dateStarted>1-09-2000</dateStarted> <photo>images/jjanus.jpg</photo> </student>

Практикум 3. Атрибуты

Для дополнительного описания элементов XML и их структуры служат атрибуты. Атрибуты содержат уточняющую информацию об элементе. Усложним пример из практикума 1, добавив несколько студентов.

2. Построим иерархическое дерево нового XML-документа будет выглядеть так:

4. Теперь откройте этот файл в IE. Если вы набрали все теги в точности, файл students.xml будет выглядеть так: Практикум 2. Визуализация первого XML-документа, используя внешнюю таблицу стилей - student2.ru

Изменив элемент <student> на <student id> мы тем самым уточнили информацию о студенте, теперь каждый студент имеет свой идентификационный номер (id_student).   2. Наберите следующую информацию в Notepad и сохраните ее на жестком диске под именем students.xml
<?xml version = '1.0' encoding = 'windows-1251'?> <students> <student id="101"> <lastName>Шилин</lastName> <firstName>Алексей</firstName> <middleName>Валерьевич</middleName> <faculty>УП-1</faculty> <grNub>1</grNub> <dateStarted>1-09-2000</dateStarted> <photo>images/101.jpg</photo> </student> <student id="102"> <lastName>Петров</lastName> <firstName>Олег</firstName> <middleName>Михайлович</middleName> <faculty>УП-1</faculty> <grNub>2</grNub> <dateStarted>1-09-2000</dateStarted> <photo>images/102.jpg</photo> </student> <!-- more students, as required --> </students>




 
  Практикум 2. Визуализация первого XML-документа, используя внешнюю таблицу стилей - student2.ru


Наши рекомендации