ESTUDIARGRATIS.Net Cursos gratis Ymás!
Curso reparación de computadoras | Curso de Guitarra | Crucigramas | Curso Excel | Juegos gratis | Curso inglés | Estudiar informática | Curso Biblia | Curso Windows | Cultura general | Registrarse
El diseño web es una fuente de ingresos económicos para muchos, no dejes de estudiar

Qué es div en Diseño web

Escribe Javier R. Cinacchi en
http://www.estudiargratis.com.ar/webmaster/que-es-div.html
Revisión: 05/06/15

Curso diseño web gratis introducción a canvas <div> delimita un bloque de contenido. Todo contenido debería estar delimitado entre un <div> y su cierre </div> o su equivalente tal como en HTML5 con las etiquetas semánticas
Un diseño web en HTML5 posee incluso div que se encuentran dentro de otros div, con lo cual se va generando el diseño final.

Equivalentes de <div> etiquetas semánticas:


(En otras palabras es como si se hubieran puesto nombres predeterminados a los "DIV", y de hecho se pueden en HTML5 seguir utilizando DIV, más estas etiquetas específicas que son etiquetas semánticas de estructura html5, o bien jugarsela por lo último y utilizar las etiquetas semánticas, no soportadas por viejos navegadores que sí soportan DIV)



Utilización del DIV junto a estilos CSS:

Explicación desde cero:
Tienen un inicio y cierre, <div> y su cierre </div>
Código: <div> contenido </div>
Se observa:
contenido
(Un DIV es un bloque es decir si coloco <div> contenido1 </div><div> contenido2 </div> se verá uno debajo de otro) Se observa:
contenido1
contenido2
Si se le aplica un estilo cambia:
Código: <div style="background: #CCCCFF; border: 1px solid #aaaaff;"> contenido </div>
Se observa:
contenido
Si se quiere colocar un div al lado de otro div como si se tratara cada uno de una palabra hay que utilizar display:inline-block.
Código: <div style="background: #CCCCFF; border: 1px solid #aaaaff; display:inline-block;"> contenido </div> <div style="background: #CCFFCC; border: 1px solid #aaffaa; display:inline-block;"> contenido 2 </div>
Se observa:
contenido
contenido 2

Si se quiere colocar el estilo aparte:

Esto se explicó aquí: Lo básico en estilos.
En la cabecera (antes de /head) llamar al css según el nombre que le pusiste y dónde lo subiste:
<link rel="stylesheet" type="text/css" href="http://www.estudiargratis.com.ar/JavierRCinacchi.css">
Si por ejemplo tengo un Div que lo llame "centrar"
<div class="centrar"> </div>
En el CSS podría ir por ejemplo una propiedad de centrado del siguiente modo:
.centrar {text-align: center;}



Custom Search
Copyright 2005-2015 Autor principal y webmaster: Javier R. Cinacchi. Medio de comunicación Facebook ("F"). Prohibida la reproducción parcial o total del contenido de esta Web sin el consentimiento escrito del autor. A excepción de poemas con la condición de no alterar su contenido y mencionar que el autor es Javier R. Cinacchi en cada poema o poesía que le pertenezca, se autoriza a reproducir puntualmente cualquier poesía o poema de este autor. Estas condiciones también se aplican, pero sólo se pueden reproducir hasta 3 textos completos, en la reproducción de textos sobre la Biblia o relacionados, sobre otros temas en general todos los derechos reservados, puede citar un párrafo por página y poner links a esta web. Leer antes de utilizar esta Web: Aclaraciones legales y politica de privacidad.
¿Sabía que en Curso webmasters de diseño web se amplía o actualiza algo continuamente? No acepte imitaciones.

En la Biblia dice:
(1) Muy dichoso aquel que no se guió por consejo de malos, ni estuvo en camino de pecadores, ni en silla de burladores se ha sentado:
(2) Antes, en la Enseñanza de Yahweh está su deleite, y en su Enseñanza medita de día y de noche. Salmo 1.

Volver a la web principal: Cursos gratis diseño web y más!