HTML-Codes zum Hinzufügen einer horizontalen Registerkarte

Diese Seite enthält HTML-Code zum Hinzufügen einer horizontalen Registerkarte im Text Ihrer Website oder Ihres Blogs. Es gibt mehrere Möglichkeiten, dies zu erreichen. Da HTML seit HTML 3 kein „tab“-Element mehr hatte und die Browserunterstützung für dieses Element ohnehin praktisch nicht vorhanden war, können wir das Element „tab“ nicht verwenden. Wie Sie einen HTML Tab einfügen können, erfahren Sie auf vielen Internetseiten. Daher sind wir darauf angewiesen, entweder ein anderes HTML-Element, Cascading Style Sheets (CSS), oder ein Sonderzeichen zu verwenden, um eine horizontale Registerkarte zu erstellen.

Verwendung von CSS

Zellen in Excel löschen

Die Verwendung von CSS für Ihre horizontalen Registerkarten gibt Ihnen mehr Kontrolle darüber, wie Ihre Registerkarten für Ihre Benutzer aussehen. Insbesondere der margin-left und padding-left können einen „tabbed“-Effekt erzielen.

Verwendung von Margen

Hier ist ein Beispiel für die Verwendung von margin-left, um eine horizontale Registerkarte zu erstellen.

Verwendung von Polstern

Hier ist ein Beispiel für die Verwendung von Padding-left zum Erstellen einer horizontalen Registerkarte.

Verwendung von Sonderzeichen

Hier sind Beispiele für die Verwendung von Sonderzeichen zur Erstellung eines Tabbed-Effekts.

HTML-Entitätsnummer

So verwenden Sie die HTML-Entitätsnummer, um die verschiedenen Leerzeichen anzuzeigen.

HTML-Entitätsname

In diesem Beispiel werden die Entitätsnamen verwendet, um die verschiedenen Bereiche anzuzeigen. Wie Sie sehen können, ist das Endergebnis das gleiche.

Vorformatierter Inhalt

Sie können das Tag <pre> verwenden, um vorformatierte Inhalte anzuzeigen. Das bedeutet, dass der Inhalt im Browser genau so angezeigt wird, wie Sie ihn eingegeben haben. Um dies zu demonstrieren, hier ein Beispiel. In diesem Beispiel habe ich einfach Leerzeichen mit der Leertaste meiner Tastatur und Tabs mit der Tabulatortaste meiner Tastatur hinzugefügt. Da diese alle in <pre> Tags eingeschlossen sind, zeigt der Browser sie genau so an, wie sie eingegeben wurden. Beachten Sie, dass Browser in der Regel <pre> Text in einer Schriftart mit fester Breite (z.B. Courier) anzeigen, aber Sie können dies mit CSS nach Belieben ändern.

Blockangebote

Wenn Sie ein Zitat aus einer anderen Quelle präsentieren, sollten Sie den Tag <blockquote> verwenden. Obwohl technisch gesehen kein „Tab“, indizieren Browser in der Regel Inhalte, die innerhalb des <blockquote> Elements eingeschlossen sind, was zu einem „Tabbed“-Erscheinungsbild führt. Beachten Sie, dass Sie das Tag <blockquote> nur für den vorgesehenen Zweck verwenden sollten (um ein Angebot zu zitieren). Wenn Sie kein Angebot zitieren, sollten Sie eine der anderen Methoden zum Erstellen einer horizontalen Registerkarte verwenden.