Einführung in die Bearbeitung von HTML-Tabellen in Visual Web Developer

Aktualisiert: November 2007

Sie können HTML-Tabellen in den Webseiten verwenden, um das Seitenlayout zu definieren und Inhalte im Spaltenformat anzuzeigen. In Visual Studio können Sie in der Entwurfsansicht HTML-Tabellen visuell oder in der Quellansicht als Markup bearbeiten.

Tabellenbearbeitung in der Entwurfsansicht

In der Entwurfsansicht stellt der Webseiten-Designer einen Tabellen-Editor bereit, mit dem Sie HTML-Tabellen visuell bearbeiten können. Sie können einer Seite eine Tabelle hinzufügen: entweder aus der Toolbox oder mithilfe eines Dialogfelds, das Optionen zum Festlegen von Tabellen- und Zelleneigenschaften anbietet. Die Tabelle wird im Designer so angezeigt, wie sie im Browser dargestellt wird. (Um die Bearbeitung zu erleichtern, zeigt der Designer standardmäßig um die Tabelle einen sichtbaren Rahmen an, auch wenn für die Tabelle an sich kein Rahmen festgelegt wurde.)

Hinweis:
Wie bei allen Elementen im Webseiten-Designer erstellt der Tabellen-Editor XHTML-kompatibles Markup. Weitere Informationen finden Sie unter XHTML in Visual Web Developer.

Mit dem Tabellen-Editor können Sie Zeilen, Spalten oder einzelne Zellen auswählen und ihre Eigenschaften festlegen. Sie können den Editor auch verwenden, um die Größe der Spalten, Zeilen oder Zellen zu ändern.

Hinweis:
Sie können mit dem Tabellen-Editor HTML-Tabellen (table-Elemente und deren untergeordnete Elemente) bearbeiten, aber keine ASP.NET-Table-Steuerelemente (asp:table-Elemente). ASP.NET-Table-Steuerelemente werden meistens programmgesteuert zum Erstellen von tabellarischen Anzeigen verwendet. Ihre Verwendung für Seitenlayout ist daher eher unüblich.

Tabellenlayoutvorlagen

Da HTML-Tabellen häufig verwendet werden, um das Layout von Elementen in der Seite zu definieren, stellt der Tabellen-Editor eine Reihe von vordefinierten Layoutvorlagen zur Verfügung. Wenn Sie eine Tabelle erstellen, haben Sie die Möglichkeit, allgemeine Layouts auszuwählen, z. B. Tabellen mit den folgenden Einstellungen:

• Eine Zelle für einen Header und eine weitere Zelle für den Hauptinhalt.

• Eine Zelle für den Hauptinhalt und eine weitere Zelle für Randinhalte.

• Eine Zelle für den Header, eine für Randinhalte, eine für den Footer und eine für den Hauptinhalt.

Hinweis:
Wenn Sie eine auf einer vordefinierten Vorlage basierende Tabelle erstmals erstellen, enthält sie noch keinen Inhalt und wird möglicherweise anders dargestellt, als Sie erwarten. Testen Sie das Tabellenlayout, indem Sie Inhalt hinzufügen.

Nachdem Sie eine Tabelle mithilfe einer Layoutvorlage erstellt haben, können Sie die Vorlage den jeweiligen Layoutanforderungen anpassen.

Tabellenbearbeitung in der Quellansicht

Sie können HTML-Tabellen in der Quellansicht genauso bearbeiten, wie Sie HTML-Elemente bearbeiten würden. Zum Beispiel stellt der Editor ebenso wie für andere Elemente auch für Tabellenelemente IntelliSense und Validierung bereit. Die folgenden Editorfeatures sind besonders nützlich, wenn Sie in der Quellansicht mit Tabellen arbeiten:

• Der Tag-Navigator des HTML-Editors, der das aktuell ausgewählte Element und dessen Position innerhalb der Taghierarchie der Seite anzeigt. Ausführliche Informationen finden Sie unter Tag-Navigation im HTML-Editor von Visual Web Developer.

• Die Taggliederung, mit der Sie Blöcke des Markup reduzieren können, z. B. eine ganze Tabelle. Ausführliche Informationen finden Sie unter Gewusst wie: Reduzieren und Erweitern von HTML-Elementen in Visual Web Developer.

Siehe auch

Aufgaben

Gewusst wie: Hinzufügen und Entfernen von Table-Elementen (HTML) in Visual Web Developer

Gewusst wie: Auswählen von HTML-Tabellenelementen und -inhalten in Visual Web Developer

Gewusst wie: Ändern der Größe von HTML-Tabellenelementen in Visual Web Developer