1
Aprender a programar desde cero / Colores CSS y HTML notación nombre, hexadecimal, rgb Ejercicio resuelto CU01019D
« en: 14 de Agosto 2015, 23:10 »Citar
En la siguiente tabla están mal ordenados los códigos de colores. Ordénalos de forma que en cada fila estén los códigos equivalentes de forma ordenada y crea un documento HTML donde se muestre un cuadrado donde aparezca como texto el color con la notación empleada, y como color de fondo el color. En total deberás tener 15 cuadrados, cada uno con su texto y su color, correspondientes a las 15 celdas de la tabla.
Nombre Hexadecimal RGB
DimGray 1E90FF 178,34,34
IndianRed 696969 205,92,92
FireBrick CD5C5C 30,144,255
DodgerBlue B22222 75,0,130
Indigo 4B0082 105,105,105
Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Prueba de colores - aprenderaprogramar.com</title>
<meta charset="utf-8">
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name=="keywords" content="aprender, programar, cursos, libros">
<style type="text/css">
#dodgerblue{background-color:#1E90FF; height:90px; width:90px;}
#dimgray{background-color:#696969; height:90px; width:90px;}
#indianred{background-color:#CD5C5C; height:90px; width:90px;}
#firebrick{background-color:#B22222; height:90px; width:90px;}
#indigo{background-color:#4B0082; height:90px; width:90px;}
p{color: white}
</style>
</head>
<!-- Contenido de la página-->
<body>
<div>
<div id="dimgray">
<p> DimGray </p>
</div>
<br/>
<div id="indianred">
<p> IndianRed </p>
</div>
<br/>
<div id="firebrick">
<p> FireBrick </p>
</div>
<br/>
<div id="dodgerblue">
<p> DodgerBlue </p>
</div>
<br/>
<div id="indigo">
<p> Indigo </p>
</div>
</div>
</body>
</html>
Todavía no hemos visto height y width pero lei un poco en internet y me parecio la manera más lógica de hacer los cuadrados.
Gracias por mirar y corregir.