XML 3 XML XMLDOM HTML HEAD TITLE XMLTITLE
- Slides: 14
Простой XML-документ (3) • • Из XML-документа с помощью объектной модели XML-DOM можно извлечь данные из любого элемента <HTML> <HEAD> <TITLE>Поиск значений элементов в документов XML</TITLE> <META http-equiv="content-type" CONTENT="text/html; CHARSET=Windows-1251"> <XML ID="first. XML" SRC="xml 01 utf 8. xml"></XML> <SCRIPT LANGUAGE="Java. Script"> function get. Data(){ xmldoc= document. all("first. XML"). XMLDocument; node. Doc = xmldoc. document. Element; node. Greeting = node. Doc. first. Child; output. Message = node. Greeting. node. Name+": " + node. Greeting. first. Child. node. Value; message. inner. HTML+=output. Message+" "; } </SCRIPT> </HEAD> <BODY> <CENTER> <H 1>Поиск значений элементов в документов XML</H 1> <DIV ID="message"></DIV> <P><INPUT TYPE="BUTTON" VALUE="Получить Greeting" ONCLICK="get. Data()"> </CENTER> </BODY> </HTML> 10
Язык разметки Math. ML • • www. w 3. org/Math/ <HTML XMLNS: m="http: //www. w 3. org/1998/Math. ML"> <HEAD> <OBJECT ID=Math. Player CLASSID="clsid: 32 F 66 A 20 -7614 -11 D 4 -BD 11 -00104 BD 3 F 987"> </OBJECT> <? IMPORT NAMESPACE="m" IMPLEMENTATION="#Math. Player" ? > </HEAD> <BODY> <p>Уравнение: <m: math> <m: msup><m: mi>x</m: mi><m: mn>2</m: mn></m: msup> <m: mo>+</m: mo> <m: mn>9</m: mn> <m: mi>x</m: mi> <m: mo>+</m: mo> <m: mn>9</m: mn> <m: mo>=</m: mo> <m: mn>0</m: mn> </m: math> </p> <p>Еще одно уравнение: <m: math> <m: mrow> <m: mn>3</m: mn> <m: mo>&Invisible. Times; </m: mo> <m: msup> <m: mi>Z</m: mi> <m: mn>2</m: mn> </m: msup> <m: mo>-</m: mo> <m: mrow> <m: mn>6</m: mn> <m: mo>&Invisible. Times; </m: mo> <m: mi>Z</m: mi> </m: mrow> <m: mo>+</m: mo> <m: mn>12</m: mn> </m: mrow> <m: mo>=</m: mo> <m: mn>0</m: mn> </m: mrow> </m: math> </p> </BODY></HTML> 11
HTML+TIME • <HTML> <HEAD> <TITLE>Using HTML+TIME </TITLE> <STYLE>. time {behavior: url(#default#time); } </STYLE> </HEAD> <BODY> <DIV CLASS="time" t: REPEAT="5" t: DUR="10" t: TIMELINE="par"> <DIV CLASS="time" t: BEGIN="0" t: DUR="10">Hello</DIV> <DIV CLASS="time" t: BEGIN="2" t: DUR="10">there</DIV> <DIV CLASS="time" t: BEGIN="4" t: DUR="10">from</DIV> <DIV CLASS="time" t: BEGIN="6" t: DUR="10">HTML+TIME. </DIV> </BODY> </HTML> 12
XHTML • <? xml version="1. 0"? > <!DOCTYPE html PUBLIC "-//W 3 C//DTD XHTML 1. 0 Transitional//EN" "http: //www. w 3. org/TR/xhtml 1/DTD/xhtml 1 -transitional. dtd"> <html xmlns="http: //www. w 3. org/1999/xhtml" xml: lang="en"> <head> <title> Web page number one! </title> </head> <body> <h 1>Welcome to XHTML!</h 1> <center> This is simple text that appears in this page. <p>Here's a new paragraph!</p> </center> </body> </html> • Создать с расширением html и посмотреть отображение в разных браузерах. Убрать закрывающий тег </center> и отобразить в разных браузерах. • Проделать тоже самое с файлом с расширением xml. 13
Scalable Vector Graphics • • • <h 1>SVG in Action</h 1> <svg width="15 cm" height="15 cm"> <desc>Two groups, each of two rectangles</desc> <rect x="100" y="100" width="100" height="100" fill="red"/> <rect x="300" y="100" width="100" height="100" fill="red"/> <circle cx="100" cy="300" r="100" fill="green"/> <line x 1="0" y 1="0" x 2="200" y 2="200" style="stroke: rgb(255, 0, 0); stroke-width: 2" /> <rect x="300" y="300" width="100" height="100" style="fill: blue"/> </svg> 14
