Wie man ein Div Footer in CSS

November 4

Webseiten bestehen aus einer Reihe von Abteilungen, die das Layout (z.B. Header, Sidebar, Körper und Footer) bilden. HTML enthält Elemente, die verwendet werden, um diese verschiedenen Unternehmensbereiche, einschließlich Tabellen, Spannweiten, Schichten und DIV-Tags zu definieren. Tische waren oft die bevorzugte Wahl für Webpage Layout definieren. Seit der Einführung von CSS nutzen jedoch mehr Entwickler DIV-Tags, um ihre Web-Seiten-Layouts zu definieren. DIV-Tags in Verbindung mit CSS können Kopf, Körper, Seite Bars und Fußzeilen Webseiten definieren.

Anweisungen

1 Öffnen Sie Notepad.

2 Geben oder kopieren und fügen Sie den folgenden Code in den Editor:

< html >

< Typ style = "Text/Css" >

Körper {} background-color: #CCCCCC;

height: 400px;

width: 800px;

}

Fußzeile {} background-color: #FF0000;

height: 50px;

width: 800px;

}

< / style >

< Körper >

< Div Id = "Body" > hier ist der Körper < / Div >

< Div Id = "Footer" > hier ist die Fußzeile < / Div >

< / body >

< / html >

3 Klicken Sie auf "Datei" und dann "Speichern unter." Wählen Sie "Alle Dateien" als "Speichern als Typ".

4 Speichern Sie die Datei als HTML-Datei durch Platzieren ". HTML"am Ende des Dateinamens. Beispiel: myfooter.html.

5 Finden Sie Ihre Datei, wo Sie es auf Ihrer Festplatte gespeichert, und doppelklicken Sie darauf. Es sollte in Ihrem Web-Browser starten. Sie sollten ein buntes Seitenlayout, bestehend aus zwei Divisionen--eine Stelle und der DIV-Fußzeile am unteren Rand sehen.