Основы XML

       

Создайте поле примечаний


  1. В вашем текстовом редакторе откройте файл таблицы стилей Raven.css, представленный в Листинге 7.6.
  2. Модифицируйте таблицу стилей, чтобы она приняла вид, представленный в Листинге 7.7.

    К оригинальной таблице стилей добавлены следующие новшества.

    • Для элементов STANZA установлено левое поле в один дюйм.
    • Элемент NOTE (который вы добавите в документ позднее) отформатирован как поле примечания, отображаемое в зоне левого поля первого элемента STANZA. Для этого:
      • для него установлено сплошное обрамление с толщиной линий 1 пиксель;
      • текст выровнен по центру;
      • для свойств width и height установлено значение в один дюйм;
      • установлен режим обтекания с размещением слева от последующего текста.
      • Воспользуйтесь командой Save As (Сохранить как) вашего текстового редактора, чтобы сохранить копию модифицированного документа под именем Raven01.css.

        /* File Name: Raven01.css */

        POEM {font-size:12pt}

        POEM, TITLE, AUTHOR, DATE, NOTE, STANZA, VERSE {display:block}

        DATE {margin-bottom:.25in}

        STANZA {margin-left:1in; margin-bottom:.25in}

        NOTE {border-style:solid; border-width:1px; text-align:center; width:1in; height:1in; float:left}

        Листинг 7.7. Raven01.css (html, txt)

      • В вашем текстовом редакторе откройте документ Raven.xml, представленный в Листинге 7.6.
      • В файле Raven.xml отредактируйте инструкцию по обработке xml-stylesheet в начале файла, чтобы он указывал на новую таблицу стилей, которую вы только что создали – Raven01.css – следующим образом: <?xml-stylesheet type="text/css" href="Raven01.css"?>

      • В документе Raven.xml добавьте следующий новый элемент непосредственно над элементом STANZA: <NOTE>This is a floating margin note. </NOTE>

        Поскольку в таблице стилей для элемента NOTE вы установили свойство float:left , он будет располагаться слева от последующего текста документа – т.е., слева от первого элемента STANZA.

      • Воспользуйтесь командой Save As (Сохранить как) вашего текстового редактора, чтобы сохранить копию модифицированного документа под именем Raven01.xml.


        Весь документ представлен в Листинге 7.8.

        Листинг 7.8. Raven01.xml (html, txt)

      • Откройте файл Raven01.xml в Internet Explorer 5. Он будет иметь вид, как показано на рисунке 7.34.


        Рис. 7.34. 



      Содержание раздела