一个网页写起来可能有成百上千行，说起来一点也不夸张。在这么多行的代码下。如何规范地书写一个网页的代码，不仅有助于修改网页而且对后面接手管理网页的人也大有好处。
工具/原料
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="/abjab.html" title="韩国东大门卫衣"><span>2</span><h3>韩国东大门卫衣</h3></a></li>
<li><a href="/abjaa.html" title="最好最有效的丰臀方法[8]穿错内裤毁了性感臀形"><span>3</span><h3>最好最有效的丰臀方法[8]穿错内裤毁了性感臀形</h3></a></li>
<li><a href="/abizz.html" title="如何缝合毛衣的衣片和袖片？"><span>4</span><h3>如何缝合毛衣的衣片和袖片？</h3></a></li>
<li><a href="/abizy.html" title="如何用衣二三租衣服"><span>5</span><h3>如何用衣二三租衣服</h3></a></li>
<li><a href="/abizx.html" title="风衣+紧身裤 上宽下窄搭显瘦无敌"><span>6</span><h3>风衣+紧身裤 上宽下窄搭显瘦无敌</h3></a></li>
<li><a href="/abizw.html" title="男生选衣穿着技巧分享"><span>7</span><h3>男生选衣穿着技巧分享</h3></a></li>
<li><a href="/abizv.html" title="毛线修身连衣 散发出优雅气质"><span>8</span><h3>毛线修身连衣 散发出优雅气质</h3></a></li>
<li><a href="/abizu.html" title="冬季毛领外套—遮宽肩显穿衣搭配必备"><span>9</span><h3>冬季毛领外套—遮宽肩显穿衣搭配必备</h3></a></li>
<li><a href="/abizt.html" title="露肩上衣怎么搭配"><span>10</span><h3>露肩上衣怎么搭配</h3></a></li>
<li><a href="/abizs.html" title="百变衣怎么穿"><span>11</span><h3>百变衣怎么穿</h3></a></li>
<li><a href="/abizr.html" title="蕾丝裙怎么穿好看"><span>12</span><h3>蕾丝裙怎么穿好看</h3></a></li>
<li><a href="/abizq.html" title="夏天教你怎样搭衣好看"><span>13</span><h3>夏天教你怎样搭衣好看</h3></a></li>
<li><a href="/abizp.html" title="这8件衣服超适合去海边穿，浓浓的休闲时尚风！"><span>14</span><h3>这8件衣服超适合去海边穿，浓浓的休闲时尚风！</h3></a></li>
<li><a href="/abizo.html" title="露肩上衣怎么穿好看"><span>15</span><h3>露肩上衣怎么穿好看</h3></a></li>
<li><a href="/abizn.html" title="深v领衣服太深了怎么办"><span>16</span><h3>深v领衣服太深了怎么办</h3></a></li>
<li><a href="/abizm.html" title="衣服搭配攻略：上身长下身短的朋友如何选衣服"><span>17</span><h3>衣服搭配攻略：上身长下身短的朋友如何选衣服</h3></a></li>
<li><a href="/abizl.html" title="宽松棉衣拯救梨形身材"><span>18</span><h3>宽松棉衣拯救梨形身材</h3></a></li>
<li><a href="/abizk.html" title="H行身材怎么穿衣服"><span>19</span><h3>H行身材怎么穿衣服</h3></a></li>
<li><a href="/abizj.html" title="扁的卫衣带怎么系好看"><span>20</span><h3>扁的卫衣带怎么系好看</h3></a></li>
<li><a href="/abizi.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这个页面。通常情况下,