Ejercicios XHTML

XHTML
Ejercicio 1
<!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="e s"> <head> <title>El primer documento HTML</title> </head> <body> <p>El lenguaje HTML es <strong>tan sencillo</strong> que practic amente se entiende sin estudiar el significado de sus etiquetas principales.</p> <p>Ademas de textos en <strong>negrita</strong>, tambien se pued en poner <em>en cursiva</em> o <del>tachados</del>.</p> </body> </html>
Ejercicio 2
<!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="e s"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>La exploracin espacial</title> </head> <body> <h2>La exploracin espacial</h2>
Prof. H. Yoel Tito Flores
XHTML
<p>La <strong>exploracin espacial</strong> designa los esfuerz os del hombre en estudiar el espacio y sus astros desde el punto de vista cientfico y de su explotacin econmica. Estos esfuerz os pueden involucrar tanto seres humanos viajando en naves espac iales como satlites con recursos de telemetra o sondas telegui adas enviadas a otros planetas (orbitando o aterrizando en la su perficie de estos cuerpos celestes).</p> <p>Las personas que pilotan naves espaciales, o son pasajeros e n ellas, se llaman astronautas (en Rusia: <em>cosmonautas</em>; en China: <em>taikonautas</em>). Tcnicamente se considera astro nauta a todo aquel que emprenda un vuelo sub-orbital (sin entrar en rbita) u orbital a como mnimo 100 km de altitud (considerad o el lmite externo de la atmsfera).</p> <p>El cielo siempre ha atrado la atencin y los sueos del hom bre. Ya en 1634 se public la que se considera primera novela de ciencia ficcin, <em>Somnium</em>, de <strong>Johannes Kepler</s trong>, que narra un hipottico viaje a la Luna. Ms tarde, en 1 865, en una famosa obra de ficcin titulada <em>"De la Terre l a Lune"</em>, <strong>Julio Verne</strong> escribe sobre un grup o de hombres que viaj hasta la Luna usando un gigantesco can. </p> <p>En Francia, <strong>Georges Mlis</strong>, uno de los pion eros del cine, tomaba la novela de Verne para crear <em>"Le voya ge dans la Lune"</em> (1902), una de las primeras pelculas de c iencia ficcin en la que describa un increble viaje a la Luna. En obras como <em>"The War of the Worlds"</em> (1898) y <em>"The First Men in The Moon"</em> (1901), <strong>Herbert George Wells </strong> tambin se concibieron ideas de exploracin del espaci o y de contacto con civilizaciones extraterrestres.</p> </body> </html>
Ejercicio 3
<!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="e s"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO8859-1" />
2
XHTML
<title>El rtico ha perdido el 14% de su hielo marino perenne en un solo ao</title> </head> <body> <h1>El rtico ha perdido el 14% de su hielo marino perenne en u n solo ao</h1> <p><strong>WASHINGTON.-</strong> El hielo perenne del rtico se redujo en un 14% durante el ltimo ao, al perder <strong>720.00 0 kilmetros cuadrados</strong>, una superficie superior a la Pe nnsula Ibrica, segn datos de la <acronym title="National Aero nautics and Space Administration">NASA</acronym>.</p> <p>Segn el <acronym title="Laboratorio de Propulsin a Chorro" >JPL</acronym>, la prdida del hielo perenne, que debiera manten erse durante todo el verano, fue todava mayor y se acerc a un 50% en el momento en que ese hielo se desplazaba desde el rtico oriental hacia el oeste.</p> <p><strong>Son Nghiem</strong>, investigador del <acronym title ="Laboratorio de Propulsin a Chorro">JPL</acronym> ha declarado que:</p> <blockquote><em>"Los cambios registrados en esos aos en el hie lo rtico son rpidos y espectaculares. De mantenerse la situaci n, sta tendr un impacto profundo en el ambiente, as como en el transporte marino y el comercio."</em></blockquote> </body> </html>
Ejercicio 4
<!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="e s">
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" />

3
XHTML
<title>Espacios en blanco arbitrarios</title> </head>
<body>
<h2>Caractersticas de los planetas</h2>
<pre> Nombre s Diametro relativo Perodo orbital Nmero de luna
---------------------------------------------------------------Mercurio Venus Tierra Marte Jpiter Saturno Urano Neptuno </pre> 0,382 0,949 1 0,532 11,209 9,449 4,007 3,883 0,24 aos 0,62 aos 1 ao 0 0 1 2 49 52 27 13
1,88 aos 11,86 aos 29,46 aos 84,01 aos 164,80 aos
</body>
</html>
XHTML
15.5. Ejercicio 5
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>La etiqueta blockquote</title> </head>
<body>
<h1>Sintaxis de la etiqueta <blockquote></h1>
<p> La sintaxis de la etiqueta <blockquote> se muestra a conti nuacin: <br/><br/>
<blockquote cite="<em>...direccion original de la cita.. .</em>">Texto que se cita</blockquote>
</p>
</body>
</html>
XHTML
15.6. Ejercicio 6
Pgina principal <!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="e s">
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Mi Sitio</title> </head>
<body>
<h1>Mi Sitio</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Don ec iaculis posuere justo. Nam vel neque. Proin sagittis mauris s it amet nisl. Sed ipsum. Aliquam vitae justo.</p>
<h2>Ultimos proyectos</h2>
<p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turp is dignissim justo, et euismod enim odio sit amet erat. Aliquam dui ligula, porttitor eu, facilisis vitae, ornare sed, tortor.</ p>
XHTML
<p><a href="portfolio/indice.html" title="Ultimos proyectos real izados por Mi Sitio">Acceder a los ultimos proyectos de Mi Sitio </a></p>
</body>
</html> Pgina principal del portfolio <!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="e s">
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Mi Sitio</title> </head>
<body>
<p><a href="../indice.html" title="Pgina principal de Mi Sitio" >Volver a la pagina principal</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Don ec iaculis posuere justo. Nam vel neque.</p>
XHTML
<h3>Proyecto 1</h3>
<p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turp is dignissim justo, et euismod enim odio sit amet erat.</p>
<p><a href="../imagenes/proyecto1.png" title="Imagen del Proyect o 1">Ver imagen del Proyecto 1</a></p>
<h3>Proyecto 2</h3>
<p><a href="../imagenes/proyecto2.png" title="Imagen del Proyect o 2">Ver imagen del Proyecto 2</a></p>
</body>
</html>
15.7. Ejercicio 7
Pgina principal <!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="e s">
XHTML
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <title>Mi Sitio</title> </head>
<body>
<h1>Mi Sitio</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Don ec iaculis posuere justo. Nam vel neque. Proin sagittis mauris s it amet nisl. Sed ipsum. Aliquam vitae justo.</p>
<p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turp is dignissim justo, et euismod enim odio sit amet erat. Aliquam dui ligula, porttitor eu, facilisis vitae, ornare sed, tortor.</ p>
<p><a href="portfolio/indice.html" title="Ultimos proyectos real izados por Mi Sitio">Acceder a los ultimos proyectos de Mi Sitio </a></p>
</body>
</html> Pgina principal del portfolio <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:/ /www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
9
XHTML
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="e s">
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <link rel="shortcut icon" href="../favicon.ico" type="image/x-ic on" /> <title>Mi Sitio</title> </head>
<body>
<p><a href="portfolio/indice.html" title="Pgina principal de Mi Sitio" rel="index">Volver a la pagina principal</a></p>
<h3>Proyecto 1</h3>
<p><a href="../imagenes/proyecto1.png" title="Imagen del Proyect o 1" type="image/png">Ver imagen del Proyecto 1</a></p>
<h3>Proyecto 2</h3>
10
XHTML
<p><a href="../imagenes/proyecto2.png" title="Imagen del Proyect o 2" type="image/png">Ver imagen del Proyecto 2</a></p>
</body>
</html>
15.8. Ejercicio 8
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Lista simple anidada</title> </head>
<body>
<h1>Men</h1>
<ul> <li>Inicio</li>
11
XHTML
<li> <strong>Noticias</strong> <ul> <li><a href="#" title="Ver las noticias ms recientes">Rec ientes</a></li> <li><strong><a href="#" title="Ver las noticias ms ledas ">Ms ledas</a></strong></li> <li><a href="#" title="Ver las noticias ms valoradas">Ms valoradas</a></li> </ul> </li> </ul>
</body>
</html>
15.9. Ejercicio 9
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Lista compleja anidada</title> </head>
<body>
12
XHTML
<h1>Men</h1>
<ul> <li>Inicio</li> <li> <strong>Noticias</strong> <ul> <li><a href="#" title="Ver las noticias ms recientes">Rec ientes</a></li> <li><strong><a href="#" title="Ver las noticias ms ledas ">Ms ledas</a></strong></li> <li><a href="#" title="Ver las noticias ms valoradas">Ms valoradas</a></li> </ul> </li> <li> Artculos <ol> <li><strong>XHTML</strong></li> <li>CSS</li> <li>JavaScript</li> <li>Otros</li> </ol> </li> <li> Contacto <dl>
13
XHTML
<dt><em>Email</em></dt> <dd><strong>nombre@direccion.com</strong></dd> <dt><em>Telfono</em></dt> <dd>900 900 900</dd> <dt><em>Fax</em></dt> <dd>900 900 900</dd> </dl> </li> </ul>
</body> </html>
15.10. Ejercicio 10
Pgina principal del portfolio <!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="e s">
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <link rel="shortcut icon" href="../favicon.ico" type="image/x-ic on" /> <title>Mi Sitio</title> </head>
<body>
14
XHTML
<p><a href="portfolio/indice.html" title="Pgina principal de Mi Sitio" rel="index">Volver a la pagina principal</a></p>
<h3>Proyecto 1</h3>
<p><img src="../imagenes/proyecto1.png" title="Imagen del Proyec to 1" /></p>
<h3>Proyecto 2</h3>
<p><img src="../imagenes/proyecto2.png" title="Imagen del Proyec to 2" /></p>
</body>
</html>
15
XHTML
15.11. Ejercicio 11
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Ejemplo de tabla sencilla</title> </head>
<body>
<h1>Su pedido</h1> <table> <tr> <th scope="col">Nombre producto</th> <th scope="col">Precio unitario</th> <th scope="col">Unidades</th> <th scope="col">Subtotal</th> </tr>
<tr> <td>Reproductor MP3 (80 GB)</td> <td>192.02</td> <td>1</td> <td>192.02</td>

16
XHTML
</tr>
<tr> <td>Fundas de colores</td> <td>2.50</td> <td>5</td> <td>12.50</td> </tr>
<tr> <td>Reproductor de radio & control remoto</td> <td>12.99</td> <td>1</td> <td>12.99</td> </tr>
<tr> <th scope="row">TOTAL</th> <td>-</td> <td>7</td> <td><strong>207.51</strong></td> </tr> </table>
</body>
</html>
17
XHTML
15.12. Ejercicio 12
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Ejemplo de tabla avanzada</title> </head>
<body>
<h1>Resultado de la bsqueda</h1>
<table summary="Tabla con los datos de los resultados de la bsq ueda"> <caption>Resultado de la bsqueda</caption> <tr> <th abbr="Imagen del producto" scope="col">Imagen</th> <th abbr="Datos del producto" scope="col">Datos</th> </tr>
<tr> <td> <img src="imagenes/portatil.png" alt="Imagen del ordenador porttil" /> </td>
18
XHTML
<td> <h4><a href="#" title="Ver ms informacin sobre el portt il">Porttil - 3 GHz - 4 GB RAM</a></h4> <p><a href="#" title="Comprar el porttil">Comprar:</a> <d el>2.990 €</del> <strong>2.599 €</strong></p> </td> </tr>
<tr> <td><img src="imagenes/videocamara.png" alt="Imagen de la vi deocmara" /></td> <td> <h4><a href="#" title="Ver ms informacin sobre la videoc mara">Videocmara - Alta definicin 1080p - 60 GB</a></h4> <p><a href="#" title="Comprar la videocmara">Comprar:</a> <del>1.099 €</del> <strong>999 €</strong></p> </td> </tr>
<tr> <td><img src="imagenes/tv.png" alt="Imagen del televisor" /> </td> <td> <h4><a href="#" title="Ver ms informacin sobre el televi sor">Televisor - 46" - Full HD</a></h4> <p><a href="#" title="Comprar el televisor">Comprar:</a> < del>1.999 €</del> <strong>1.799 €</strong></p> </td> </tr>
<tr>
19
XHTML
<td><img src="imagenes/movil.png" alt="Imagen del mvil" />< /td> <td> <h4><a href="#" title="Ver ms informacin sobre el mvil" >Mvil - 3G - Wi-Fi - 8 GB</a></h4> <p><a href="#" title="Comprar el mvil">Comprar:</a> <del> 399 €</del> <strong>349 €</strong></p> </td> </tr> </table>
</body>
</html>
15.13. Ejercicio 13
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Ejemplo de tabla compleja</title> </head>
<body>
<h3>Comparativa de reproductores MP3</h3>

20
XHTML
<table summary="Tabla comparativa de las caractersticas tcnica s de los reproductores MP3"> <caption>Tabla comparativa de las caractersticas tcnicas de los reproductores MP3</caption> <tr> <th></th> <th abbr="Reproductor mini" scope="col" colspan="3"> <img src="imagenes/mp3_pequeno_blanco.png" alt="Imagen del reproductor MP3 pequeo de color blanco" /> <img src="imagenes/mp3_pequeno_negro.png" alt="Imagen del reproductor MP3 pequeo de color negro" /> <br/><strong>MP3 mini</strong> </th> <th abbr="Reproductor estndar" scope="col" colspan="2"> <img src="imagenes/mp3_grande_blanco.png" alt="Imagen del reproductor MP3 grande de color blanco" /> <img src="imagenes/mp3_grande_negro.png" alt="Imagen del r eproductor MP3 grande de color negro" /> <br/><strong>MP3 grande</strong> </th> </tr>
<tr> <th scope="row" abbr="Capacidad">Capacidad de almacenamiento </th> <td>4GB <br/> (1.000 canciones)</td> <td>8GB <br/> (2.000 canciones)</td> <td>16GB <br/> (4.000 canciones)</td> <td>30GB <br/> (7.500 canciones)</td>
21
XHTML
<td>80GB <br/> (20.000 canciones)</td> </tr>
<tr> <th scope="row" abbr="Colores disponibles">Colores</th> <td> <img src="imagenes/color_blanco.png" alt="Color blanco" /> </td> <td> <img src="imagenes/color_negro.png" alt="Color blanco" /> <img src="imagenes/color_verde.png" alt="Color verde" /> <img src="imagenes/color_azul.png" alt="Color azul" /> <img src="imagenes/color_rosa.png" alt="Color rosa" /> </td> <td> <img src="imagenes/color_negro.png" alt="Color negro" /> </td> <td colspan="2"> <img src="imagenes/color_blanco.png" alt="Color blanco" /> <img src="imagenes/color_negro.png" alt="Color negro" /> </td> </tr>
<tr> <th scope="row" abbr="Tamao de pantalla">Pantalla</th> <td colspan="3">LCD de 3 cm (diagonal) con retroiluminacin< /td>
22
XHTML
<td colspan="2">LCD de 6 cm (diagonal) con retroiluminacin< /td> </tr>
<tr> <th rowspan="2" scope="row" abbr="Tiempo de carga">Tiempo de carga</th> <td rowspan="2" colspan="3">Unas 3 horas</td> <td colspan="2">Unas 4 horas</td> </tr>
<tr> <td colspan="2">Unas 2 horas para alcanzar el 80% de la capa cidad</td> </tr> </table>
</body>
</html>
15.14. Ejercicio 14

23
XHTML
<title>Rellena tu CV</title> </head>
<body>
<h3>Rellena tu CV</h3>
<form action="/php/insertar_cv.php" method="post" enctype="multi part/form-data"> Nombre <br/> <input type="text" name="nombre" value="" size="20" maxlength="3 0" />
<br/>
Apellidos <br/> <input type="text" name="apellidos" value="" size="50" maxlength ="80" />
<br/>
Contrasea <br/> <input type="password" name="contrasena" value="" maxlength="10" />
<br/>
DNI <br/>
24
XHTML
<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" checke d="checked"/> Suscribirme al boletn de novedades
<br/><br/>
<input type="submit" name="enviar" value="Guardar cambios" /> <input type="reset" name="limpiar" value="Borrar los datos intro ducidos" />
</form>
</body>
25
XHTML
</html>
15.15. Ejercicio 15
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Rellena tu CV</title> </head>
<body>
<h3>Rellena tu CV</h3>
<form action="/php/insertar_cv.php" method="post" enctype="multi part/form-data">
<fieldset> <legend>Datos personales</legend>
<label for="provincia">Provincia</label> <br/> <select id="provincia" name="provincia"> <option value="" selected="selected">- selecciona -</option> <option value="01">lava/Araba</option>
26
XHTML
<option value="02">Albacete</option> <option value="03">Alicante/Alacant</option> <option value="04">Almera</option> <option value="33">Asturias</option> <option value="05">vila</option> <option value="06">Badajoz</option> <option value="07">Balears (Illes)</option> <option value="08">Barcelona</option> <option value="09">Burgos</option> <option value="10">Cceres</option> <option value="11">Cdiz</option> <option value="39">Cantabria</option> <option value="12">Castelln/Castell</option> <option value="51">Ceuta</option> <option value="13">Ciudad Real</option> <option value="14">Crdoba</option> <option value="15">Corua (A)</option> <option value="16">Cuenca</option> <option value="17">Girona</option> <option value="18">Granada</option> <option value="19">Guadalajara</option> <option value="20">Guipzcoa/Gipuzkoa</option> <option value="21">Huelva</option> <option value="22">Huesca</option> <option value="23">Jan</option> <option value="24">Len</option> <option value="27">Lugo</option>
27
XHTML
<option value="25">Lleida</option> <option value="28">Madrid</option> <option value="29">Mlaga</option> <option value="52">Melilla</option> <option value="30">Murcia</option> <option value="31">Navarra</option> <option value="32">Ourense</option> <option value="34">Palencia</option> <option value="35">Palmas (Las)</option> <option value="36">Pontevedra</option> <option value="26">Rioja (La)</option> <option value="37">Salamanca</option> <option value="38">Santa Cruz de Tenerife</option> <option value="40">Segovia</option> <option value="41">Sevilla</option> <option value="42">Soria</option> <option value="43">Tarragona</option> <option value="44">Teruel</option> <option value="45">Toledo</option> <option value="46">Valencia/Valncia</option> <option value="47">Valladolid</option> <option value="48">Vizcaya/Bizkaia</option> <option value="49">Zamora</option> <option value="50">Zaragoza</option> </select>
<br/><br/>
28
XHTML
<label for="fecha_dia">Fecha de nacimiento</label> <br/> <input type="text" size="3" maxlength="2" id="fecha_dia" name= "fecha_dia" /> de <select id="fecha_mes" name="fecha_mes"> <option value="1">Enero</option> <option value="2">Febrero</option> <option value="3">Marzo</option> <option value="4">Abril</option> <option value="5">Mayo</option> <option value="6">Junio</option> <option value="7">Julio</option> <option value="8">Agosto</option> <option value="9">Septiembre</option> <option value="10">Octubre</option> <option value="11">Noviembre</option> <option value="12">Diciembre</option> </select> de <input type="text" size="5" maxlength="4" id="fecha_ano" name= "fecha_ano" />
<br/><br/>
<label for="temasDeInteres">Temas de inters</label> <br/> <select multiple="multiple" size="5" id="temasDeInteres" name= "temasDeInteres">
29
XHTML
<option value="3105">Administracin de bases de datos</optio n> <option value="3106">Anlisis y programacin</option> <option value="3107">Arquitectura</option> <option value="3108">Calidad</option> <option value="3109">ERP, CRM, Business Intelligence</option > <option value="3110">Gestin de proyectos</option> <option value="3111">Hardware, redes y seguridad</option> <option value="3112">Helpdesk</option> <option value="3113">Sistemas</option> <option value="3114">Telecomunicaciones</option> </select> </fieldset>
</form>
</body>
</html>
15.16. Ejercicio 16

30
XHTML
<title>Informacin sobre el producto</title> </head>
<body>
<h3>Informacin sobre el producto</h3>
<form action="/php/insertar_subasta.php" method="post" enctype=" multipart/form-data">
<fieldset> <legend>Datos bsicos</legend>
<label for="nombre">Nombre</label> <br/> <input type="text" name="nombre" id="nombre" size="50" maxleng th="250" />
<br/><br/>
<label for="descripcion">Descripcin</label> <br/> <textarea name="descripcion" id="descripcion" cols="40" rows=" 5"></textarea>
<br/><br/>
Foto <input type="file" name="foto" />
<br/><br/>
31
XHTML
<input name="contador" type="checkbox" value="si" /> Aadir co ntador de visitas </fieldset>
<fieldset> <legend>Datos econmicos</legend>
<label for="precio">Precio</label> <input type="text" size="5" id="precio" name="precio" /> &euro ;

<label for="impuestos">Impuestos</label> <select id="impuestos" name="impuestos"> <option value="4">4%</option> <option value="7">7%</option> <option value="16">16%</option> <option value="25">25%</option> </select>
<br/><br/>
<label>Promocin</label> <br/> <input type="radio" name="promocion" value="ninguno" checked=" checked" /> Ninguno <br/> <input type="radio" name="promocion" value="portes" /> Transpo rte gratuito <br/>
32
XHTML
<input type="radio" name="promocion" value="descuento" /> Desc uento 5% </fieldset> </form>
</body>
</html>
33

Ejercicios XHTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Ejercicios XHTML

Uploaded by

Copyright:

Available Formats

XHTML

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" />

Prof. H. Yoel Tito Flores

<title>Espacios en blanco arbitrarios</title> </head>

<h2>Caractersticas de los planetas</h2>

<pre> Nombre s Diametro relativo Perodo orbital Nmero de luna

Prof. H. Yoel Tito Flores

<h1>Sintaxis de la etiqueta &lt;blockquote&gt;</h1>

<p> La sintaxis de la etiqueta &lt;blockquote&gt; se muestra a conti nuacin: <br/><br/>

&lt;blockquote cite=&quot;<em>...direccion original de la cita.. .</em>&quot;&gt;Texto que se cita&lt;/blockquote&gt;

Prof. H. Yoel Tito Flores

<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Mi Sitio</title> </head>

Prof. H. Yoel Tito Flores

<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Mi Sitio</title> </head>

<p><a href="../indice.html" title="Pgina principal de Mi Sitio" >Volver a la pagina principal</a></p>

Prof. H. Yoel Tito Flores

<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" />

Prof. H. Yoel Tito Flores

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <title>Mi Sitio</title> </head>

Prof. H. Yoel Tito Flores

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

<p><a href="portfolio/indice.html" title="Pgina principal de Mi Sitio" rel="index">Volver a la pagina principal</a></p>

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

<p><a href="portfolio/indice.html" title="Pgina principal de Mi Sitio" rel="index">Volver a la pagina principal</a></p>

<p><img src="../imagenes/proyecto1.png" title="Imagen del Proyec to 1" /></p>

<p><img src="../imagenes/proyecto2.png" title="Imagen del Proyec to 2" /></p>

Prof. H. Yoel Tito Flores

<tr> <td>Reproductor MP3 (80 GB)</td> <td>192.02</td> <td>1</td> <td>192.02</td>

Prof. H. Yoel Tito Flores

<tr> <td>Fundas de colores</td> <td>2.50</td> <td>5</td> <td>12.50</td> </tr>

<tr> <th scope="row">TOTAL</th> <td>-</td> <td>7</td> <td><strong>207.51</strong></td> </tr> </table>

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

<h3>Comparativa de reproductores MP3</h3>

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

<td>80GB <br/> (20.000 canciones)</td> </tr>

Prof. H. Yoel Tito Flores

<td colspan="2">LCD de 6 cm (diagonal) con retroiluminacin< /td> </tr>

<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" />

Prof. H. Yoel Tito Flores

<title>Rellena tu CV</title> </head>

Contrasea <br/> <input type="password" name="contrasena" value="" maxlength="10" />

Prof. H. Yoel Tito Flores

<input type="text" name="dni" value="" size="10" maxlength="9" / >

Incluir mi foto <input type="file" name="foto" />

<input name="suscribir" type="checkbox" value="suscribir" checke d="checked"/> Suscribirme al boletn de novedades

Prof. H. Yoel Tito Flores

<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" /> <title>Rellena tu CV</title> </head>

<form action="/php/insertar_cv.php" method="post" enctype="multi part/form-data">

<fieldset> <legend>Datos personales</legend>

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

Prof. H. Yoel Tito Flores

<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8" />

<h1>Sintaxis de la etiqueta <blockquote></h1>

<p> La sintaxis de la etiqueta <blockquote> se muestra a conti nuacin: <br/><br/>

<blockquote cite="<em>...direccion original de la cita.. .</em>">Texto que se cita</blockquote>