So erstellen Sie eine Box mit dem Text in HTML

...

Erstellen Sie mithilfe von HTML eine Box, die einen Textblock enthält.

HyperText Markup Language (HTML) ist die am häufigsten verwendete Sprache, um die Struktur und den Inhalt von Webseiten zu erstellen. HTML enthält eine Vielzahl von Elementen, mit denen Benutzer Links, Bilder, Absätze, Überschriften und vieles mehr generieren können. Diese Elemente werden einer Seite durch die Verwendung bestimmter Zeichensätze, sogenannter Tags, hinzugefügt. Wenn Sie die erforderliche Kombination von Elementen und Tags verstanden haben, können Sie schnell einen Textblock erstellen, der von einem Kästchen in HTML umgeben ist.

Schritt 1

Öffnen Sie die Webseite, die Sie bearbeiten möchten, und zeigen Sie ihren HTML-Code an. Wenn Sie einen Texteditor verwenden, öffnen Sie einfach Ihre Seite im Programm und scrollen Sie nach unten, bis Sie den Abschnitt der Seite erreichen, in dem die Box und der Text erscheinen. Wenn Sie ein visuelles Website-Programm wie Microsoft Expression Web oder Adobe Dreamweaver verwenden, öffnen Sie Ihre Seite und klicken Sie dann auf den Bereich, in dem Sie das Feld und den Text hinzufügen möchten. Ändern Sie danach Ihren Anzeigemodus auf "Codeansicht", um den HTML-Code anzuzeigen, der das Verhalten der Seite steuert.

Video des Tages

Schritt 2

Drücken Sie die "Enter"-Taste, um eine Leerzeile in Ihrem HTML-Code zu erstellen.

Schritt 3

Kopieren Sie die folgenden drei Codezeilen und fügen Sie sie in die im vorherigen Schritt erstellte leere Zeile ein:

Ein Absatztextblock geht hier

Schritt 4

Passen Sie die Parameter des Codes, den Sie im vorherigen Schritt hinzugefügt haben, nach Bedarf an. Ändern Sie Breite, Rahmengröße, Rahmenstil und Rahmenfarbe, indem Sie die Werte "500px", "2px", "solid" und "black" in der ersten Zeile des Codes ändern. Ändern Sie den Abstand um den Text, indem Sie den Wert "10px" in der zweiten Zeile des Codes ändern. Ändern Sie den Text zwischen der Öffnung "

"und schließen"

"-Tags, um die Anforderungen Ihrer Seite zu erfüllen.

Schritt 5

Speichern Sie die Seite und öffnen Sie sie dann in einem Webbrowser. Der Code, den Sie in den beiden vorherigen Schritten eingefügt und geändert haben, fügt ein 500 Pixel breites Feld mit schwarzem Rand hinzu, das einen Absatztextblock umgibt.