Hinzufügen ein Rahmens zu einen Textbereich mit HTML

October 10

Hinzufügen ein Rahmens zu einen Textbereich mit HTML

Textbereiche sind Steuerelemente für Benutzereingaben auf Webseiten. Sie scheinen ähnlich wie Textfelder, sondern haben mehrere Linien anstelle von einem. Sie können Textbereiche einen Rahmen hinzufügen, mithilfe der "Stile"-Eigenschaft des Tags "Textarea". Dieser Ansatz ermöglicht Ihnen, Breite, Farbe und Stil der Grenze den Text zu ändern. Sie können auch angeben, ob die Grenze in Segmente zu brechen oder lassen es als ein vollständig geschlossenes Rechteck. Das Tag "Textarea" erleichtert die Grenzen zu anderen Seitenelementen hinzugefügt werden, da der HTML-Code identisch ist.

Anweisungen

1 Öffnen Sie jedem Textverarbeitungsprogramm, und geben Sie den folgenden HTML-Codes. Diese Codes definieren eine leere Webseite, zu der Sie einen Textbereich in den nächsten Schritten hinzufügen werde.

< html >

< / html >

2 Fügen Sie den folgenden HTML-Codes nach dem ersten Tag, die, das Sie im vorherigen Schritt eingegeben. Diese neue Codes definieren Sie die Stelle der Webseite und Hinzufügen eines Textbereichs an diese Stelle. Der Textbereich hat keine Grenze, aber nur einige Beispiel-Text.

< Körper >

< Textarea >

Hallo

< / Textarea >

< / body >

3 Geben Sie den folgenden Code unmittelbar vor der Endung ">" Zeichen des ersten Tags "Textarea". Dieser Code weist einen String-Wert der Eigenschaft "Stil" des Textbereichs. Diese Zeichenfolge ist eine Anweisung teilen Ihr Browser einen Rahmen um den Text-Bereich zeichnen.

Style = "Border-Width: 5px;"

4 Speichern Sie das Dokument unter einem beliebigen Namen, die Endung ".htm" und mit einem nur-Text-Datei.

5 Öffnen Sie Windows Explorer, und navigieren Sie zu der Datei, die Sie gerade gespeichert. Doppelklicken Sie auf die Datei, um sie mit Ihren Standard-Browser zu öffnen. Beachten Sie, dass der Textbereich einen Rahmen hat. Die "Style"-Eigenschaft, die Sie in Schritt 3 eingegeben produziert diese Grenze, und Sie können jetzt das Aussehen der Grenze dieselbe Eigenschaft ändern.

6 Klicken Sie einfach links neben dem letzten Anführungszeichen der Eigenschaft "Stil" in Ihrem Dokument. Fügen Sie den folgenden HTML-Code in das Dokument. Diese neue Erklärung ergibt sich aus seinem Namen: es macht die Grenze statt Solid punktiert.

;-Rahmenart: punktiert;

7 Speichern Sie das Dokument erneut, und drücken Sie "F5" im Browser die Seite neu zu laden. Die Grenze des Textbereichs zeigt jetzt einen gepunkteten Rahmen.

8 Geben Sie den folgenden HTML-Code an der gleichen Stelle wie der letzte Code, den Sie eingegeben haben. Dieser Code fügt Farbe an Ihre Grenze. Probieren Sie verschiedene Farben statt der hier gegebenen.

; Grenze-Farbe: grün;

9 Speichern Sie und aktualisieren Sie die Seite, wie Sie früher gemacht haben, um die Änderungen an der Grenze zu sehen.