visualización de documentos xml con html
DESCRIPTION
Visualización de documentos XML con HTML. la etiqueta de HTML. Es una técnica de Microsoft. En exploradores diferentes a IE5 es probable que funcione igual el uso del elemento script: ... - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/1.jpg)
Visualización de documentos XML con HTML
![Page 2: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/2.jpg)
la etiqueta <xml> de HTML
Es una técnica de Microsoft. En exploradores diferentes a IE5 es probable que funcione igual el uso del elemento script:<script language=“xml” type=“text/xml” id=“nombre_id” src=“documento_XML.xml”>...</script>
Es una técnica para la introducción de datos XML en una página web HTML
Microsoft la denomina vinculación de datos (data binding) Técnica ligada al desarrollo técnico conocido como ADO
(ActiveX Data Object) Se trata de un desarrollo que puede proporcionar unos
controles de acceso remoto a datos conocidos como controles DSO (Data Source Object)
Mediante la etiqueta <xml> se puede incluir y gestionar datos XML (data island) en el interior de un documento HTML
![Page 3: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/3.jpg)
<HTML><HEAD><TITLE>Esto es una prueba</TITLE></HEAD><BODY><XML ID=“pruebaDSO” href=“prueba.xml”></XML>....................</BODY></HTML>
![Page 4: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/4.jpg)
<?xml version="1.0" encoding="ISO-8859-1" ?><alumnos> <alumno> <numero>1</numero> <nombre>Eduardo</nombre> <apellido>Peis</apellido> <nivel>Iniciación</nivel> <curso>XML</curso> </alumno> <alumno> <numero>2</numero> <nombre>Jaime</nombre> <apellido>Pérez</apellido> <nivel>Avanzado</nivel> <curso>Windows 2000</curso> </alumno> <alumno> <numero>3</numero> <nombre>José Manuel</nombre> <apellido>Galdo</apellido> <nivel>Básico</nivel> <curso>HTML</curso> </alumno> <alumno> <numero>4</numero> <nombre>María Teresa</nombre> <apellido>Ortega</apellido> <nivel>Medio</nivel> <curso>UNIX</curso> </alumno></alumnos>
![Page 5: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/5.jpg)
<HTML><HEAD><TITLE>Esto es una prueba</TITLE></HEAD><BODY><XML ID=“pruebaDSO_2”><alumnos>
<alumno>..........</alumno><alumno>..........</alumno><alumno>..........</alumno><alumno>..........</alumno>
</alumnos></XML>.............</BODY></HTML>
![Page 6: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/6.jpg)
tabla típica HTML.....<body>.....<table><caption>LISTA DE ALUMNOS</caption><thead><th>Número</th><th>Nombre</th><th>Apellido</th><th>Curso</th><th>Nivel</th></thead><tbody><tr><td>1</td><td>Eduardo</td><td>Peis</td><td>XML</td><td>Iniciación</td></tr><tr>.....</tr></tbody></table>....</body>....
![Page 7: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/7.jpg)
<html><head><title>Lista de alumnos 1</title></head><body><xml id="ListaAlumnos1" src="alumnos04_01.xml"></xml><table datasrc="#ListaAlumnos1" border="1"> <caption>LISTA DE ALUMNOS</caption> <thead> <th>Número</th> <th>Nombre</th> <th>Apellido</th> <th>Curso</th> <th>Nivel</th> </thead> <tbody> <tr> <td><span datafld="numero"></span></td> <td><span datafld="nombre"></span></td> <td><span datafld="apellido"></span></td> <td><span datafld="curso"></span></td> <td><span datafld="nivel"></span></td> </tr> </tbody> </table></body></html>
![Page 8: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/8.jpg)
........<alumno> <numero>1</numero> <nombre>Eduardo</nombre> <apellido>Peis</apellido>
<edad>19</edad> <nivel>Iniciación</nivel> <curso>XML</curso>
<sexo>H</sexo><observaciones>Pendiente de pago</observaciones>
</alumno><alumno> <numero>2</numero> <nombre>Jaime</nombre> <apellido>Pérez</apellido>
<edad /> <nivel>Avanzado</nivel> <curso>Windows 2000</curso>
<sexo>H</sexo><observaciones>Hizo el curso de Iniciación en
1998</observaciones></alumno>........
![Page 9: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/9.jpg)
<html><head><title>Lista de alumnos 3</title><style type="text/css"> body {font-family:Verdana,sans-serif; font-size:12pt}h2 {font-family:Comic Sans MS;font-size:16px;color:navy}</style></head>
<body><center><h2>LISTADO DE ALUMNOS del Centro "TODO-WEB"</h2><xml id="ListaAlumnos3" src="alumnos04_04.xml"></xml><table datasrc="#ListaAlumnos3" border="0" cellspacing="4" cellpadding="2"><caption>LISTA DE ALUMNOS</caption><thead><tr bgcolor="#cc99cc"><th>Núm</th><th>Nombre</th><th>Apellido</th><th>Curso</th><th>Nivel</th><th>Edad</th></tr></thead><tbody><tr bgcolor="#cccccc"><td align="center"> <span datafld="numero"></span> </td><td align="right"> <span datafld="nombre"></span> </td><td><b> <span datafld="apellido"></span> </b></td><td align="center"> <span datafld="curso"></span> </td><td bgcolor="#ff9999"><u> <span datafld="nivel"></span> <u></td><td align="center"> <span datafld="edad"></span> </td></tr></tbody></table></center></body></html>
Eduardo Peis:
ejemplo04_05.htm
Eduardo Peis:
ejemplo04_05.htm
![Page 10: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/10.jpg)
<html><head><title>Lista de alumnos 4</title><style type="text/css"> body {font-family:Verdana,sans-serif; font-size:12px; font-weight:normal}h2 {font-family:Comic Sans MS;font-size:16px;color:navy}</style></head><body><center><h2>LISTADO DE ALUMNOS del Centro "TODO-WEB"</h2><xml id="ListaAlumnos4" src="alumnos04_04.xml"></xml><table datasrc="#ListaAlumnos4" border="0" cellspacing="4" cellpadding="2"><caption>LISTA DE ALUMNOS</caption><thead><tr bgcolor="#cc99cc"><th>Núm</th><th>Nombre</th><th>Apellido</th><th>Curso</th><th>Nivel</th></tr></thead><tbody><tr bgcolor="#cccccc"><td align="center"><span datafld="numero"></span></td><td align="right"><span datafld="nombre"></span></td><td><b><span datafld="apellido"></span></b></td><td align="center"><span datafld="curso"></span></td><td bgcolor="#ff9999"><u><span datafld="nivel"></span><u></td></tr></tbody></table><p> </p>
Sigue
Eduardo Peis:
ejemplo04_06.htm
Eduardo Peis:
ejemplo04_06.htm
![Page 11: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/11.jpg)
<table datasrc="#ListaAlumnos4" border="0" cellspacing="4" cellpadding="2"><caption>OBSERVACIONES DE ALUMNOS</caption><thead><tr bgcolor="#cc99cc"><th>Nombre</th><th>Apellido</th><th>Edad</th><th>Observaciones</th></tr></thead><tbody><tr bgcolor="#cccccc"><td align="right"><span datafld="nombre"></span></td><td><b><span datafld="apellido"></span></b></td><td align="center"><span datafld="edad"></span></td><td bgcolor="#ccffcc"><i><span datafld="observaciones"></span><i></td></tr></tbody></table>
</center></body></html>
![Page 12: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/12.jpg)
<?xml version="1.0" encoding="ISO-8859-1" ?><alumnos> <alumno> <numero>1</numero> <nombre>Eduardo</nombre> <apellido>Peis</apellido>
<edad>19</edad> <nivel>Iniciación</nivel>
<cursos> <curso1>XML</curso1>
<curso2>HTML</curso2><curso3 />
</cursos><sexo>H</sexo><observaciones>Pendiente de pago</observaciones>
</alumno>.....
Eduardo Peis:
asimétricos
Eduardo Peis:
asimétricos
![Page 13: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/13.jpg)
<html><head>.......</head><body><center><h2>LISTADO DE ALUMNOS del Centro "TODO-WEB"</h2><xml id="ListaAlumnos5" src="alumnos04_07.xml"></xml><table datasrc="#ListaAlumnos5" border="0" cellspacing="4" cellpadding="2"><caption>LISTA DE ALUMNOS</caption><thead><tr bgcolor="#cc99cc">.....</tr></thead><tbody><tr bgcolor="#cccccc"><td align="center"><span datafld="numero"></span></td><td align="right"><span datafld="nombre"></span></td><td><b><span datafld="apellido"></span></b></td><td><table datasrc="#ListaAlumnos5" datafld="cursos" cellspacing="0"><tbody><tr><td><span datafld="curso1"></span><br><span datafld="curso2"></span><br><span datafld="curso3"></span> </td></tr></tbody></table>
Eduardo Peis:
Ejemplo04_08.html
Eduardo Peis:
Ejemplo04_08.html
![Page 14: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/14.jpg)
<?xml version="1.0" encoding="ISO-8859-1" ?><alumnos>
......... <alumno> <numero>3</numero> <nombre>José Manuel</nombre> <apellido>Galdo</apellido>
<edad>21</edad><cursos>
<curso1>HTML</curso1><curso2>JavaScript</curso2><curso3>ASP</curso3>
</cursos><niveles> <nivel1>Básico</nivel1><nivel2>Medio</nivel2><nivel3>Iniciación</nivel3>
</niveles><sexo>H</sexo><observaciones>Falta mucho a clase</observaciones>
</alumno>..........
Eduardo Peis:
Alumnos04_09.xml
Eduardo Peis:
Alumnos04_09.xml
![Page 15: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/15.jpg)
.........<xml id="ListaAlumnos6" src="alumnos04_09.xml"></xml><table datasrc="#ListaAlumnos6" border="0" cellspacing="4" cellpadding="2"><caption>LISTA DE ALUMNOS</caption><thead><tr bgcolor="#cc99cc"><th>Núm</th>.........<tbody><tr bgcolor="#cccccc"><td align="center"><span datafld="numero"></span></td><td align="right"><span datafld="nombre"></span></td><td><b><span datafld="apellido"></span></b></td><td><table datasrc="#ListaAlumnos6" datafld="cursos" cellspacing="0"><tbody><tr><td><span datafld="curso1"></span><br><span datafld="curso2"></span><br><span datafld="curso3"></span> </td></tr></tbody></table></td><td><table datasrc="#ListaAlumnos6" datafld="niveles" cellspacing="0"><tbody><tr><td><span datafld="nivel1"></span><br><span datafld="nivel2"></span><br><span datafld="nivel3"></span> </td></tr></tbody></table></td></tr></tbody></table></center></body></html>
Eduardo Peis:
Ejemplo04_10.htm
Eduardo Peis:
Ejemplo04_10.htm
![Page 16: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/16.jpg)
<?xml version="1.0" encoding="ISO-8859-1" ?><alumnos> <alumno numero="1"> <nombre>Eduardo</nombre>
.......<alumno numero="2">
<nombre>Jaime</nombre> <apellido>Pérez</apellido>
.......<alumno numero="3">
<nombre>José Manuel</nombre> <apellido>Galdo</apellido>
<edad>21</edad><cursos>
<curso1>HTML</curso1><curso2>JavaScript</curso2><curso3>ASP</curso3>
</cursos><niveles>
<nivel1>Básico</nivel1><nivel2>Medio</nivel2><nivel3>Iniciación</nivel3>
</niveles><sexo>H</sexo><observaciones>Falta mucho a clase</observaciones>
</alumno>........
Eduardo Peis:
control atributos
Eduardo Peis:
control atributos
![Page 17: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/17.jpg)
.....<xml id="ListaAlumnos7" src="alumnos04_11.xml"></xml><table datasrc="#ListaAlumnos7" border="0" cellspacing="4" cellpadding="2"><caption>LISTA DE ALUMNOS</caption>.....<tbody><tr bgcolor="#cccccc"><td align="center"><span datafld="numero"></span></td><td align="right"><span datafld="nombre"></span></td><td><b><span datafld="apellido"></span></b></td><td><table datasrc="#ListaAlumnos7" datafld="cursos" cellspacing="0"><tbody><tr><td><span datafld="curso1"></span><br><span datafld="curso2"></span><br><span datafld="curso3"></span> </td></tr></tbody>....
Eduardo Peis:
Ejemplo04_12.htm
Eduardo Peis:
Ejemplo04_12.htm
![Page 18: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/18.jpg)
.......<alumno numero="3"> <nombre>José Manuel</nombre> <apellido>Galdo</apellido>
<edad>21</edad><cursos>
<curso1>HTML</curso1><nivel1>Básico</nivel1><curso2>JavaScript</curso2><nivel2>Medio</nivel2><curso3>ASP</curso3><nivel3>Iniciación</nivel3>
</cursos><sexo>H</sexo><observaciones>Falta mucho a clase</observaciones>
</alumno>.......
Eduardo Peis:
Alumnos04_13.xml
Eduardo Peis:
Alumnos04_13.xml
![Page 19: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/19.jpg)
.....<xml id="ListaAlumnos8" src="alumnos04_13.xml"></xml><table datasrc="#ListaAlumnos8" border="0" cellspacing="4" cellpadding="2">....<tbody><tr bgcolor="#cccccc"><td align="center"><span datafld="numero"></span></td><td align="right"><span datafld="nombre"></span></td><td><b><span datafld="apellido"></span></b></td><td><table datasrc="#ListaAlumnos8" datafld="cursos" cellspacing="0"><tbody><tr><td><b><span datafld="curso1"></span></b> <i><span datafld="nivel1"></span></i><br><b><span datafld="curso2"></span></b> <i><span datafld="nivel2"></span></i><br><b><span datafld="curso3"></span></b> <i><span datafld="nivel3"></span></i> </td></tr></tbody>....
Eduardo Peis:
Ejemplo04_14.html
Eduardo Peis:
Ejemplo04_14.html
![Page 20: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/20.jpg)
...........<xml id="ListaAlumnos9" src="alumnos04_04.xml"></xml>...........<p>Número: <b><span datasrc="#ListaAlumnos9" datafld="numero"></span></b></p><p>Alumno: <b><span datasrc="#ListaAlumnos9" datafld="nombre"></span> <span datasrc="#ListaAlumnos9" datafld="apellido"></span></b></p><p>Edad: <b><span datasrc="#ListaAlumnos9" datafld="edad"></span></b> Sexo: <b><span datasrc="#ListaAlumnos9" datafld="sexo"></span></b></p>
<hr width="500" align="left">
<p>Curso: <b><span datasrc="#ListaAlumnos9" datafld="curso"></span></b></p><p>Nivel: <b><span datasrc="#ListaAlumnos9" datafld="nivel"></span></b></p><p>Observaciones: <b><span datasrc="#ListaAlumnos9" datafld="observaciones"></span></b></p>
<hr width="500" align="left">..........
Eduardo Peis:
Gestión individual de datos
Eduardo Peis:
Gestión individual de datos
Sigue
![Page 21: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/21.jpg)
..........<center><button onclick="ListaAlumnos9.recordset.MoveFirst()" title="Principio"> |<< </button> <button onclick="if (! ListaAlumnos9.recordset.BOF) ListaAlumnos9.recordset.MovePrevious()" title="Anterior"> < </button> <button onclick="if (! ListaAlumnos9.recordset.EOF) ListaAlumnos9.recordset.MoveNext()" title="Siguiente"> > </button> <button onclick="ListaAlumnos9.recordset.MoveLast()" title="Final"> >>| </button></center>
</body></html>
![Page 22: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/22.jpg)
.........<xml id="ListaAlumnos10" src="alumnos04_04.xml"></xml>.........<p>Número: <b><span datasrc="#ListaAlumnos10" datafld="numero"></span></b></p><p>Nombre: <input type="text" datasrc="#ListaAlumnos10" datafld="nombre" size="25"></p><p>Apellido: <input type="text" datasrc="#ListaAlumnos10" datafld="apellido" size="25"><p>Edad: <b><span datasrc="#ListaAlumnos10" datafld="edad"></span></b> Sexo: <input type="radio" datasrc="#ListaAlumnos10" datafld="sexo" value="H">Hombre<input type="radio" datasrc="#ListaAlumnos10" datafld="sexo" value="M">Mujer</p><hr width="500" align="left"><p>Curso: <select datasrc="#ListaAlumnos10" datafld="curso" size="1"><option value="HTML">HTML<option value="UNIX">UNIX<option value="Windows 2000">Windows 2000<option value="XML">XML</select> Nivel: <select datasrc="#ListaAlumnos10" datafld="nivel" size="1"><option value="Iniciación">Iniciación<option value="Básico">Básico<option value="Medio">Medio<option value="Avanzado">Avanzado</select></p><p>Observaciones: <b><span datasrc="#ListaAlumnos10" datafld="observaciones"></span></b></p>..........
variantesvariantes
![Page 23: Visualización de documentos XML con HTML](https://reader033.vdocuments.site/reader033/viewer/2022051621/568146b6550346895db3dafe/html5/thumbnails/23.jpg)
..............<xml id="ListaAlumnos11" src="alumnos04_18.xml"></xml><table id="lista" datasrc="#ListaAlumnos11" datapagesize="2" border="0" cellspacing="4" cellpadding="2">..............<tr bgcolor="#cccccc"><td align="center"><span datafld="numero"></span></td><td align="left"><span datafld="nombre"></span> <b><span datafld="apellido"></span></b></td><td align="center"><span datafld="curso"></span></td><td bgcolor="#ff9999"><u><span datafld="nivel"></span></u></td><td align="center"><span datafld="edad"></span></td></tr></tbody></table>
<hr width="500">
<button onclick="lista.firstPage()" title="Principio"> |<< </button> <button onclick="if (! ListaAlumnos11.recordset.BOF) lista.previousPage()" title="Anterior"> < </button> <button onclick="if (! ListaAlumnos11.recordset.EOF) lista.nextPage()" title="Siguiente"> > </button> <button onclick="lista.lastPage()" title="Final"> >>| </button>
</center></body></html>
Navegación controladaNavegación controlada