Heim > Artikel > Web-Frontend > Wie gestaltet man das Layout einer Webseite mit HTML? (Codebeispiel)
Wie gestaltet man das Layout einer Webseite mit HTML? (Codebeispiel)
- 青灯夜游nach vorne
- 2018-10-26 16:41:284118Durchsuche
Der Inhalt dieses Artikels besteht darin, eine Einführung in die Verwendung von HTML zum Layouten von Webseiten zu geben. (Codebeispiel). Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
1. Rendern.
Zwei, Code.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html 列表</title> </head> <body> <!--使用div元素的网页布局--> <div id="container" style="width:500px"> <div id="header" style="">> <h1 style="margin-bottom:0">main title o f web page</h1> </div> <div id="menu" style="height:200px;width:100px;float:left"> <b>menu</b> <br> html <br> css <br> javascript </div> <div id="content" style="height:200px;width:400px;float:left"> ontent goes here </div> <div id="footer" style="clear:both;text-align:center"> Copyright © W3CSchool.cc </div> <!--使用table元素的网页布局--> <table width="500" border="0"> <tr> <td colspan="2" style="">> <h1>main title of web page</h1> </td> </tr> <tr> <td style="width:100px"> <b>menu</b> <br>html <br>css <br>javascript</td> <td style="height:200px;width:400px"> content goes here</td> </tr> <tr> <td colspan="2" style="text-align:center"> Copyright © W3CSchool.cc</td> </tr> </table> </body> </html>
Referenz: „Rookie Tutorial“
Das obige ist der detaillierte Inhalt vonWie gestaltet man das Layout einer Webseite mit HTML? (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Mit welchen Tags lassen sich HTML-Buttons erstellen (ausführliche Erklärung mit Bildern und Text)Nächster Artikel：Mit welchen Tags lassen sich HTML-Buttons erstellen (ausführliche Erklärung mit Bildern und Text)