一篇文章让你看懂HTML根本法则和网页构造
1、html根本规则
<html> <head> <title>我的网页</title> ……………………….. </head> <body> …………………. </body> </html>
几乎所有的网页都是依照这个格局来的，这是一个网页必需具备的标志，每个标志都放在< >里，以</>完毕，只不外在省略号的地方加了许多七手八脚的东西，也就是我们看到的内容。将以上代码复制到一个记事本，然后另存为a.html文件，就成了一个网页，试试看呢！下面，以记事本方式翻开，在<body>之间加上“首页”二字，留存，再翻开之后看看。
接着，在首页的前后加上标志<a> 变为 <a href=”#”>首页</a>,留存，再看看结果呢？
是不是就是我们平常上网看到的超链接了呢？只是这里点击“首页”没转变，由于我们增加的空连接，趁热打铁，我们照着前面的办法，在建一个页面，留存为b.html，然后将上面的“#”更换为b.html，在翻开，点击首页，是不是就跳转到b页面了呢。（当然a和b页面都要在统一名目下）到这里为止，你应当理解到，其实网页上所有的功效都是由不一样的相似于<a>这样的标志来实现，你需要做的时记住这些标志的功效罢了。
2、网页构造
假如你上网时留意的话，其实网页都是分块的。当然这只是一个大致的构造，你还可以按照需要分成许多块，分块主如果为了修改方面及肯定各自的展现样式。这主要通过<div></div>标志来实现，下面我在 “首页”加上<div>标志试试：
<div> <a href=”b.html”>首页</a> </div>
留存，在翻开试试，什么结果呢？是不是还是和修改此前一样呢，下面我们为其加上一些润饰：
<div style=”width:200px;height:100px;border-style:solid;” >
在运转，我们标志的这一块就以蓝色背景表示出来啦！在参加许多的<div></div>块就可以将网页大卸八块了，呵呵，然后在你每个块里放上你想放的东西即可。当然，许多个<div>都加上style=””,假如这些style设定都差不多的话，我们每一个设定就太费事了，我们一样将style这些放在别的的.css文件（操纵网页中各标志的显示样式）中，然后停止需要调取的地方停止调取，下面来试试
创建一个记事本，重命名为c.css然后翻开，写入：
#header{width:200px;height:100px;border-style:solid;}并将其在a.html里删掉。然后再</head>前参加 <link rel="stylesheet" type="text/css" href="c.css" />也就是将c.css这个文件引入进来。将css放入独自的文件好处是：假如许多地方都援用了这个样式，我们只要修改这一个地方，就全部都转变了，不然我们得手动修改每一处，不利于后期保护。
最后将a.html的<div> 改为<div id=header>结果是不是和此前一样呢？
以上就是一篇文章让你看懂HTML根本规则和网页构造的具体内容，更多请关注百分百源码网其它相关文章！
