首页 > 软件开发 > HTML >

你懂得如何规范书写html代码吗

来源:互联网 2023-03-16 19:10:45 169

一个网页写起来可能有成百上千行,说起来一点也不夸张。在这么多行的代码下。如何规范地书写一个网页的代码,不仅有助于修改网页而且对后面接手管理网页的人也大有好处。nOf办公区 - 实用经验教程分享!

你懂得如何规范书写html代码吗?nOf办公区 - 实用经验教程分享!

工具/原料

  • Hbuilder

方法/步骤

  • 1

    网站的html主体,我们一般命名为index.html。nOf办公区 - 实用经验教程分享!

    这里就会涉及到,二级页面和三级页面的链接问题。nOf办公区 - 实用经验教程分享!

    一般简单地链接在所需要的标签处即可。nOf办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    接下来是body里面的代码内容块。nOf办公区 - 实用经验教程分享!

    它一般书写的是,一个框架。不应该把冗长的样式写在body里面,也不是写在head里的style里面。而是应该另外建一个css文件,并且链接调用它。nOf办公区 - 实用经验教程分享!

    你懂得如何规范书写html代码吗?nOf办公区 - 实用经验教程分享!

    你懂得如何规范书写html代码吗?nOf办公区 - 实用经验教程分享!

  • 3

    建立一个css文件后,许多新手写网页代码通常会犯一个错误。nOf办公区 - 实用经验教程分享!

    就是忘了把这个样式的所有边距离、框架距离清零。nOf办公区 - 实用经验教程分享!

    这一步影响到后面的网页是否有偏移的可能。nOf办公区 - 实用经验教程分享!

    你懂得如何规范书写html代码吗?nOf办公区 - 实用经验教程分享!

  • 4

    回归到index.html这个页面。nOf办公区 - 实用经验教程分享!

    通常情况下,html>title>head>style>body>是不要省略的。nOf办公区 - 实用经验教程分享!

    当然title是可以的。nOf办公区 - 实用经验教程分享!

  • 5

    接下来就是缩进问题。nOf办公区 - 实用经验教程分享!

    一般而言。在标签里面的标签都是要缩进的。nOf办公区 - 实用经验教程分享!

    Hbuilder自带缩进选项。也可以手工缩进。nOf办公区 - 实用经验教程分享!

    不要管麻不麻烦,好的书写习惯,会受益终生。nOf办公区 - 实用经验教程分享!

    你懂得如何规范书写html代码吗?nOf办公区 - 实用经验教程分享!

  • 6

    最后是css3里面的样式书写。nOf办公区 - 实用经验教程分享!

    这些样式不能全部写在一行。写在一行的写法是运用上节省空间的一种方法。但是现在不用管。有个选项可以做到。nOf办公区 - 实用经验教程分享!

    现在只管写代码的时候,它的书写段落明了。nOf办公区 - 实用经验教程分享!

    大致格式跟index里面的要求一样即可。nOf办公区 - 实用经验教程分享!

    你懂得如何规范书写html代码吗?nOf办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!nOf办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码