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

一个网页写起来可能有成百上千行 , 说起来一点也不夸张 。 在这么多行的代码下 。 如何规范地书写一个网页的代码 , 不仅有助于修改网页而且对后面接手管理网页的人也大有好处 。

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

文章插图
工具/原料Hbuilder
方法/步骤1网站的html主体 , 我们一般命名为index.html 。
这里就会涉及到 , 二级页面和三级页面的链接问题 。
一般简单地链接在所需要的标签处即可 。

2接下来是body里面的代码内容块 。
它一般书写的是 , 一个框架 。 不应该把冗长的样式写在body里面 , 也不是写在head里的style里面 。 而是应该另外建一个css文件,并且链接调用它 。

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

文章插图

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

文章插图

3建立一个css文件后 , 许多新手写网页代码通常会犯一个错误 。
就是忘了把这个样式的所有边距离、框架距离清零 。
这一步影响到后面的网页是否有偏移的可能 。

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

文章插图

4回归到index.html这个页面 。
通常情况下,<html><title><head><style><body>是不要省略的 。
当然title是可以的 。

5接下来就是缩进问题 。
一般而言 。 在标签里面的标签都是要缩进的 。
Hbuilder自带缩进选项 。 也可以手工缩进 。
【你懂得如何规范书写html代码吗】不要管麻不麻烦 , 好的书写习惯 , 会受益终生 。

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

文章插图

6最后是css3里面的样式书写 。
这些样式不能全部写在一行 。 写在一行的写法是运用上节省空间的一种方法 。 但是现在不用管 。 有个选项可以做到 。
现在只管写代码的时候 , 它的书写段落明了 。
大致格式跟index里面的要求一样即可 。

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

文章插图


以上内容就是你懂得如何规范书写html代码吗的内容啦 , 希望对你有所帮助哦!

    推荐阅读