Introducción a la edición de tablas HTML en Visual Web Developer

Actualización: noviembre 2007

Puede utilizar las tablas HTML en las páginas Web para definir el diseño de página y mostrar el contenido en formato de columna. Visual Studio le permite editar las tablas HTML visualmente en la vista Diseño o como código de formato en la Vista Código fuente.

Edición de una tabla en la vista Diseño

En esta vista, el diseñador de páginas Web proporciona un editor de tablas que le permite editar las tablas HTML visualmente. Puede agregar una tabla a una página desde el Cuadro de herramientas o utilizando un cuadro de diálogo con las opciones para establecer las propiedades de la tabla y la celda. La tabla se muestra en el diseñador como aparecerá en el explorador. (De forma predeterminada, el diseñador agrega bordes visibles alrededor de la tabla para facilitar su edición, aunque la tabla no esté configurada para mostrar bordes.)

Nota:
Como ocurre con todos los elementos del diseñador de páginas Web, el editor de tablas crea código de formato compatible con XHTML. Para obtener más información, vea XHTML en Visual Web Developer.

El editor de tablas le permite seleccionar filas, columnas o celdas individuales y establecer sus propiedades. También puede utilizarlo para cambiar el tamaño de las columnas, filas o celdas.

Nota:
El editor de tablas le permite editar tablas HTML (los elementos de table y sus elementos secundarios), pero no el control Table de ASP.NET (elementos asp:table ). Los controles Table de ASP.NET se utilizan con mayor frecuencia mediante programación para crear la presentación tabular y, por consiguiente, no se suelen usar para el diseño de la página.

Plantillas de diseño de tablas

Dado que las tablas HTML se suelen usar para definir el diseño de los elementos de la página, el editor de tablas proporciona un conjunto de plantillas de diseño predefinidas. Al crear una tabla, tiene la posibilidad de seleccionar diseños normales, incluidas tablas que definen lo siguiente:

• Una celda para un encabezado y otra para el contenido principal.

• Una celda para el contenido principal y otra para el contenido secundario.

• Una celda para el encabezado, otra para contenido secundario, una más para el pie de página y otra para el contenido principal.

Nota:
Cuando cree por primera vez una tabla basada en una plantilla predefinida, la tabla no tiene contenido; por tanto, puede que se represente de forma distinta a la esperada. Pruebe el diseño de la tabla agregando contenido.

Después de crear una tabla mediante una plantilla de diseño, puede personalizar la plantilla para que se adapte a sus necesidades de diseño.

Edición de tablas en la vista Código fuente

Puede editar tablas HTML en vista Código fuente como lo haría con cualquier elemento HTML. Por ejemplo, el editor proporciona IntelliSense y validación para los elementos de la tabla, de igual forma que ocurre con el resto de los elementos. Las siguientes características del editor son particularmente útiles al trabajar con tablas en esta vista:

• El explorador de etiquetas del editor HTML: muestra el elemento actualmente seleccionado y su ubicación dentro de la jerarquía de etiquetas de la página. Para obtener información detallada, vea Exploración de etiquetas en el Editor HTML de Visual Web Developer.

• Esquematización de etiquetas: le permite contraer bloques de código de formato, por ejemplo, una tabla completa. Para obtener información detallada, consulte Cómo: Contraer y expandir elementos HTML en Visual Web Developer.

Vea también

Tareas

Cómo: Agregar y quitar elementos de tabla HTML en Visual Web Developer

Cómo: Seleccionar contenido y elementos de tabla HTML en Visual Web Developer

Cómo: Cambiar el tamaño de los elementos de tabla HTML en Visual Web Developer