Wie man eine Tableless Layout haben

August 24

Neue HTML-Designs verwenden tableless Notation, was bedeutet, dass anstatt das alte HTML-Element Table, Web-Designer "Div"-Tags verwenden, um Inhalte Positionen eingerichtet. Sie verwenden einen Haupt Div-Tag enthalten alle Inhalte, dann Div-Tags innerhalb der wichtigsten Div-Tag-Container einrichten tableless Layout zu erstellen.

Anweisungen

1 Maustaste auf die HTML-Seite, die Sie bearbeiten möchten, und wählen Sie "Öffnen mit". Klicken Sie im Popupmenü HTML-Editor um den Code in den Editor zu laden.

2 Wichtigsten Div Tag am Anfang des Codes hinzufügen. Wenn Sie bereits den HTML-Code abgeschlossen haben müssen Sie den gesamten Körper des HTML-Inhalts innerhalb eines Div formatieren Sie das Layout einbinden. Der folgende Code ist ein Beispiel eines wichtigsten Div-Tags:

< Div Id = "Grundkörper" >< / Div >

3 Die Sub-Div-Tags hinzufügen. Jedes Div enthält einen Abschnitt des Codes. Zum Beispiel, wenn Sie drei Abschnitte Ihrer Website haben, fügen Sie drei Div-Tags. Im folgenden ist ein Beispiel:

< Div Id = "Rightside" > Links Navigation Panel. < / Div >

< Div Id = "Middle" > meine wichtigsten Inhaltsdetail < / Div >

< Div Id = "Rightside" > rechts Zusatzinformationen < / Div >

4 Speichern Sie die Änderungen, und öffnen Sie die Seite in einem Webbrowser. Überprüfen Sie das Layout. Sie können hinzufügen, entfernen oder Ändern von Div-Eigenschaften, die Ihre Layoutanforderungen zu erfüllen. Die meisten grafische HTML-Editoren können Sie das div-Tag rund um die Seite mit der Maus verschieben.