Die Tagauswahl

Die Tagauswahl ist eines der Bedienfelder, die im unteren Bedienfeldbereich des Hauptfensters zur Verfügung stehen. In der Tagauswahl werden die HTML-Tags angezeigt, welche die Einfügemarke oder die aktuelle Auswahl umgeben. Die Tagauswahl bietet verschiedene nützliche Funktionen:

  • Sie identifiziert den Typ des Elements, in dem sich die Einfügemarke befindet und den Typ der Elemente, die dem aktuellen Element übergeordnet sind.
  • Die Tagauswahl zeigt die Formatierung (z.B. Schriftart, Textstil, Farbe usw.) des aktuellen Elements und übergeordneter Elemente an.
  • Durch Klicken auf ein Tag in der Tagauswahl können Sie ein Element auswählen, das im Dokumentfenster möglicherweise nur schwierig oder gar nicht ausgewählt werden kann.
  • Durch Rechtsklick auf ein Tag in der Tagauswahl können Sie auf schnelle Weise häufig verwendete Befehle für das entsprechende Element ausführen.

Namo Web Editor 2.environment.tag selector.new Die Tagauswahl

Rechtsklick auf ein Tag in der Tagauswahl

Namo Web Editor icon note Die TagauswahlGehört ein in der Tagauswahl ausgewähltes Element einer Klasse an, wird der Klassenname im Tag angezeigt. Dem Klassennamen wird ein Punkt vorangestellt. Wenn sich die Einfügemarke beispielsweise in einem Absatz (<p>-Element) befindet, deren Klasse “blurb” lautet, wird der Absatz in der Tagauswahl als <p.blurb> angezeigt.

So blenden Sie die Tagauswahl ein oder aus
  • So blenden Sie die Tagauswahl ein
    • Klicken Sie im unteren Bereich auf die Registerkarte Tagauswahl.
  • So blenden Sie die Tagauswahl aus
    • Klicken Sie oben in der Tagauswahl auf die Schaltfläche Namo Web Editor icon panel auto hide Die Tagauswahl (Automatisch ausblenden).
  • So schließen Sie die Tagauswahl
    • Klicken Sie oben in der Tagauswahl auf die Schaltfläche Namo Web Editor icon panel close Die Tagauswahl (Schließen).
Befehle im Kontextmenü der Tagauswahl

Klicken Sie mit der rechten Maustaste auf ein Tag in der Tagauswahl, um im Kontextmenü einen beliebigen der folgenden Befehle auszuführen: (In Abhängigkeit vom Element sind einige dieser Befehle möglicherweise nicht verfügbar.)

  • Tag bearbeiten: Öffnet den Quick Tag-Editor, mit dem Sie den HTML-Quellcode des Tags bearbeiten können, ohne in den HTML-Modus zu wechseln.
  • Tag entfernen: Löscht das gesamte Element, das mit dem Tag verknüpft ist.
  • Benutzerdefiniertes HTML-Tag: Fügt dem Tag ein Attribut hinzu.
  • Quellcode anzeigen: Wechselt zum HTML-Modus und markiert das verknüpfte Element.
  • Stil: Öffnet das Dialogfeld Stil für das verknüpfte Element. Wenn das Tag bereits über einen Stil verfügt (erkennbar am Attribut <style> im Tag), wird links neben dem Menüelement ein Häkchen angezeigt.
  • Klasse/ID: Öffnet das Dialogfeld CSS-Klasse/ID, über das Sie eine Klasse oder ID auf das Tag anwenden können. Wenn das Tag bereits über eine Klasse oder ID verfügt, wird links neben diesem Menüelement ein Häkchen angezeigt.
  • HTML-Referenz: Öffnet die entsprechende Hilfeseite zu einem Tag in der integrierten HTML/CSS-Referenz.
  • Eigenschaften: Öffnet das Dialogfeld Eigenschaften für das verknüpfte Element.

 

Die Tagauswahl