Autor Tema: CSS esquema que refleje las cajas que intervienen en un HTML ejercicio CU1008D.  (Leído 2471 veces)

Jack_F

  • Visitante
Hola aquí  dejo la resolución de ejercicio CU1008D del curso de aprendizaje de fundamentos de programación web con CSS.

Citar
EJERCICIO

Analiza el siguiente código HTML y crea dos esquemas. Un esquema de organización utilizando llaves como hemos visto anteriormente, y otro esquema que refleje las cajas que intervienen en el documento HTML, siguiendo el ejemplo visto anteriormente.

El codigo.
Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
</head>
<body>
<p><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" /></p>
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</body>
</html>


Esquema 1



Esquema 2



Dudas

Bueno mi duda es que, el elemento <img es inline debera ir en otra caja o junto con la que esta.
« Última modificación: 14 de Enero 2017, 18:11 por Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:CSS. Resolución del ejercicio CU1008D.
« Respuesta #1 en: 28 de Diciembre 2016, 13:45 »
Hola Jorgito.

La imagen debe de ir dentro de la caja del párrafo, y en el esquema de llaves, cuando llegas al párrafo, deberías abrir otra llave y colocar dentro la imagen, igual que en el primer párrafo que aparece tienes que colocar el enlace(etiqueta a) dentro de el.


Saludos. ;D

Jack_F

  • Visitante
Re:CSS. Resolución del ejercicio CU1008D.
« Respuesta #2 en: 28 de Diciembre 2016, 15:19 »
Claro pedro, entonces sería cuando hay dos etiquetas como en el caso del párrafo y hipervínculos dos cajas, el primero debe ir en una caja y el segundo adentro de la primer caja.

Gracias y un saludo.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".