practicas de xhtml sep-dic2013

Practica 1 de xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title>Ejemplo de textos estructurados con parrafos</title></head><body><p>Este es el texto que forma la primer parte de la pagina. Los parrafos pueden ocupar varias lineas y el navegador se encarga de ajustar su longitud al tamaño de la ventana</p><p>El segundo parrafo tambien se define encerrando su texto por la etiqueta p. El navegadortambien se encarga de separar automaticamente cada parrafo</p></body></html>

Practica 2 de xhtml<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">

<head><title>Ejemplo de textos estructura con secciones</title></head><body><h1>Titular de la pagina</h1><p>Parrafo de introduccion</p><h2>Primera subseccion</h2><p>Parrafo de contenido</p><h2>Otra subseccion</h2><p>Mas parrafos de contenidos</p></body></html>

Practica 3 de xhtml<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head>

<title>Ejemplo de la etiqueta em y strong</title></head><body><p>El lenguaje xhtml permite marcar algunos segmentos como <strong> los mas importantes </strong>y algunos no tan <em> Importantes</em></p></body></html>

Practica 4 de xhtml<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title>Ejemplo de etiquetas ins y del </title></head><body><p> El HTML acronimo ingles de Hyeper TextMarkup Language(Lenguaje de <del datetime="20091015"> cite="http//librosweb.es/mas_informacion.html">marcado de hipertextos</del><ins datetime="20091026" cite="http://www.librosweb.es/mas_informacion.html">marcas hipertextuales </ins>) es un lenguaje de marcacion diseñado para estructuras textos y presentalos en forma hipertextos</p></body></html>

Practica 5 de xhtml<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title>Ejemplo de uso de etiquetas blockquote </title></head><body><p> Segun el w3c, el valor del atributo <em>cite</em> en las etiquetas<strong>blockquote</strong>tiene el siguiente: </p><blockquote cite="http://www.W3org/TR/html401/struct/text.html">"El valor de este articulo es una direccion URL que indica el documento original en la cita"</blockquote>

</body></html>


<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title> Ejemplo de uso de etiqueta acronym</title></head><body><p> El lenguaje <acronym title= "Hypert Text Markup Language"> HTML </acronym>es estandarizado por el <acronym title="World Wide Web Consortium"> W3C </acronym>.</p></body></html>

Practica 7 de xhtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title> Ejemplo de uso de etiqueta dfn</title></head><body><p> Con estos sintomas, podria tratarse de un caso de <dfn title="Imagen o sensacion, subjetiva, propia de un sentido, determinada po otra sensacion que afectaa un sentido diferente">sinestetica</dfn></p></body></html>


<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">

<head><title>Ejemplo de uso de la etiqueta cite</title></head><body>

Como dijo <cite> Mahatma Gandhi</cite><blockquote>Vive como si fueras a morir mañana y aprende como si fueras a vivir para siempre</blockquote></body></html>


<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title>Ejemplo de uso de etiqueta br</title></head><body><p>Este primer parrafo no contiene saltos de linea ni otro tipo de especificado</p>

<p>Este segundo parrafo si contiene saltos<br/>de<br/>linea<br/>y otro tipos de espaciado</p></body></html>


<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title>Ejemplo de uso de la instruccion nbsp;</title></head><body><p>Este primer parrafo no contiene saltos de linea ni otro tipo de especificado</p><p>Este segundo parrafo si contiene saltos<br/>de<br/>linea<br/>y otro tipos de espaciado</p></body></html>


<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title>Ejemplos de etiquetas pre</title></head><body><pre>la etiqueta pre respeta los espaciosen blancoymuestra el textotal y como esta escritorio</pre></body></html>

Practica 12 de xhtml<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title>Ejemplo de etiqueta code</title></head><body><code>La etiqueta code no respeta los espacios en blanco</code></body></html>

Practica 13 de xhtml<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title>Practica13</title><script type="text/javascript">

alert("La pagina se a cargado correctamente");</script>

</head>

<body><p>Uso de la etiqueta script</p>

</body></html>

Practica 14 de xhtml<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"><head><title>Ejemplo de table</title></head><body><h1>Listado de cursos</h1><table border="1"><tr><td><strong>Curso</strong></td>

<td><strong>Horas</strong></td>

<td><strong>Horario</strong></td></tr><tr><td>CSS</td>

<td>20</td>

<td>16:00 a 20:00</td></tr></table></body></html>

Practica 15 de xhtml<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">

<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Rellena tu CV</title></head> <body> <h3>Rellena tu CV</h3> <form action="/php/insertar_cv.php" method="post" enctype="multipart/form-data">Nombre <br/><input type="text" name="nombre" value="" size="20" maxlength="30" /> <br/> Apellidos <br/><input type="text" name="apellidos" value="" size="50" maxlength="80" /> <br/> Contraseña <br/><input type="password" name="contrasena" value="" maxlength="10" /> <br/> DNI <br/><input type="text" name="dni" value="" size="10" maxlength="9" /> <br/> Sexo <br/><input type="radio" name="sexo" value="hombre" checked="checked" /> Hombre <br/><input type="radio" name="sexo" value="mujer" /> Mujer <br/><br/> Incluir mi foto <input type="file" name="foto" /> <br/><br/>

<input name="suscribir" type="checkbox" value="suscribir" checked="checked"/> Suscribirme al boletín de novedades <br/><br/> <input type="submit" name="enviar" value="Guardar cambios" /><input type="reset" name="limpiar" value="Borrar los datos introducidos" /> </form> </body> </html>

practicas de xhtml sep-dic2013

Documents