Die division (DIV -) tag bietet Hyper-Text-Markup-Language - (HTML -) Entwickler mit Containern, legen das layout für eine website-Vorlage. Mit DIV-tags zu erstellen ein template namens \"table-less CSS.\" CSS bedeutet Cascading Style Sheet. Tabellen wurden früher verwendet, um design, wie HTML-Elemente auf einer Seite angezeigt. CSS und DIV-tags ermöglichen eine einfachere Programmierung Stil, der code ist sauberer. Mit DIV-tags reduziert die chance, dass der fehlende Tabelle Elemente, die bewirkt, dass Ihre website Fehler produzieren, in einem reader ' s-browser.
Die division (DIV -) tag bietet Hyper-Text-Markup-Language - (HTML -) Entwickler mit Containern, legen das layout für eine website-Vorlage. Mit DIV-tags zu erstellen ein template namens \'table-less CSS.\' CSS bedeutet Cascading Style Sheet. Tabellen wurden früher verwendet, um design, wie HTML-Elemente auf einer Seite angezeigt. CSS und DIV-tags ermöglichen eine einfachere Programmierung Stil, der code ist sauberer. Mit DIV-tags reduziert die chance, dass der fehlende Tabelle Elemente, die bewirkt, dass Ihre website Fehler produzieren, in einem reader ' s-browser.
- Öffnen Sie Ihre HTML-Datei mit einem beliebigen text-editor. In der \'Körper\' - tags, fügen Sie den folgenden DIV-code:
In diesem Beispiel \'div_main\' enthält das Zentrum, die wichtigsten Inhalte der website. Die Liste mit DIV ' s sorgen für eine Navigationsleiste auf der linken und rechten Seite der Seite. - Definieren Sie die Klassen für die Haupt-DIV. Platzieren Sie Ihre Klasse layout-code in der \'Head\' - tags an der Spitze der HTML-Code der Seite. Der folgende code legt Ihr Haupt-DIV in der Mitte der Seite:
- Formatieren Sie die \'left_list\' DIV. Websites haben Häufig eine Navigationsleiste Links. In diesem Beispiel, einen linken Navigations-DIV erstellt. Es verläuft vertikal auf der linken Seite des Browsers des Benutzers. Verwenden Sie den folgenden code zum formatieren Ihrer linken DIV:
div.Links-Liste {
Breite:11.3 em
position:absolute
oben:1
font-size:95%
padding-left:2%
padding-right:2%
margin-left:1
margin-right:1
Links:0
}
dieser code in die \'style\' - tag, erstellt in Schritt zwei. - Legen Sie das layout der rechten Navigationsleiste. Dies erzeugt eine vertikale Navigationsleiste auf der rechten Seite entspricht der Höhe und Breite des linken DIV. Dies sorgt für ein einheitliches layout. Der folgende code vervollständigt Ihre DIV-template-layout:
div.rechts-list {
Breite:11.3 em
position:absolute
oben:1
font-size:95%
padding-left:2%
padding-right:2%
margin-left:1
margin-right:1
rechts:0
} - Speichern Sie Ihre HTML-Codierung änderungen und öffnen Sie die Datei mit Ihrem web-browser. Dies testet die neue DIV-layout und ermöglicht die Anzeige Ihrer Codierung ändert.
Wie erstelle ich eine DIV-Layout
Die division (DIV -) tag bietet Hyper-Text-Markup-Language - (HTML -) Entwickler mit Containern, legen das layout für eine website-Vorlage. Mit DIV-tags zu erstellen ein template namens \"table-less CSS.\" CSS bedeutet Cascading Style Sheet. Tabellen wurden früher verwendet, um design, wie HTML-Elemente auf einer Seite angezeigt. CSS und DIV-tags ermöglichen eine einfachere Programmierung Stil, der code ist sauberer. Mit DIV-tags reduziert die chance, dass der fehlende Tabelle Elemente, die bewirkt, dass Ihre website Fehler produzieren, in einem reader ' s-browser.
Die division (DIV -) tag bietet Hyper-Text-Markup-Language - (HTML -) Entwickler mit Containern, legen das layout für eine website-Vorlage. Mit DIV-tags zu erstellen ein template namens \'table-less CSS.\' CSS bedeutet Cascading Style Sheet. Tabellen wurden früher verwendet, um design, wie HTML-Elemente auf einer Seite angezeigt. CSS und DIV-tags ermöglichen eine einfachere Programmierung Stil, der code ist sauberer. Mit DIV-tags reduziert die chance, dass der fehlende Tabelle Elemente, die bewirkt, dass Ihre website Fehler produzieren, in einem reader ' s-browser.
- Öffnen Sie Ihre HTML-Datei mit einem beliebigen text-editor. In der \'Körper\' - tags, fügen Sie den folgenden DIV-code:
In diesem Beispiel \'div_main\' enthält das Zentrum, die wichtigsten Inhalte der website. Die Liste mit DIV ' s sorgen für eine Navigationsleiste auf der linken und rechten Seite der Seite. - Definieren Sie die Klassen für die Haupt-DIV. Platzieren Sie Ihre Klasse layout-code in der \'Head\' - tags an der Spitze der HTML-Code der Seite. Der folgende code legt Ihr Haupt-DIV in der Mitte der Seite:
- Formatieren Sie die \'left_list\' DIV. Websites haben Häufig eine Navigationsleiste Links. In diesem Beispiel, einen linken Navigations-DIV erstellt. Es verläuft vertikal auf der linken Seite des Browsers des Benutzers. Verwenden Sie den folgenden code zum formatieren Ihrer linken DIV:
div.Links-Liste {
Breite:11.3 em
position:absolute
oben:1
font-size:95%
padding-left:2%
padding-right:2%
margin-left:1
margin-right:1
Links:0
}
dieser code in die \'style\' - tag, erstellt in Schritt zwei. - Legen Sie das layout der rechten Navigationsleiste. Dies erzeugt eine vertikale Navigationsleiste auf der rechten Seite entspricht der Höhe und Breite des linken DIV. Dies sorgt für ein einheitliches layout. Der folgende code vervollständigt Ihre DIV-template-layout:
div.rechts-list {
Breite:11.3 em
position:absolute
oben:1
font-size:95%
padding-left:2%
padding-right:2%
margin-left:1
margin-right:1
rechts:0
} - Speichern Sie Ihre HTML-Codierung änderungen und öffnen Sie die Datei mit Ihrem web-browser. Dies testet die neue DIV-layout und ermöglicht die Anzeige Ihrer Codierung ändert.
Wie erstelle ich eine DIV-Layout
By Wiezutun
Die division (DIV -) tag bietet Hyper-Text-Markup-Language - (HTML -) Entwickler mit Containern, legen das layout für eine website-Vorlage. Mit DIV-tags zu erstellen ein template namens \"table-less CSS.\" CSS bedeutet Cascading Style Sheet. Tabellen wurden früher verwendet, um design, wie HTML-Elemente auf einer Seite angezeigt. CSS und DIV-tags ermöglichen eine einfachere Programmierung Stil, der code ist sauberer. Mit DIV-tags reduziert die chance, dass der fehlende Tabelle Elemente, die bewirkt, dass Ihre website Fehler produzieren, in einem reader ' s-browser.
