Aprender el código HTML para crear márgenes de celda le da un mayor control sobre la apariencia de sus tablas HTML. En particular, puede utilizar los márgenes para agregar más espacio en blanco a sus celdas de la tabla, que pueden aumentar considerablemente la legibilidad del contenido de la tabla. Lo más recomendable es utilizar los códigos CSS para agregar nuevos márgenes de celda. Estos códigos de permitir un mayor control sobre los márgenes, y tienen nombres de propiedades que son más consistente, más clara y por lo tanto más fáciles de recordar que los códigos HTML para mayores márgenes. HTML debe ser utilizado para definir la estructura, mientras que CSS está diseñado para controlar la disposición y efecto visual.
Crear una tabla
Para entender el código HTML para márgenes de celda, necesitarás una mesa para celebrar ese código. Por ello, el primer paso es crear una página HTML con una tabla. Ponga cualquier texto que usted quisiera en la mesa, pero garantizar la tabla tiene al menos dos celdas y un borde para que pueda ver el efecto del código que añade los márgenes. Por ejemplo, las siguientes afirmaciones HTML crean una mesa con dos células, cada una con el texto. Pegue las declaraciones en un nuevo documento de Bloc de notas, y luego guardarlo como cualquier nombre de archivo con extensión "htm".
<Html>
<Table border = "true">
<Tr>
<Td>
Hola
</ Td>
<Td>
Ya está
</ Td>
</ Tr>
</ Table>
</ Html>
Márgenes con el "Cellpadding" Propiedad
Después de crear y poblaron las celdas de una tabla, agregue el código para la creación de los márgenes de celda. Escriba el código dentro de la etiqueta "Tabla" de la siguiente manera: Haga clic justo a la izquierda del cierre ">" de la apertura "Tabla" etiqueta, a continuación, escriba "cellpadding = '20 '." La propiedad "Cellpadding" indica al navegador que debe rendir un espacio entre las fronteras de cada célula y el contenido de la celda. Este espacio crea el margen.
La observación de los márgenes
Para ver cómo la propiedad "Cellpadding" crea márgenes de celda, abrir una página HTML que utiliza esa propiedad en su navegador Web. Haga clic en el menú "Archivo" de su navegador, a continuación, haga clic en "Abrir". Busque y haga doble clic en la página HTML. Su navegador mostrará la tabla de la página, cada una de cuyas células tiene la cantidad de relleno que ha especificado con el valor siguiente a la propiedad "Cellpadding". Para ver los márgenes de celda con claridad, asegúrese de usar un valor de píxeles relativamente grande después de la etiqueta "Cellpadding". Pruebe con un número entre 20 y 50 para empezar.
Márgenes con códigos CSS
El código "Cellpadding" no es la única manera de añadir márgenes a celdas de tabla HTML. El siguiente código proporciona una manera de añadir márgenes a cada celda de la tabla de forma individual, en contraste con la propiedad "Cellpadding" la "Tabla" de la etiqueta: "style =" padding: 20px; "" Con este método, usted puede elegir exactamente qué lados del celular tendrá el relleno añadiendo prefijos a la propiedad "relleno". Por ejemplo, "padding-left" añadirá un margen entre el borde izquierdo de una célula y la parte izquierda de su contenido.