网页规划一般触及HTML、CSS和JavaScript。下面我将供给一个简略的HTML代码示例，用于创立一个根本的网页结构。

```html 我的第一个网页 body { fontfamily: Arial, sansserif; } .container { width: 80%; margin: auto; overflow: hidden; } header { backgroundcolor: 333; color: white; paddingtop: 30px; minheight: 70px; borderbottom: 0066cc 3px solid; } header a { color: ffffff; textdecoration: none; texttransform: uppercase; fontsize: 16px; } header ul { padding: 0; liststyle: none; } header li { float: left; display: inline; padding: 0 20px 0 20px; } header branding { float: left; } header branding h1 { margin: 0; } header nav { float: right; margintop: 10px; } header .highlight, header .current a { color: e8491d; fontweight: bold; } header a:hover { color: ffffff; fontweight: bold; } My Website Home Services About Contact

欢迎来到我的网站 这是我的第一个网页，欢迎拜访！

Box 1 这是第一个框的内容。

Box 2 这是第二个框的内容。

Box 3 这是第三个框的内容。

My Website

未经允许不得转载：全栈博客园 » 网页规划html代码