一、样式与结构分离

尽量使用<link rel="stylesheet" href="style.css" type="text/css" />的形式导入外部样式表，而不是直接将样式写在标签上或写在head里。

二、语义化的html结构

1. 使用正确的标签
   例如你想表示标题，就应该使用heading(h1~h6)标签而不是span标签。
2. 正确命名class和id
   

三、不要使用Photoshop等软件的导出为html+图像功能

1. 首先你看不懂那坨代码
2. 其次表格布局已经out了
3. 最后它使用起来效率太低了

四、其他

1. <br/>标签只能用于p标签内。
2. 表格除了tr、td标签，或许你还知道th，但是还有thead、tbody、tfoot、caption。
3. 一个页面的标题标签通常只用到h4，如果你能用到h5甚至h6，那你的网页太复杂了！
4. 无论多少个连续的空格都被视为一个空格，打空格请用 
5. 除了ul无序列表，ol有序列表，还有dl定义列表。

五、请遵循W3C制定的网页标准

1. 每个标签都应该有开放标签和闭合标签
2. 空标签必须以在右尖括号前加“ /”
3. 所有标签内的属性都必须用引号""括起来
4. 所有标签及属性必须使用小写
5. 必须给img标签加上alt属性
6. 不要使用font、center等废弃的标签

错误：

<center>
    <font size="5">我是标题</font>
    <P>下面是一张<EM>图片</P>哦</EM>
    <img src=abc.jpg>
</center>

正确：

<div style="text-align:center">
    <h1>我是标题</h1>
    <p>下面是一张<em>图片</em>哦</p>
    <img src="abc.jpg" alt="这里写图片说明" />
</div>

六、如何开始学习网页制作

1. 首先需要了解什么是HTML、CSS、W3C等
2. 找份稍微复杂点的word文档，用HTML语言将它编写出来
   1. 不用考虑除标签外的一切因素
   2. 做这步是为了学习如何选择并使用正确的符合语义的标签
3. 然后挨个学习CSS属性，推荐苏沈小雨CSS2.0中文手册
4. 学习使用div+css布局
5. 最后做一个完整的网页

好吧，其实我也是个新手，如果哪里写的不对了，还请多多指教哈 ????