Gewusst wie: positionieren ein DIV in einem Browser

Web-Entwicklung ist ein vielfältig Feld, die Aspekte des Grafikdesigns mit Programmierung verbindet. Web-Entwicklung erfordert eine umfassende Kompetenz-Gruppe, die sowohl künstlerische als auch technische Fähigkeiten umfassen. Bearbeiten von Code, um einen gewünschten Effekt zu erzielen ist ein Web-Designer Handel und DIVs bilden das Rückgrat der visuelle Effekte mit Code zu erstellen. Div-Tags sind eine besondere Art des HTML-Elements verwendet, um Inhalte zusammen zu gruppieren, die logisch oder visuell zusammengehört.

Anweisungen

1 Öffnen Sie einen Texteditor wie Editor. Dies kann durch Navigieren zu "Start", "Alle Programme" "Zubehör" und "Notepad".

2 Geben Sie den folgenden Code in deinen Texteditor.

< html >

< Stil >

< / style >

< Körper >

< Div Id = "Container" >

< Div Id = "test" >

< / Div >

< / Div >

< / body >

< / html >

Dadurch entsteht ein grundlegendes Gerüst für eine Webseite.

3 Fügen Sie den folgenden Code zwischen die Tags im Stil.

Testen Sie {Position: absolute; Top: 50px; rechts: 30px} Div-Tags können mit den Werten oben, rechts, Links und unten positioniert werden.