Exemplarische Vorgehensweise: Grundlegende HTML-Bearbeitung in Visual Studio für Web Forms-Seiten

Artikel
11/15/2012

Microsoft Visual Studio 2012 stellt umfassende HTML-Bearbeitungsmöglichkeiten für Web Forms-Seiten bereit. Mit dem Visual Studio-HTML-Editor können Sie im WYSIWYG-Modus und zur feineren Steuerung auch direkt mit HTML-Markup arbeiten. Diese exemplarische Vorgehensweise bietet eine Einführung in die Visual Studio-Funktionen zur Bearbeitung von HTML.

Hinweis

Dieses Thema betrifft ASP.NET Web Forms-Seiten.Sie können die Ansicht Quelle zum Bearbeiten von Seiten in ASP.NET MVC (Model View Controller)- oder ASP.NET Web Pages-Anwendungen (.cshtml-Dateien) verwenden, die Ansicht Entwurf wird jedoch nur für Web Forms-Seiten vollständig unterstützt.Webserversteuerelemente werden nur in Web Forms-Seiten verwendet.

In dieser exemplarischen Vorgehensweise werden u. a. die folgenden Aufgaben beschrieben:

Erstellen und Bearbeiten von HTML in der Entwurfsansicht.
Erstellen und Bearbeiten von HTML in der Quellansicht.
Verwenden der geteilten Ansicht
Schnelles Durchlaufen der HTML-Tags mithilfe von Navigationstools.

Vorbereitungsmaßnahmen

Zum Durchführen dieser exemplarischen Vorgehensweise benötigen Sie Folgendes:

Visual Studio oder Visual Studio Express for Web muss auf dem Computer installiert sein.

Hinweis

Wenn Sie Visual Studio verwenden, wird in der exemplarischen Vorgehensweise angenommen, dass Sie beim ersten Start von Visual Studio die Einstellungsauflistung Webentwicklung ausgewählt haben.Weitere Informationen finden Sie unter Gewusst wie: Auswählen von Umgebungseinstellungen für die Webentwicklung.
Allgemeine Kenntnisse über das Arbeiten in Visual Studio.

Eine Einführung zum Erstellen von Web Forms-Seiten in Visual Studio finden Sie unter Exemplarische Vorgehensweise: Erstellen einer einfachen Web Forms-Seite in Visual Studio.

Erstellen der Website und der Web Forms-Seite

Wenn Sie in Visual Studio oder Visual Studio Express for Web bereits eine Web Forms-Site erstellt haben (z. B. mithilfe der Schritte in Exemplarische Vorgehensweise: Erstellen einer einfachen Web Forms-Seite in Visual Studio), können Sie diese Website verwenden und zum nächsten Abschnitt übergehen. Erstellen Sie andernfalls eine neue Webseite und eine neue Web Forms-Seite, indem Sie folgende Schritte ausführen:

Hinweis

In dieser exemplarischen Vorgehensweise wird ein Websiteprojekt verwendet.Sie könnten stattdessen ein Webanwendungsprojekt verwenden.Informationen zum Unterschied zwischen diesen Webprojekttypen finden Sie unter Vergleich von Webanwendungsprojekten und Websiteprojekten.

So erstellen Sie eine Dateisystem-Website

Öffnen Sie Visual Studio oder Visual Studio Express for Web.
Klicken Sie im Menü Datei auf Neue Website.

Das Dialogfeld Neue Website wird angezeigt.
Klicken Sie unter Installiert auf Visual Basic oder Visual C#, und wählen Sie dann Leere ASP.NET-Website aus.

Für diese exemplarische Vorgehensweise erstellen Sie eine Website, die keine vordefinierten Seiten und andere Ressourcen einschließt.
Wählen Sie im Feld Webspeicherort die Option Dateisystem aus, und geben Sie den Namen des Ordners ein, in dem Sie die Seiten der Website speichern möchten.

Geben Sie zum Beispiel den Ordnernamen C:\WebSites ein.
Klicken Sie auf OK.

Visual Studio erstellt ein Websiteprojekt, das eine Web.config-Datei einschließt.
Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf den Stamm der Website, und klicken Sie anschließend auf Neues Element hinzufügen.
Wählen Sie Web Form aus, geben Sie der Datei den Namen "Default.aspx", und klicken Sie dann auf Hinzufügen.

Arbeiten in der Entwurfsansicht

In diesem Teil der exemplarischen Vorgehensweise wird das Arbeiten in der Entwurfsansicht veranschaulicht, in der die Web Forms-Seite ähnlich wie in einer WYSIWYG-Ansicht angezeigt wird. Sie können Text wie in einem Textverarbeitungsprogramm durch Eingeben hinzufügen. Sie können Text direkt mithilfe von Formatierungsbefehlen oder durch Erstellen von Inlineformaten formatieren.

In der Entwurfsansicht wird die Seite, abgesehen von einigen Unterschieden, wie in einem Browser angezeigt. Ein Unterschied besteht darin, dass Text und Elemente in der Entwurfsansicht bearbeitet werden können. Ein weiterer Unterschied besteht darin, dass in der Entwurfsansicht einige Elemente und Steuerelemente angezeigt werden, die in einem Browser nicht angezeigt werden. So wird die Bearbeitung vereinfacht. Einige Elemente, z. B. HTML-Tabellen, werden außerdem in der Entwurfsansicht auf eine besondere Weise gerendert, in der zusätzlicher Raum für den Editor hinzugefügt wird. Die Entwurfsansicht ist ein hilfreiches Mittel zum visuellen Darstellen der Seite. Es ist jedoch nicht möglich, die Seite in der Entwurfsansicht genau wie in einem Browser zu rendern.

So fügen Sie in der Entwurfsansicht statischen HTML-Code hinzu und formatieren ihn

Wenn Sie sich nicht in der Entwurfsansicht befinden, klicken Sie unten links im Fenster auf Entwurf.
Geben Sie oben auf der Seite ASP.NET Web Page ein.
Wählen Sie den Text aus, und klicken Sie dann auf der Symbolleiste Formatierung auf Überschrift 1.
Drücken Sie die EINGABETASTE nach ASP.NET Web Page, und geben Sie dann "This page is powered by ASP.NET" betrieben ein.
Markieren Sie den Text, und klicken Sie dann im Menü Format auf Neuer Stil.

Das Dialogfeld Neuer Stil wird angezeigt.
Wählen Sie die Option Neuen Stil auf Dokumentauswahl anwenden aus.
Wählen Sie aus der Dropdownliste font-family eine Schriftart aus, und klicken Sie dann auf Übernehmen.

Die Schriftfamilie wird auf den markierten Text angewendet.
Klicken Sie unter Kategorie auf Block, und wählen Sie dann aus der Dropdownliste line-height den Eintrag (Wert) aus. Geben Sie einen Wert für die Zeilenhöhe ein.
Wählen Sie in der Dropdownliste letter-spacing den Eintrag (Wert) aus. Geben Sie einen Wert für den Zeichenabstand ein. Klicken Sie auf Übernehmen, um die Werte auf den ausgewählten Text anzuwenden.
Klicken Sie auf OK.

Anzeigen der Taginformationen

Wenn Sie in der Ansicht Entwurf arbeiten, sollten Sie Tags wie div und span anzeigen, die kein visuelles Rendern aufweisen.

So zeigen Sie HTML-Entwurfsoberflächentags in der Entwurfsansicht an

Zeigen Sie im Menü Ansicht auf Visuelle Hilfen, und stellen Sie sicher, dass Nicht sichtbare ASP.NET-Steuerelemente ausgewählt ist.

Der Designer zeigt Symbole für Absätze, Zeilenumbrüche und andere Tags an, die keinen Text rendern. Die Symbole werden nicht zur gleichen Zeit angezeigt, aber wenn Sie auf ein visuelles Element klicken, wird das nicht visuelle Element, das ihm vorausgeht, angezeigt.

Hinzufügen von Steuerelementen und Elementen

Sie können in der Entwurfsansicht Steuerelemente aus der Toolbox auf die Seite ziehen. Sie können einige Elemente mithilfe eines Dialogfelds hinzufügen, z. B. HTML-Tabellen. In diesem Abschnitt fügen Sie einige Steuerelemente und eine Tabelle hinzu, die Sie später in der exemplarischen Vorgehensweise verwenden werden.

So fügen Sie Steuerelemente und eine Tabelle hinzu

Setzen Sie den Cursor rechts vom Text This page is powered by ASP.NET, und drücken Sie dann die EINGABETASTE.
Ziehen Sie aus der Gruppe Standard in der Toolbox ein TextBox-Steuerelement auf die Seite, und legen Sie es in dem Bereich ab, den Sie im vorangehenden Schritt erstellt haben.

Hinweis

Sie können ein Steuerelement auch hinzufügen, indem Sie darauf doppelklicken.
Ziehen Sie ein Button-Steuerelement auf die Seite, und legen Sie es rechts vom TextBox-Steuerelement ab, das Sie im vorangehenden Schritt hinzugefügt haben.

Das TextBox-Steuerelement und das Button-Steuerelement sind ASP.NET-Webserver-Steuerelemente und keine HTML-Elemente.
Positionieren Sie den Cursor rechts vom Button-Steuerelement, und drücken Sie dann die EINGABETASTE.
Klicken Sie im Menü Tabelle auf Tabelle einfügen.

Das Dialogfeld Tabelle einfügen wird angezeigt.
Klicken Sie auf OK.

Das Dialogfeld Tabelle einfügen stellt Optionen zum Konfigurieren der Tabelle bereit, die Sie erstellen. In dieser exemplarischen Vorgehensweise können Sie ein Standardlayout für Tabellen verwenden.

Erstellen von Links

Die Entwurfsansicht stellt Generatoren und andere Tools bereit, mit denen Sie HTML-Elemente erstellen können, die Eigenschafteneinstellungen erfordern.

So erstellen Sie einen Link

Markieren Sie ASP.NET in dem Text This page is powered by ASP.NET.
Klicken Sie im Menü Format auf In Link konvertieren.

Das Dialogfeld Link wird geöffnet.
Geben Sie im Feld URL die URL "https://www.asp.net" ein.
Klicken Sie auf OK.

Festlegen von Eigenschaften im Eigenschaftenfenster

Sie können die Darstellung und das Verhalten von Elementen auf der Seite ändern, indem Sie im Fenster Eigenschaften Werte festlegen.

So legen Sie mithilfe des Eigenschaftenfensters Eigenschaften fest

Wählen Sie das Button-Steuerelement aus, das Sie im Abschnitt "Hinzufügen von Steuerelementen und Elementen" weiter oben in dieser exemplarischen Vorgehensweise hinzugefügt haben.
Legen Sie im Fenster Eigenschaften den Text auf "Click Here" und ForeColor auf eine andere Farbe fest.
Setzen Sie den Cursor in den Link ASP.NET, den Sie im vorangehenden Abschnitt erstellt haben.

Beachten Sie, dass die hreef-Eigenschaft für das a-Element im Fenster Eigenschaften auf die URL festgelegt ist, die Sie für den Link bereitgestellt haben.

Testen der Seite

Sie können die Ergebnisse Ihrer Bearbeitung sehen, indem Sie die Seite im Browser anzeigen.

So starten Sie die Seite im Browser extern

Klicken Sie mit der rechten Maustaste auf die Seite, und klicken Sie dann auf In Browser anzeigen.

Wenn Sie aufgefordert werden, die Änderungen zu speichern, klicken Sie auf Ja.

Visual Studio startet IIS Express. Dabei handelt es sich um einen lokalen Webserver, den Sie zum Testen von Seiten ohne einen vollständigen IIS-Server verwenden können.

Hinweis

Sie haben verschiedene Möglichkeiten zum Ausführen von Seiten.Wenn Sie STRG+F5 drücken, führt Visual Studio die Startaktion aus, die auf der Eigenschaftenseite für Startoptionen konfiguriert wurde.Die Standardstartoption für STRG+F5 ist das Ausführen der aktuellen Seite, d. h. der Seite, die aktuell in der Quell- oder Entwurfsansicht aktiv ist.Sie können Seiten auch im Debugger ausführen.Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Debuggen von Webseiten in Visual Web Developer.

Ändern der Standardansicht

Visual Studio öffnet neue Seiten standardmäßig in der Quellansicht.

So ändern Sie die Standardseitenansicht in die Entwurfsansicht

Klicken Sie im Menü Extras auf Optionen.
Überprüfen Sie, ob die Option Alle Einstellungen anzeigen im unteren Bereich des Dialogfelds aktiviert ist.
Öffnen Sie den Knoten HTML-Designer, und wählen Sie dann Allgemein aus. Klicken Sie unter Seiten starten in auf die Entwurfsansicht.

Arbeiten in der Quellansicht

In der Quellansicht können Sie das Markup der Seite direkt bearbeiten. Der Quellansicht-Editor verfügt über viele Funktionen, die beim Erstellen von HTML-Steuerelementen und ASP.NET-Steuerelementen hilfreich sind. Mit der Toolbox können in der Quellansicht wie in der Entwurfsansicht auf der Seite Elemente hinzugefügt werden.

So fügen Sie in der Quellansicht Elemente hinzu

Wechseln Sie in die Quellansicht, indem Sie unten im Fenster auf Quelle klicken.

Die hinzugefügten Steuerelemente werden als <asp:>-Elemente erstellt. Das Button-Steuerelement entspricht beispielsweise dem <asp:button>-Element. Die vorgenommenen Eigenschafteneinstellungen werden als Attributeinstellungen im <asp:button>-Starttag beibehalten.
Ziehen Sie aus der Gruppe HTML der Toolbox (nicht aus der Gruppe Standard) ein Table-Element auf die Seite, und platzieren Sie es direkt über dem </form>-Tag.

Der Editor ist auch hilfreich, wenn Sie Markup manuell eingeben. Der Editor stellt beispielsweise bei der Eingabe kontextabhängige Optionen für HTML-Endtags und Attribute bereit. Der Editor stellt außerdem Informationen zu Fehlern und Warnungen im Markup bereit, indem fragwürdiges Markup mit einer Wellenlinie unterstrichen wird. Sie können Informationen zu Fehlern oder Warnungen anzeigen, indem Sie den Mauszeiger auf dem Markuptext positionieren.

So bearbeiten Sie HTML in der Quellansicht

Positionieren Sie den Cursor über dem </form>-Endtag, und geben Sie dann eine linke spitze Klammer (<) ein.

Beachten Sie, dass der Editor Ihnen eine Liste von Tags anbietet, die im aktuellen Kontext geeignet sind.
Geben Sie ein "a" ein, um ein Anchortag zu erstellen, und drücken Sie dann die LEERTASTE.

Der Editor zeigt eine Liste von für ein Anchortag geeigneten Attributen an.

Hinweis

Der Buchstabe a (Anchorelement) wird ggf. nicht als Option angezeigt. Dies hängt vom Validierungsziel ab, das für die Website oder die Seite festgelegt ist.Sie können dennoch ein Anchorelement erstellen, indem Sie "a" eingeben, ohne in der Dropdownliste ein Element auszuwählen.Validierungsziele werden weiter unten in diesem Thema erläutert.
Klicken Sie in der Liste auf href, und geben Sie dann ein Gleichheitszeichen (=) und ein doppeltes Anführungszeichen (") ein.

Der Editor bietet Ihnen eine Liste von derzeit verfügbaren Seiten an, für die Links eingerichtet werden können.
Doppelklicken Sie in der Dateiliste auf Default.aspx, drücken Sie die LEERTASTE, und geben Sie dann eine rechte spitze Klammer (>) ein, um das Tag zu schließen.

Der Editor fügt ein schließendes </a>-Tag ein.
Schließen Sie das Anchorelement ab, indem Sie den Text "Home" zwischen dem Start- und Endtag eingeben.

Das Element sieht nun wie im folgenden Beispiel aus:
```
<a href="Default.aspx">Home</a>
```
Positionieren Sie den Cursor direkt über dem </form>-Endtag, und geben Sie dann "<invalid>" ein.

Der Editor unterstreicht das Tag mit einer Wellenlinie. Hierdurch wird angegeben, dass das Tag kein anerkanntes HTML-Tag ist.
Entfernen Sie das Tag, das Sie im vorangehenden Schritt erstellt haben.

Untersuchen der HTML-Formatierung

Eine wichtige Funktion des Seiten-Designers ist, dass er die HTML-Formatierung verwaltet, die Sie zur Seite hinzugefügt haben. Sie können jedoch explizit angeben, dass der Editor das Dokument neu formatieren soll.

So untersuchen Sie die HTML-Formatierung

Formatieren Sie die Attribute des Button-Steuerelements neu, indem Sie die Attribute so ausrichten, dass die deklarative Syntax die folgende Form aufweist:
```
<asp:Button
    id="Button1"
    runat="server"
    Font-Bold="True"
    ForeColor="Blue"
    Text="Click Here" />
```
Wenn Sie im Tag die EINGABETASTE drücken, nachdem das erste Attribut eingezogen wurde, werden auch darauf folgende Zeilen entsprechend eingezogen.
Wechseln Sie zur Entwurfsansicht.
Klicken Sie mit der rechten Maustaste auf das Button-Steuerelement, und klicken Sie dann auf Kopieren.
Positionieren Sie den Cursor unterhalb des Button-Steuerelements, klicken Sie mit der rechten Maustaste, und klicken Sie dann auf Einfügen.

Visual Studio erstellt eine Schaltfläche mit der auf Button2 gesetzten ID-Eigenschaft.
Ziehen Sie aus der Gruppe Standard in der Toolbox ein drittes Button-Steuerelement auf die Seite. Dadurch wird eine Schaltfläche namens Button3 erstellt.
Wechseln Sie zur Quellansicht.

Beachten Sie, dass Button2 genauso formatiert wird, wie Sie Button1 formatiert haben. Button3 wird jedoch mit der Standardformatierung für Button-Steuerelemente formatiert.

Hinweis

Weitere Informationen zum Anpassen der Formatierung einzelner Elemente finden Sie unter Exemplarische Vorgehensweise: Erweiterte HTML-Bearbeitung in Visual Studio für Web Forms-Seiten.
Bearbeiten Sie das Dokument so, dass sich Button1 und Button2 in der gleichen Zeile ohne einen Raum dazwischen befinden, so wie im folgenden Beispiel gezeigt:
```
<asp:Button ID="Button1" runat="server" Font-Bold="True" 
ForeColor="Blue" Text="Click Here" /><asp:Button ID="Button2" 
runat="server" Font-Bold="True" ForeColor="Blue" Text="Click Here"/>
```
Die Elemente können in aufeinander folgenden Zeilen stehen, aber der Anfang von Button2 muss unmittelbar dem Ende von Button1 (dem Zeichen />) folgen.
Wechseln Sie in die Entwurfsansicht.

Beachten Sie, dass sich Button1 und Button2 unmittelbar nebeneinander ohne ein Leerzeichen dazwischen befinden.
Wechseln Sie zur Quellansicht .
Klicken Sie im Menü Bearbeiten im Untermenü Erweitert auf Dokument formatieren.

Das Dokument wird umformatiert, aber Button1 und Button2 befinden sich weiterhin in der gleichen Zeile. Wenn der Editor die Schaltflächen getrennt hat, würde beim Rendern ein Leerzeichen eingefügt. Daher ändert der Editor die von Ihnen erstellte Formatierung nicht.

Arbeiten in der geteilten Ansicht

In der geteilten Ansicht werden die Entwurfsansicht und die Quellansicht gleichzeitig angezeigt.

So zeigen Sie eine Seite in der geteilten Ansicht an

Wechseln Sie zur Geteilten Ansicht, indem Sie unten links im Fenster auf Teilen klicken. Beachten Sie, dass das Ansichtsfenster Quelle die obere Hälfte des Bildschirms einnimmt, und das Ansichtsfenster Entwurf die untere Hälfte. Beachten Sie außerdem, dass die beiden Ansichten synchronisiert werden. Wenn Sie auf ein Element in einer Ansicht doppelklicken, um es auszuwählen, wird das entsprechende Element in der anderen Ansicht hervorgehoben.

Navigieren zwischen Elementen

Wenn Seiten größer und komplexer werden, ist es hilfreich, wenn Tags leicht gefunden werden können und so die Seite übersichtlicher wird. Visual Studio stellt die folgenden Tools bereit, die Sie bei den folgenden Aufgaben in der Quellansicht unterstützen:

Dokumentgliederung, in der eine vollständige Ansicht des Dokuments bereitgestellt wird.
Der Tag-Navigator, in dem Informationen zum aktuell ausgewählten Tag und dessen Position in der Seitenhierarchie bereitgestellt werden.

Fügen Sie der Seite zunächst weitere Elemente hinzu, damit Sie die Navigationsfunktionen testen können.

So fügen Sie Elemente hinzu

Wechseln Sie in die Entwurfsansicht.
Ziehen Sie aus der Gruppe HTML der Toolbox ein Table-Steuerelement in die Tabellenzelle, die Sie im Abschnitt "Verwenden der Quellansicht" weiter oben in dieser exemplarischen Vorgehensweise erstellt haben.
Ziehen Sie aus der Gruppe Standard der Toolbox ein Button-Steuerelement in die mittlere Zelle der geschachtelten Tabelle.

Mit mehreren geschachtelten Elementen auf der Seite wird deutlich, wie die Dokumentgliederung eine schnelle Navigation zu jedem Tag auf der Seite ermöglicht.

So navigieren Sie mit der Dokumentgliederung

Wechseln Sie zur Quellansicht.
Klicken Sie im Menü Ansicht auf die Option Dokumentgliederung.
Klicken Sie in Dokumentgliederung auf Button4.

Im Editor wird das von Ihnen im oben beschriebenen Verfahren hinzugefügte <Button4> -Steuerelement ausgewählt.

Der Tag-Navigator stellt Informationen zum aktuell ausgewählten Tag und dessen Position in der Seitenhierarchie bereit.

So navigieren Sie mit dem Tag-Navigator

Positionieren Sie den Cursor im Button-Element.

Beachten Sie den Tag-Navigator im unteren Bereich des Fensters, der das <asp:button>-Tag und seine übergeordneten Tags anzeigt. Der Tag-Navigator enthält die ID des Elements, sofern diese vorhanden ist, damit Sie feststellen können, welches Element angezeigt wird. Der Tag-Navigator zeigt auch das zugewiesene Cascading Stylesheet an, sofern es mit dem Class-Attribut festgelegt wurde.
Klicken Sie im Tag-Navigator auf das <table>-Tag, das dem <asp:button#Button4>-Tag am nächsten ist.

Der Tag-Navigator wechselt zum inneren <table>-Element und wählt es aus.
Klicken Sie im Tag-Navigator auf das <td>-Tag links von dem ausgewählten <table>-Tag.

Es wird die vollständige Zelle ausgewählt, die die geschachtelte Tabelle enthält.

Hinweis

Sie können durch Klicken entweder das Tag oder dessen Inhalt mithilfe der Dropdownliste im Tag des Tag-Navigators auswählen.Durch Klicken auf ein Tag im Tag-Navigator wird standardmäßig das Tag und dessen Inhalt ausgewählt.

Sie können auch mithilfe des Tag-Navigators Elemente verschieben oder kopieren.

So verschieben oder kopieren Sie Elemente mithilfe des Tag-Navigators

Wählen Sie mithilfe des Tag-Navigators das <tr>-Tag aus, das das Button4-Steuerelement enthält.
Drücken Sie STRG+C, um das Tag zu kopieren.
Wechseln Sie mithilfe des Tag-Navigators zur äußeren Tabelle.
Setzen Sie in der Quellansicht den Cursor zwischen das <table>-Tag und das erste <tr>-Tag.
Drücken Sie STRG+V, um die kopierte Zeile in die Tabelle einzufügen.
Wechseln Sie zur Entwurfsansicht.

Beachten Sie, dass die neue Zeile einschließlich eines Button-Steuerelements hinzugefügt wurde.

Formatieren von Text

Die Symbolleiste Formatierung übernimmt Inlineformate für die meisten Einstellungen. Fette und kursive Formatierung wird mithilfe des b-Tags und des i-Tags angewendet. Für Absatzformatierung wird ein Blocktag angewendet, z. B. p (normal), pre (formatiert) usw. Die Absatzausrichtung wird mithilfe von Inlineformaten angewendet, um XHTML 1.1-Standards zu entsprechen.
Mit dem Designer können Sie auch einen style-Block und einen Link zu einem Cascading Stylesheet erstellen. Weitere Informationen hierzu finden Sie unter Exemplarische Vorgehensweise: Erstellen und Ändern einer CSS-Datei.
Standardmäßig erstellt der Editor das Markup, das mit dem XHTML5-Standard kompatibel ist. Der Editor konvertiert alle HTML-Tagnamen in Kleinbuchstaben, auch wenn Sie sie in Großbuchstaben eingeben. Der Editor schließt außerdem Attributwerte (Eigenschaftswerte) in doppelte Anführungszeichen ein. Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Erweiterte HTML-Bearbeitung in Visual Studio für Web Forms-Seiten.

So ändern Sie die Standardmarkupvalidierung

Klicken Sie in der Quellansicht mit der rechten Maustaste auf die Seite, und klicken Sie dann auf Formatierung und Validierung.
Erweitern Sie im Dialogfeld Optionen die Option Text-Editor, erweitern Sie HTML, und klicken Sie anschließend auf Validierung.
Geben Sie in der Liste Ziel einen Validierungstyp ein.

Nächste Schritte

In dieser exemplarische Vorgehensweise haben Sie eine Übersicht über die HTML-Funktionen des Webseiten-Editors erhalten. Dies umfasst das Erstellen von HTML in der Entwurfsansicht und der Quellansicht, grundlegende Formatierung und Navigation. Um mehr über die Bearbeitungsfunktionen in Visual Studio zu erfahren, lesen Sie die folgenden Ressourcen.

Informationen über die zusätzlichen Funktionen des HTML-Editors, u. a. benutzerdefinierte Formatierungsoptionen, Gliederung und HTML-Validierung, finden Sie unter Exemplarische Vorgehensweise: Erweiterte HTML-Bearbeitung in Visual Studio für Web Forms-Seiten.
Informationen über die Arbeit mit Stilen in Cascading Style Sheets (CSS) finden Sie unter Exemplarische Vorgehensweise: Erstellen und Ändern einer CSS-Datei.

Siehe auch

Aufgaben

Exemplarische Vorgehensweise: Erweiterte HTML-Bearbeitung in Visual Studio für Web Forms-Seiten

Konzepte

Entwurfsansicht

Freigeben über