一个网页写起来可能有成百上千行，说起来一点也不夸张。在这么多行的代码下。如何规范地书写一个网页的代码，不仅有助于修改网页而且对后面接手管理网页的人也大有好处。
工具/原料
Hbuilder
方法/步骤
1
网站的html主体，我们一般命名为index.html。这里就会涉及到，二级页面和三级页面的链接问题。一般简单地链接在所需要的标签处即可。
2
接下来是body里面的代码内容块。它一般书写的是，一个框架。不应该把冗长的样式写在body里面，也不是写在head里的style里面。而是应该另外建一个css文件,并且链接调用它。
3
建立一个css文件后，许多新手写网页代码通常会犯一个错误。就是忘了把这个样式的所有边距离、框架距离清零。这一步影响到后面的网页是否有偏移的可能。
4<head><style><body>是不要省略的。当然title是可以的。</p></div><div class="listcon"><span>5</span><p>接下来就是缩进问题。一般而言。在标签里面的标签都是要缩进的。Hbuilder自带缩进选项。也可以手工缩进。不要管麻不麻烦，好的书写习惯，会受益终生。</p></div><div class="listcon"><span>6</span><p>最后是css3里面的样式书写。这些样式不能全部写在一行。写在一行的写法是运用上节省空间的一种方法。但是现在不用管。有个选项可以做到。现在只管写代码的时候，它的书写段落明了。大致格式跟index里面的要求一样即可。</p></div></div><div class="prev_next">
<div class="prev">
<span>上一篇：</span><a href="/bgraw.html">怎么样编写html代码</a>
</div>
<div class="next">
<span>下一篇：</span><a href="/bgray.html">怎么查看网页的源代码</a>
</div>
</div>
</div>
<div class="appleccmw content-right">
<div class="listmore">推荐信息</div>
<div class="send_list">
<ul>
<li><a href="/bgrax.html" title="你懂得如何规范书写html代码吗？"><span>1</span><h3>你懂得如何规范书写html代码吗？</h3></a></li>
<li><a href="/cnuut.html" title="孕妇安全护肤，如何选择孕妇护肤品？"><span>2</span><h3>孕妇安全护肤，如何选择孕妇护肤品？</h3></a></li>
<li><a href="/cnuus.html" title="孕妇孕期如何选择护肤品 选择护肤品的妙招"><span>3</span><h3>孕妇孕期如何选择护肤品 选择护肤品的妙招</h3></a></li>
<li><a href="/cnuur.html" title="怎样选择适合孕妇用的护肤品呢?"><span>4</span><h3>怎样选择适合孕妇用的护肤品呢?</h3></a></li>
<li><a href="/cnuuq.html" title="怀孕期能用护肤品吗?怀孕期间可以用什么化妆品?"><span>5</span><h3>怀孕期能用护肤品吗?怀孕期间可以用什么化妆品?</h3></a></li>
<li><a href="/cnuup.html" title="选择孕妇护肤品 美丽健康一网打尽"><span>6</span><h3>选择孕妇护肤品 美丽健康一网打尽</h3></a></li>
<li><a href="/cnuuo.html" title="怀孕护肤品能用吗，怀孕可以用哪些护肤品？"><span>7</span><h3>怀孕护肤品能用吗，怀孕可以用哪些护肤品？</h3></a></li>
<li><a href="/cnuun.html" title="孕妇应该用什么样的护肤品 专业选用方法分享"><span>8</span><h3>孕妇应该用什么样的护肤品 专业选用方法分享</h3></a></li>
<li><a href="/cnuum.html" title="孕妇专用 化妆品"><span>9</span><h3>孕妇专用 化妆品</h3></a></li>
<li><a href="/cnuul.html" title="怀孕初期可以用的护肤品，怀孕用哪种护肤品好"><span>10</span><h3>怀孕初期可以用的护肤品，怀孕用哪种护肤品好</h3></a></li>
<li><a href="/cnuuk.html" title="如何选择适合孕妇用的护肤品"><span>11</span><h3>如何选择适合孕妇用的护肤品</h3></a></li>
<li><a href="/cnuuj.html" title="孕妇用什么牌子的护肤品好"><span>12</span><h3>孕妇用什么牌子的护肤品好</h3></a></li>
<li><a href="/cnuui.html" title="孕妇用什么牌子的护肤品好"><span>13</span><h3>孕妇用什么牌子的护肤品好</h3></a></li>
<li><a href="/cnuuh.html" title="孕妇可以擦哪些化妆品"><span>14</span><h3>孕妇可以擦哪些化妆品</h3></a></li>
<li><a href="/cnuug.html" title="怀孕了用什么化妆品"><span>15</span><h3>怀孕了用什么化妆品</h3></a></li>
<li><a href="/cnuuf.html" title="怀孕时护肤品"><span>16</span><h3>怀孕时护肤品</h3></a></li>
<li><a href="/cnuue.html" title="怀孕期间如何选择护肤品？"><span>17</span><h3>怀孕期间如何选择护肤品？</h3></a></li>
<li><a href="/cnuud.html" title="荣耀9x怎么设置相机分辨率"><span>18</span><h3>荣耀9x怎么设置相机分辨率</h3></a></li>
<li><a href="/cnuuc.html" title="一甜相机怎么调瘦脸好看，一甜相机面部调节设置"><span>19</span><h3>一甜相机怎么调瘦脸好看，一甜相机面部调节设置</h3></a></li>
<li><a href="/cnuub.html" title="怀孕适合的护肤品，口碑最好的孕妇护肤品"><span>20</span><h3>怀孕适合的护肤品，口碑最好的孕妇护肤品</h3></a></li>
<li><a href="/cnuua.html" title="孕期可以用什么护肤品"><span>21</span><h3>孕期可以用什么护肤品</h3></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="onjfeeds"></div><span class="onj_live"></span><span class="childonj"></span><div class="onj_location"></div><span class="buddhaonj"></span><div class="branchesccmw footer_service">
<a href="/sitemap.html" target="_blank">网站地图</a>
<a href="/sitemap.xml" target="_blank">XML</a>
<a href="/sitemap.txt" target="_blank">TXT</a>
<a href="/rss.xml" target="_blank">RSS</a>
<a href="/privacy.html" target="_blank">隐私政策</a>
<a href="/service.html" target="_blank">服务条款</a>
<a href="/agreement.html" target="_blank">使用条款</a>
<div class="flagccmw footer_copyright clogWalletccmw">Copyright ©1996-2026 www.onijiang.com Corporation, All Rights Reserved</div>
</div>
<script src="/static/index1js/jquery-3.5.1.min.js" rel="external nofollow"></script>
<script src="/static/js/share.js" rel="external nofollow"></script>
<script src="/static/js/tran.js" rel="external nofollow"></script>
<script src="/static/js/langs.js" rel="external nofollow" ></script>
<div class="onj_happy"></div><span class="containeronj"></span><div class="baronj" id="baronj"></div><div id="Family_seal_onj"></div><script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https'){
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else{
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>
回归到index.html这个页面。通常情况下,