Este es el subapartado para hacer que nuestra pagina sea más vistosa.
BIENVENIDOS A NUESTRA WEB DE EJEMPLO
Es intenresante notar que la pagina en cuestion tiene una distribucion con un padding en la izquierda de 11 em. Esto significa que todo el texto se coloca a la derecha. Interesante tambien notar que el h1 tiene un color determinado. este caso es rojo y una fuente georgia, como primero pero luego tiene otras dos fuentes que señalan un aporte novedoso.
Vamos colocando diferentes div, por ejmplo tenemo dos, la primera es div.color; es decir, una clase llamada color; en la que podemos apreciar una color azulado, porque lo hemos hecho mediante numeros; las segunda clase es clase box, para señalar que podemos hacer todo tipo de modificaciones en la div, porque se puede colocar hasta si queremos que el borde salga, si queremos que se oculte, si queremos un determinado color, una determinada fuente etc.;
Bella la posicion de la figura o imagen, pero fundamentalmente la transformacion que se ha operado en la imagen a traves de la hoja de estilo y el figure div.
La particularidad de la clase zula es que tiene una disposicion similar , pero el color de fondo cambia a un color más claro.
El siguiente paso es cambiar el body por este estilo : "margin-left: 10%; margin-right: 10%;
"
Encabezado segundo
Hemos coloado un encabezado y depues hemos puesto una subseccion con el nombre de clase de la misma forma. Hemos mejorado la presentacion , y hemos hecho que los diferentes encabezados y subsecciones tengan una modificacion.
Getting started
Esta es la subseccion. Como podemos apreciar el em dado al encabezado 2 asi como el concedido al subencabezado 2 con una clase, hace que el texto que escribamos cambie tambien de posicion y se coloque siempre en el mismo sitio.
Aqui colocamos una cja de texto definida con una div, llamada box. Esto es util para hacer una clase determinada, que podemos tambien ir cambiando a medida que consideremos oportuno
Ejemplo caracteristico de lo aprendido hasta ahora:
Spring in Wiltshire
Blossom on the trees, bird song and the sound of lambs
bleating in the fields.
VISITA ESTA PAGINA PARA CONOCER LOS COLORES
black = "#000000" green = "#008000"
silver = "#C0C0C0" lime = "#00FF00"
gray = "#808080" olive = "#808000"
white = "#FFFFFF" yellow = "#FFFF00"
maroon = "#800000" navy = "#000080"
red = "#FF0000" blue = "#0000FF"
purple = "#800080" teal = "#008080"
fuchsia = "#FF00FF" aqua = "#00FFFF"
EJEMPLO DE UNA TABLA
ESTE ES COLOR AMARILLO, PERO PUEDO EMPLEAR CUALQUIER COLOR ; POR EJMPLO PURPLE
| ESTE ES COLOR PURPURAPERO PUEDO EMPLEAR CUALQUIER COLOR ; POR EJMPLO PURPLE |
ESTE ES COLOR OLIVA, PUEDO EMPLEAR CUALQUIER COLOR ; POR EJMPLO PURPLE |
ESTE ES COLOR NEGRO EMPLEAR CUALQUIER COLOR ; POR EJMPLO PURPLE |
ESTE ES COLOR TEALPUEDO EMPLEAR CUALQUIER COLOR ; POR EJMPLO PURPLE |
dependiendo de los fondos puedo aplicar una tonalidad al texto diferente. Porque es muy práctico tener un colo elemental par atodo el texto pero tambien necesito poder visualizarlo con comodidad. Este comando obviamente es el COLOR
Modifica esta pagina
