“Conocimientos Programación>Lenguajes De Programación

Cómo aumentar el relleno entre las columnas en HTML

2015/3/29
Hay tres maneras de aumentar el espacio entre las columnas de un cuadro redactado en el lenguaje de programación HTML , que es la base de la Web. Usted puede utilizar atributo " cellspacing " de la tabla para aumentar el espacio entre todas las celdas de la tabla , se puede utilizar el atributo " cellpadding " para agregar relleno dentro de todas las células , o puede utilizar atributo " width" de una celda individual para ampliar ella. Instrucciones
1

Encuentra la etiqueta de apertura . En HTML, los datos de la tabla siempre es precedido por una etiqueta

y seguido por un cierre < /table> . Los parámetros en esta etiqueta establecen los atributos generales de toda la tabla, por ejemplo , la existencia de una frontera, los colores o el tamaño de la tabla en la página. A modo de referencia , esto es lo que una tabla HTML muy simple aspecto:

... < /tr> secciones) de dos columnas cada uno ( los cuatro
... < /td > secciones ;) . Las células contienen los números 1 a 4 . Usted puede probar esto, junto con cualquier otro tipo de código HTML, por copiar y pegarlo en el banco de pruebas HTML ( ver Recursos) y haga clic en "Display ".
2

Añadir un " cellspacing " o " cellpadding " atributo a la etiqueta

. " Cellspacing ", añade el espacio vacío a la mesa entre cada celda , " cellpadding " se expande cada celda para contener el espacio vacío alrededor de su contenido. Por ejemplo , si la etiqueta antes decía:


cambiarlo a :


o


donde X es el tamaño del espacio añadido , en píxeles . También se pueden combinar espacio y el relleno - sólo hay que poner los dos en allí, con un espacio de separación de ellos, así como un espacio separa los atributos añadidos por encima del atributo "border "
3

Cambiar el ancho de una celda individual de la tabla - añadir espacio entre éste y las columnas a su alrededor , pero en ninguna otra parte de la mesa - añadiendo un atributo a la etiqueta de la celda . Esta será una etiqueta

así:

XYZ < /td >

donde " XYZ " es el contenido de la celda. Agregue un atributo " width" a la etiqueta

. El ancho se puede expresar en forma de píxeles :

XYZ < /td >

o como un porcentaje de la ventana del navegador :
< p >

XYZ < /td >

En el segundo ejemplo , la anchura de la celda es siempre exactamente 20 % de la anchura de la ventana del navegador , no importa lo que el resolución de pantalla del usuario es o cómo es grande su ventana. Esta es a menudo una forma más fiable y compatible de expresar ancho - se asegura de que la tabla no se convertirá en ilegible bajo ciertas condiciones . Cualquiera que sea la forma en que lo hace, usted puede configurar el ancho de tantas celdas como desee. Agregue un atributo " width" a la etiqueta

de cada célula en una columna de ampliar efectivamente esa columna.

Lenguajes De Programación
HTML cuadro desplegable Tutorial
Cómo crear su propio Estudio Instancia UID
Cómo crear una dirección URL basada en WSDL
Cómo escribir una función Módulo
Las desventajas de compresión de un sitio web
OWL API Tutorial
Cómo escribir un script para capturar mensajes de correo
Cómo crear módulos DNN Seguros
Conocimientos Informáticos © http://www.ordenador.online