Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: KOFFERO en 29 de Septiembre 2017, 07:40

Título: CSS. Estructura HTML y su semantica, modelos de cajas, inline y block CU0108D#
Publicado por: KOFFERO en 29 de Septiembre 2017, 07:40
Hola amigos, estoy enpezando el curso de CSS, y este es mi primer ejercicio del curso css de aprenderaprogramar, ejercicio CU0108D.

Enunciado:
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.

Código a analizar:
Código: [Seleccionar]
<!DOCTYPE html>
<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:
                                      (https://i.imgur.com/GMN8UTL.png)

Esquema 2:
                                      (https://i.imgur.com/2nC5XZ2.png)

Los esquemas que hice no son la gran cosa, pero lo que yo creo, es mejor entender como los navegadores interpretan los documentos HTML.

Un saludo. :D
Título: Re:CSS. Estructura HTML y su semantica, modelos de cajas, inline y block CU0108D#
Publicado por: Alex Rodríguez en 18 de Noviembre 2017, 18:53
Hola, el ejercicio se ve muy bien trabajado, enhorabuena, como dices es un buen ejercicio para entender la estructura de los documentos HTML

Saludos