html是最具网络普遍性的文档。因为它的传送速度之快，让各种cs客户端程序相形见绌。
格式：我们以谷歌浏览器的默认页面为例
因为没法直接贴代码，我就用截图加序号了。
①html标志
在过去就只有一个html，现在我们看到，后面可以写上abc=”abc”这样的属性。这样就无意间给了html活力。html程序表现力丰富，具有结构化的东西。你说是struct也行，你说它是property也行，你说是object也行。从程序角度来说，它提供了更多的描述信息。这是我之前不了解的。
②head
标题，一些提前加载的东西放这里。
③meta
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> 类似这样的。
作为程序注意的也就是一个语言编码。无他了。
④网页标题，这个是比较重要的
⑤内置的css
⑥网页主体
⑦框架网页
⑧自定义标签，这个就有点随意了。也是一个技术突破。html成了一个可以自己自由定义的树形结构。
⑨引用外部的js
10. 引用外部的css
前台人员和美工做1-10，我们程序员主要搞定9，而我们需要给出的仅仅是一些显示的部件的id和class。
从这一点看，显示和代码就分离了。
附：
之前写了很多的cs客户端程序，熟悉的就是窗体，控件，事件，函数。
所以很多cs转web的人，或者偶尔要弄一个小页面的人，会非常的难以逆转自己的程序员思想。对于html东西有某种的抵触，抗拒，陌生，甚至失去信心。
我最开始也是，我照着别人的教程，但是还是用很古老的方法写页面，写啊写啊，写出来一看，是一个笑话。粗陋无比，非常难看。完了请别的网页前端帮忙，给我写了一个模版（因为客户指定要copy另外一个类似的网页又要改改风格，显然不是我的饭）。朋友们，我之所以学会，就是在此模版的基础上，我加以学习，看人家是怎么写的界面的div，我再有需要我就自己添加啦。完了，找教程看，该怎么写js，并且如何调用接口，接口自己也不会，幸好会php，就查说php怎么写接口，我就用php快速实现了一个接口。我清楚记得，我的第一个web是一个保险类录单系统。当然局限是，我对页面的布局还是无能为力。所以这就是程序员的短板，特别是这个css，和图片ps，绝对不是我们搞定的事情。前台我们可以考虑外包或者请人协作。我们主打js+后台接口+数据库，就成了，这是我们的舒适区，我们是强大的逻辑脑。
对于这里所提到的，其实建议都没有必要学，看了就了解了就完了。程序员在前台页面表现方面还是欠缺的。要学会运用各种框架的界面组件，并且适应pc和mobile。特别是要运用各种效果的css。不是我们所擅长的。这点一定要注意。
一个例外是，如果你写的是admin管理界面，那大概率可以丑一点，可以用你学会的一种界面框架来做。问题不大，针对客户操控部分的界面，万万不可。
还有个方式时，你可以用一个很简单无比的有div和id和class能驱动界面显示的页面来先完成部分程序，再请人优化，也是可以的。或者穿插进行都行。这两样工作可以分离和协同的。不过，就是要一些银子，你懂的越多，花的银子越少，比如。一个css你自己调一下，就能省上百到数百。所以这个度就是这样，对于自由开发程序员而言，你可以外包界面，但是你要多少要自己会调一点。否则这个外包费用也是玩不起的。
我们从wordpress博客中抽取一段代码
①看到对于一片文章的显示，是一个article
②显示文章的一个标志性的图标
③文件内容部分，其中有分④头，⑤内容，⑥脚。虽然6没有写什么，但是是预留的。这样今后的扩展是非常好的。
标记是成对的，有div的标记，也有像<a>这样的标记。新旧搭配使用。
我们更多看到的是数据的层，要怎么显示。在服务器的脚本中，比如这个图片路径，文章的href等内容部分都是用的<?php ?>来动态产生的，而这个框架是文本的，静态的，显示的样式和风格是css的。这就做到了三个分离和协同。对于这种阅读性的，只读的，显示和报告类的，我们一般用这个方式实现。
而对于前端要录入的东西提交和查询的，交互的，那我们重点关注js脚本对组件的操作和显示。
而我们重要要入门的是对于div中，<div id=”myid001″ class=”left-001″> 即对于id和class如何使用它们操作界面的显示和读取。这是我们下一篇要单独写的。
好。如果我们需要多个article呢。没错，我们可以固定写几个，比如每页显示10篇文章，可以笨笨地写10个。也可以循环实现，当然主要是循环实现。铁板是对比如类似显示的行结果时，因为它们的列都是一样，显示风格也一致。只是内容不同。
