当前位置：首页>>建站资讯

完整网页代码模板，直接拿去用

本文给出一个可直接使用的完整网页HTML代码模板，说明head、body、语义标签、样式和脚本的放置位置，并附最小可用示例。

小编

想写网页，别从零开始啦。给你一个完整模板，复制就能跑。

先建HTML骨架。``开头，``包住所有。里面分两块：``放设置，``放看得见的东西。

``里写三样：字符集``，防止中文乱码；视口``，让手机正常显示；``，浏览器标签上那几个字。</p> <p>`<body>`里先放结构。头部用`<header>`，导航用`<nav>`，主用`<main>`，底部用`<footer>`。语义标签比一堆`<div>`清楚，改起来也方便。</p> <p>样式单独写。在`<head>`里加`<style>`标签，或者外链一个CSS文件。模板里给个基础设置：`* { margin: 0; padding: 0; box-sizing: border-box; }`，清掉浏览器默认边距。`body`设个字体和行高，比如`font-family: sans-serif; line-height: 1.6;`。</p> <p>脚本放最后。`<script>`标签搁在`</body>`前面，页面先加载完再执行，不会卡住。</p> <p>一个最小可用模板长这样：</p> <pre><code>html <p><!DOCTYPE html></p> <p><html lang="zh-CN"></p> <p><head></p> <p><meta charset="UTF-8"></p> <p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p> <p><title>页面

头部

底部

存成`.html`文件，双击打开就能看。往里填，一步步改，比背语法管用。


返回顶部