Importante para recién llegados: en este hilo están las normas, sugerencias y políticas para escribir en los foros: https://aprenderaprogramar.com/foros/index.php?topic=1460.0 ¡Léelo antes de escribir!
Mostrar Mensajes
Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.
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
<!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>
.magicTitle {
margin:0px;
width:20px;
height:30px;
color:green !important;
border-style: hidden !important;
}
<div class="magicTitle" style="border:1px solid blue; color: blue;">
Aprendiendo a programar
</div>
Analiza el código HTML del ejercicio (http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=716:concepto-de-herencia-en-hojas-de-estilo-css-ique-es-forzar-herencia-con-inherit-ejemplos-cu01013d&catid=75:tutorial-basico-programador-web-css-desde-cero&Itemid=203).
En él encontrarás tres etiquetas div. Haz lo siguiente:
a) Establece atributos class para cada una de ellas con valores <<principal>> para la primera, y <<secundario>> para la segunda y la tercera.
b) Usando CSS establece como color de texto el rojo (red) y tamaño de fuente el 130% respecto de lo normal para los elementos h1 que se encuentren dentro de un elemento cuyo valor class sea <<principal>>.
c) Usando CSS establece como color de texto el verde y tamaño de fuente el 110% respecto de lo normal para los elementos h3 que se encuentren dentro de un elemento cuyo valor class sea <<secundario>>.
d) Usando CSS establece como color de fondo el amarillo (yellow) para los elementos span que se encuentren dentro de elementos h3 que se encuentren dentro de elementos cuyo atributo class sea <<secundario>>.
e) Establece como tipo de fuente para todo el documento HTML el tipo Arial.
Define la estructura de un portal web que conste de:
a) Una cabecera con una imagen, un texto h1, y otra imagen que a su vez sea un link.
b) Un cuerpo con un menú que contenga 5 items, una imagen y dos párrafos.
c) Un pie que contenga una imagen, un copyright y un texto que sea a su vez un link.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta charset="utf-8">
<head>
<title>Portal Básico - aprender a programar.com</title>
</head>
<body>
<div id="page" >
<div id="header"><img src="http://www.beitia.com.ar/gallery/ae1736f02940e7c8d53ce289dcfe6e70_250x90.png" height="42"></img>
<h1>Portal (Tutorial básico del programador web: HTML desde cero) - aprenderaprogramar.com</h1>
<a href="#" ><img src="http://www.beitia.com.ar/gallery/ae1736f02940e7c8d53ce289dcfe6e70_250x90.png" height="24"></img></a>
</div>
<div id="wrapper">
<!-- Inicio Menu-->
<div id="menu"><!-- Aqui va el código del menú-->
<div><br><br>Menú</div>
<hr style="color:red; background-color:red; width:50%; "/>
<ul>
<li><a href="#">Portada</a></li>
<li>
<a href="https://www.aprenderaprogramar.com">Aprenderaprogramar.com</a>
</li>
<li><a href="#2">Foto</a></li>
<li><a href="#3">Párrafo Uno</a></li>
<li><a href="#4">Párrafo Dos</a></li>
</ul>
</div>
<!-- Fin Menu-->
<!-- Inicio Cuerpo-->
<div id="body">
<div id="imagen">
<a id=2>
<img src="http://www.rionegro.com.ar/diario/funciones/binario/imagen.aspx?idart=7858647&idcat=62202&idcon=6187626&resolucion=0&tipo=2" alt="Vista de Pájaro"></img>
</a>
<a href="#">Volver</a>
</div>
<div id="parrafo1">
<a id="3"><h3>Parrafo Uno</h3>
<p>
Al hablar de fundamentos de programación nos referimos a aquellos</br>
conocimientos básicos que nos permitirán desenvolvernos sin excesivo número</br>
de tropiezos. Veamos a qué tipo de tropiezos nos referimos utilizando un</br>
símil de transporte. El conductor (programador) dispone de un coche</br>
(el ordenador) y desea trasladarse</br>
Al hablar de fundamentos de programación nos referimos a aquellos</br>
conocimientos básicos que nos permitirán desenvolvernos sin excesivo número</br>
de tropiezos. Veamos a qué tipo de tropiezos nos referimos utilizando un</br>
símil de transporte. El conductor (programador) dispone de un coche</br>
(el ordenador) y desea trasladarse</br>
Al hablar de fundamentos de programación nos referimos a aquellos</br>
conocimientos básicos que nos permitirán desenvolvernos sin excesivo número</br>
de tropiezos. Veamos a qué tipo de tropiezos nos referimos utilizando un</br>
símil de transporte. El conductor (programador) dispone de un coche</br>
(el ordenador) y desea trasladarse </br>
</p>
<a href="#">Volver</a>
</a>
</div>
<div id="parrafo2">
<a id="4"><h3>Parrafo Dos</h3>
<p>
Al hablar de fundamentos de programación nos referimos a aquellos</br>
conocimientos básicos que nos permitirán desenvolvernos sin excesivo número</br>
de tropiezos. Veamos a qué tipo de tropiezos nos referimos utilizando un</br>
símil de transporte. El conductor (programador) dispone de un coche</br>
(el ordenador) y desea trasladarse</br>
Al hablar de fundamentos de programación nos referimos a aquellos</br>
conocimientos básicos que nos permitirán desenvolvernos sin excesivo número</br>
de tropiezos. Veamos a qué tipo de tropiezos nos referimos utilizando un</br>
símil de transporte. El conductor (programador) dispone de un coche</br>
(el ordenador) y desea trasladarse </br>
Al hablar de fundamentos de programación nos referimos a aquellos</br>
conocimientos básicos que nos permitirán desenvolvernos sin excesivo número</br>
de tropiezos. Veamos a qué tipo de tropiezos nos referimos utilizando un</br>
símil de transporte. El conductor (programador) dispone de un coche</br>
(el ordenador) y desea trasladarse</br>
</p>
</a>
<a href="#">Volver</a>
</div>
</div>
<!-- Fin Cuerpo-->
</div>
<div id="footer">
<p>
<img src="http://www.beitia.com.ar/gallery/ae1736f02940e7c8d53ce289dcfe6e70_250x90.png" height="10"></img>
<a href="http://www.beitia.com.ar">Copyright 2006-2072 aprenderaprogramar.com</a></p>
</div>
</div>
</body>
</html>
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
RSS -
WAP2