“Conocimientos Programación>Lenguajes De Programación

Cómo hacer columnas mediante DIV Tags

2011/10/26
etiquetas DIV tienen una amplia gama de funciones de las etiquetas HTML comunes. Se crea una página web versátil cuando se utiliza este tipo de herramienta. Tablas HTML regulares son difíciles de diseño y no son tan flexibles . Etiquetas DIV son parte del documento HTML en general. Para agregar estas etiquetas siempre que lo necesite para colocar columnas dentro de su página web. Después de tener el color de fondo o la textura por escrito en el documento , colocará las etiquetas DIV para hacer las columnas. Instrucciones
1

Agregue el código "< div style = " "para cada línea separada de las columnas. Esto explica el propósito del código inicial.
2

Inserte la altura, anchura y la frontera píxeles. El código se mostrará la medida en que "< div style = ' Altura : 550px ; ancho : 220px ; frontera : 3px ." Si usted no desea un borde alrededor de la columna, establezca el pixel frontera a cero
Página 3

Establece el color del borde . Se pueden utilizar los mismos o diferentes colores. Utilice "sólido " o " Doble " para el tipo de frontera. Su código de ahora será similar a "< div style = ' Altura : 550px ; ancho : 220px ; frontera : 3px negro sólido; "
4

Añada la alineación. El comando " flotación " permite que columnas adicionales para alinear al lado de la primera columna . Inserte " float: (dirección )," para la etiqueta DIV alineación. El código hasta ahora es " < div style = ' Altura : 550px ; ancho : 220px ; frontera : 3px negro sólido; float : left; "
5

Fin de la etiqueta DIV. Cierre el código con " " > " a continuación, apague con < /div > . Por ejemplo , todo el código está en este formato "

< /div >".

6

Añadir otra columna al lado de la primera , con otra etiqueta DIV. Por ejemplo , si quieres cuatro columnas en una fila , éste sería el código:

< /div >
Conocimientos Informáticos © http://www.ordenador.online