Verwendung mehrerer Divs in CSS

September 19

Der "Div" HTML-Tags können Sie Abschnitte Ihrer Inhalte zu segmentieren, so können Sie Stile und Ränder auf verschiedene Teile Ihrer Website. Sie können eine oder mehrere Div Container. Divs haben ältere Tabellenformatvorlagen ersetzt, weil sie den Webmaster, mehr Freiheit geben zu legen, Teile der Website mit weniger Chancen, Codierung Fehler zu machen. Divs auch den Code effizienter anstatt mehrere eingebettete Tabellen schwieriger zu verwalten als Divs werden behalten.

Anweisungen

1 Mit der rechten Maustaste in der HTML-Datei, die Sie bearbeiten möchten. "Öffnen mit" klicken Sie auf die Verknüpfung für Ihren HTML-Editor, um den Code in einem Editor zu laden.

2 Erstellen einer wichtigsten Div, die alle Ihre Inhalte enthält. Haupt-Div, das umgibt alle Inhalte ermöglicht es Ihnen die Startseite im Browser des Benutzers auszurichten. Beispielsweise können Sie eine Seite zentrieren, die nicht genügend Inhalte aufgreifen, das gesamte Fenster verfügt. Fügen Sie den folgenden Code Div direkt nach "Body"-Tag, und legen Sie alle Ihre HTML-Elemente innerhalb dieses Tags:

< Div Style = "Ausrichtung: Mitte" Id = "Haupt" >< / Div >

3 Einbinden von zusätzlichen Div-Tags in den wichtigsten div. So viele Div-Tags, die je nach Bedarf können Sie um den Inhalt zu formatieren. Der folgende Code erstellt beispielsweise zwei Abschnitte für eine Seite, die linke Navigationsleiste und Mitte-Bereich "Content":

< Div Id = "Left_nav" >

Verknüpfen eines

Verknüpfen Sie zwei

< / Div >

< Div Id = "Inhalt" >

Herzlich Willkommen auf meiner Seite

< / Div >

4 Speichern Sie den Inhalt und öffnen Sie die HTML-Seite in Ihrem Web-Browser. Es nehmen Sie ein paar Veränderungen, bevor es Ihnen gelingt, das Layout Ihrer Web-Seite genau, wie Sie es im Browser eines Benutzers zu suchen wollen. Überprüfen Sie die Änderungen, und wiederholen Sie diese Schritte, bis Sie mit den HTML-Änderungen zufrieden.

Tipps & Warnungen

  • HTML-Änderungen überprüfen auf mehreren Browsern um den Code zu gewährleisten hat keinen Fehler in einen alternativen Browser.

SIE KÖNNEN AUCH GERNE