DIV in HTML veranschaulicht

September 23

Wenn Sie einen bestimmten Teil Ihrer Website formatieren möchten, verwenden Sie einen "Div"-Tag im HyperText Markup Language Code. Div ist ein Element, das einen Abschnitt Seitenelemente, wie z. B. eine Überschrift und Absatz, kontrolliert und wenn Sie dieses Tag Cascading Stylesheets zuweisen, wird Ihre Inhalte automatisch formatiert. Verwenden Sie Text-Editor-Programm Ihres Computers zu verwenden ein Div in Ihre HTML-Seite und Stil Ihrer Seite, wie Sie bevorzugen.

Anweisungen

1 Starten Sie Ihr Text-Editor-Programm zu, und öffnen Sie das HTML-Dokument, dem Sie das Div, um hinzufügen möchten.

2 Positionieren Sie den Cursor vor dem Inhalt, den Sie sind Formatierungen und geben ein Starttag "< Div >". Darüber hinaus geben Sie ein schließendes "< / Div >" Element am Ende des betreffenden Textes. Um ein Div auf eine Überschrift und Absatz anzuwenden, geben Sie z. B. die Div-Codes wie folgt:

< Div >

Überschrift < h1 > < / h1 >

< p > Dies ist der Absatz Text. </p >

< / Div >

3 Geben Sie "Stil =" in der Anfang Div tag, und folgen Sie dieser mit einem gewünschten Style-Attribut. Geben Sie beispielsweise "Farbe:" und folgen Sie dieser mit einem HTML-Farbcode im Schatten Ihres Textes zu bestimmen, oder geben "linken Rand:" und geben Sie einen Zahlenwert in Pixeln (px) am linken Rand des Inhalts festlegen. Trennen Sie jedes Attribut mit einem Semikolon zu, und schließen Sie alle Ihre Formatvorlagen zwischen ein einzelnes Paar Anführungszeichen. Zur Veranschaulichung:

< Div Style = "Color: #c0c0c0; Rand Links: 10px; " >

4 Speichern Sie Ihr Dokument. Ihre komplette Div-Code sieht wie im folgenden Beispiel:

< Div Style = "Color: #c0c0c0; Rand Links: 10px; " >

Überschrift < h1 > < / h1 >

< p > Dies ist der Absatz Text. </p >

< / Div >