Condividi tramite

Introduzione alla modifica delle tabelle HTML in Visual Web Developer

  • Articolo

Aggiornamento: novembre 2007

È possibile utilizzare tabelle HTML nelle pagine Web per definire il layout delle pagine e per visualizzare il contenuto in formato colonna. Visual Studio consente di modificare le tabelle HTML visivamente nella visualizzazione Progettazione o come codice nella visualizzazione Origine.

Modifica delle tabelle nella visualizzazione Progettazione

Nella visualizzazione Progettazione, la finestra di progettazione delle pagine Web fornisce un editor di tabella per la modifica visiva delle tabelle HTML. È possibile aggiungere una tabella a una pagina utilizzando la Casella degli strumenti o una finestra di dialogo che fornisce le opzioni di impostazione delle proprietà delle celle e delle tabelle. La tabella viene visualizzata nella finestra di progettazione così come verrà visualizzata nel browser. Per impostazione predefinita, la finestra di progettazione aggiunge bordi visibili intorno alla tabella per facilitarne la modifica, anche se non è stata impostata la visualizzazione dei bordi.

Nota:

L'editor della tabella crea codice compatibile con lo standard XHTML, come accade per tutti gli elementi della finestra di progettazione della pagina Web. Per ulteriori informazioni, vedere XHTML in Visual Web Developer.

L'editor di tabella consente di selezionare righe, colonne o singole celle e di impostarne le proprietà. È inoltre possibile utilizzare l'editor per ridimensionare colonne, righe o celle.

Nota:

L'editor di tabella consente di modificare le tabelle HTML (gli elementi table e i relativi elementi figlio), ma non il controllo Table ASP.NET (elementi asp:table). I controlli Table ASP.NET vengono soprattutto utilizzati a livello di codice per creare una visualizzazione a tabella, pertanto non vengono di norma utilizzati per il layout delle pagine.

Modelli di layout delle tabelle

Poiché le tabelle HTML vengono spesso utilizzate per definire il layout degli elementi nella pagina, l'editor di tabella fornisce un set di modelli di layout predefiniti. Durante la creazione di una tabella, è disponibile l'opzione di selezione dei layout comuni, incluse le tabelle che consentono di definire quanto segue:

  • Una cella per l'intestazione e un'altra per il contenuto principale.

  • Una cella per il contenuto principale e un'altra per il contenuto secondario.

  • Una cella per l'intestazione, una per il contenuto secondario, una per il piè di pagina e una per il contenuto principale.

Nota:

Quando viene creata una tabella in base a un modello predefinito, questa non ha alcun contenuto, pertanto il rendering potrebbe dare risultati imprevisti. Verificare il layout della tabella aggiungendo contenuto.

Dopo aver creato una tabella utilizzando un modello di layout, è possibile personalizzare il modello per soddisfare eventuali esigenze relative a un layout particolare.

Modifica delle tabelle nella visualizzazione Origine

È possibile modificare le tabelle HTML nella visualizzazione Origine nello stesso modo in cui verrebbero apportate modifiche agli elementi HTML. Ad esempio, l'editor fornisce IntelliSense e la funzione di convalida degli elementi della tabella, disponibili anche per altri elementi. Le seguenti funzionalità dell'editor sono particolarmente utili quando si lavora con le tabelle nella visualizzazione Origine:

Vedere anche

Attività

Procedura: aggiungere e rimuovere gli elementi delle tabelle HTML in Visual Web Developer

Procedura: selezionare elementi e contenuti delle tabelle HTML in Visual Web Developer

Procedura: ridimensionare gli elementi delle tabelle HTML in Visual Web Developer