Ejercicios

2.3 Use HTML5 para crear un documento que contenga el siguiente texto:

Como programar en Internet y World Wide Web: quinta edición

Bienvenido al mundo de la programación en Internet. Hemos cubierto

muchos temas relacionados con Internet.

Use h 1 para el titulo (la primera línea de texto), p para el texto (la segunda y tercer linea de texto).
Inserte una regla horizontal entre el elemento h1 y el elemento p. Abra su nuevo documento en
un navegador Web para ver d documento marcado.

2.4 Una imagen llamada deltel.png tiene 200 pixeles de ancho y 150 píxeles de alto. Escriba una
instrucción de HTML5 usando los atributos wldth y height del demento img para realizar cada una
de las siguientes transformaciones:

a) Aumentar el tamaño de la imagen en un 100 por ciento.

b) Aumentar el tamaño de la imagen en un 50 por ciento.

c) Cambiar la relación anchura-altura a 2:1 manteniendo d valor de wldth que se obtuvo en el

inciso (a).

2.5 Cree un vínculo a cada uno de los siguientes elementos

a) El archivo Index.html, que se encuentra en el directorio archivos.

b) El archivo Index.html, que se encuentra en d directorio texto del directorio archivos.

c) El archivo Index.html, que se encuentra en d directorio otro de su directorio padre.

|Sugerencia: significa cl directorio padre.]

d) la dirección de correo electrónico del presidente de Estados Unidos

(president@whtiehouse.gov).

e) El archivo llamado README en el directorio pub de ftp.cdrom.com. [Sugerencia: use ftp ://.]

2.6 Cree un documento de HTML5 que contenga una lista ordenada de tres elementos: nieve,
nieve a base de agua y yogurt congelado. Cada lista ordenada debe contener una lista
desordenada anidada de sus sabores favoritos. Proporcione tres sabores en cada lista
desordenada.

2.7 Cree un documento de HTML5 que utilice una imagen como un vínculo de correo electrónico.
Use el atributo alt para proveer una descripción de la imagen y el vínculo.

2.8 Cree un documento de HTML5 que contenga vínculos a sus cinco sitios Web Favoritos de
ofertas diarias (como Groupon, Living Social, etc.). Su página debe contener el encabezado “Mis
sitios Web favoritos de ofertas". Haga clic en cada uno de estos vínculos para probar su página.
2.9 Cree un documento de HTML5 que contenga una lista desordenada con vínculos a todos los
ejemplos que se presentan en este capítulo. [Sugerencia: coloque rodos los ejemplos del capítulo
en un directorio llamado ejemplos y después cree vínculos a los archivos en ese directorio.]

2.10 Identifique cada uno de los siguientes objetos de HTML5 como un demento o un atributo:

a) html

b) wldth

c) href

d) br

e) h3

f) a

g) src

2.11 Indique cuál de los siguientes enunciados es verdadero y cuál es falso. Si es falso, explique por
que

a) Un documento de HTML5 válido no puede contener letras mayúsculas en nombres de

elementos.

b) Los documentos de HTML5 pueden tenerla extensión de archivo .htm.

c) &less; es la referencia a entidad de carácter pata el carácter menor que (<).

d) En un documento de HTML5 válido. <li> puede anidarse dentro de etiquetas <ol> o <ul>.

2.12 Complete las siguientes oraciones:

a) Los comentarios de HTML5 comienzan con <!-- y terminan c o n ___________.

b) En HTML5. los valores de los atributos pueden ir encerrados entre. ________

c) __________ es b referencia a entidad de carácter para un signo &.

d) El elemento___________ puede usarse para crear texto en negrita.

2.13 Clasifique cada uno de los siguientes objetos como elemento o atributo:

a) wldth

b) td

c) th

d) name

e) select

f) type
2.14 Cree el marcado de HTML5 que produzca la tabla que se muestra en la figura 2.18. Use
etiquetas <em> y <strong> según sea necesario. La imagen (camello.png) se incluye en d directorio
de ejemplos del capítulo 2.

2.15 Escriba un documento de HTML5 que produzca la tabla que se muestra en la figura 2.19.

2.16 Una universidad local le pidió que creara un documento de HTML5 que permita a los futuros
estudiantes universitarios proveer retroalimentación sobre su visita al campus. Su documento de
HTML5 debe contener un formulario con campos de texto para un nombre y un correo
electrónico. Proporcione casillas de verificación que permitan a los futuros estudiantes indicar lo
que les gustó mas sobre el campus. Las casillas de verificación deben incluir campus. estudiantes,
ubicación, ambiente, dormitorios y deportes. Proporcione además botones de opción que
pregunten a los futuros estudiantes cómo supieron sobre la universidad. Las opciones deben
incluir, amigos, televisión, Internet y otro. Además, proporcione un área de texto para
comentarios adicionales, un botón para enviar y un botón para restablecer. Use post para enviar la
información en el formulario a http://www.deitel.com.

2.17 Cree un documento de HTML5 titulado “Cómo obtener buenas calificaciones'. Use etiquetas
<meta> para incluir una serie de palabras clave que describan su documento.