Inhalt
Mehrere HTML-Tags verfügen über eine Eigenschaft namens "Sichtbarkeit". Ein Element, das diesen Stil aufweist, ist das div-Tag. Dieses Tag ist ein Container, der Text und Bilder an einem bestimmten Ort auf einer Webseite enthält. Sie können es verwenden, um den Text auf einer Seite auszublenden. Umgeben Sie Ihre Textblöcke mit einem div-Tag und sie werden ausgeblendet. Dies ist nützlich, wenn Sie ein Menü oder eine dynamische Seite erstellen möchten, auf der keine Informationen angezeigt werden, bis der Benutzer auf eine Schaltfläche oder einen Link klickt.
Anweisungen
-
Öffnen Sie Ihre Webseite in einem Texteditor. Es kann sich dabei um einen einfachen Texteditor wie Notepad oder um erweiterte HTML-Editoren wie Notepad ++ oder Visual Studio handeln.
-
Platzieren Sie ein div-Tag in dem Abschnitt der Seite, an dem Sie den Text platzieren möchten. Mit dem folgenden Code wird ein div-Tag eingefügt, bei dem die Sichtbarkeitseigenschaft auf "hidden" gesetzt ist:
-
Geben Sie einen Text in das div-Tag ein. Geben Sie zum Testen "My Hidden Text" in das Tag ein. Ihr Code sollte wie folgt lauten: Mein versteckter Text
-
Speichern Sie die Datei und öffnen Sie sie mit Ihrem Browser. Obwohl es im angezeigten Code zu sehen ist, wird im Browser kein Text angezeigt.