一、必知HTML基础-CSS教程系列

在学习CSS制作知识之前，我们必须需要认识的HTML什么基础知识。

1、搞清浏览器作用   -   TOP

浏览器主要作用是浏览网页作用，在DIV+CSS制作开发时候仍然是浏览我们制作开发重构网页作用。浏览器可测试我们开发的CSS网页兼容性、网页效果、因开发疏忽导致错误等作用。

在CSS测试(CSS工具)里常用浏览器包括IE6、IE7、IE8、火狐(FF)、谷歌(chrome)、苹果Safari、Opera主流浏览器。至于傲游、360浏览器因为他们使用你系统自带的IE内核，所以不必考虑，只要支持你浏览器版本即支持类似这2款浏览器。

2、搞清什么是HTML   -   TOP

html是hypertext markup language的缩写，即超文本标记语言。可以这样理解，HTML文件是一定规则规律以html\htm等命名后缀名的文本文件。

3、html作用   -   TOP

HTML作用，通过一定html自身语法结构(html结构)，显示文字、图片、动画(flash)、视频或音频音乐。而CSS则是配合html实现漂亮的各式各样的页面内容。

4、html我们涉及哪些基础知识   -   TOP

5、常见html单词及单词功能作用有哪些   -   TOP

a、B(strong)：加粗实例：我被加粗或我也被加粗 两个加粗属性相同、用法相同

CSS 加粗：http://www.divcss5.com/rumen/r122.shtml

b、P：换行实例：

我是第一段内容

我是第二段内容

c、Br：提行实例：我是第一排
我是第二排内容

e、ul、ol、li列表标签实例：

• 列表一
• 列表二
• 列表三

1. 列表一
2. 列表二
3. 列表三

f、div与span：都是html标签实例：

我多长占多长位置

两者区别：DIV占用1整排，而SPAN所占位置是内容多少占用多长长度

DIV span区别：http://www.divcss5.com/rumen/r79.shtml

g、img：图片引用标签图片标签

详细html img：http://www.divcss5.com/jiqiao/j242.shtml

h、dl dt dd：CSS的另类表格组合实例：

我是标题

列表一

列表二

dl dt dd详解：http://www.divcss5.com/html/h88.shtml

j、title：标题标签实例：

标题

特点，在一个网页内只能使用一次(只能出现一次)

Title标签：http://www.divcss5.com/html/h124.shtml

以上为常见的html标签及单词，更多HTML标签：http://www.divcss5.com/html/h110.shtml

6、html结构   -   TOP

这里Html结构可用于每次新建制作网页模板使用。

旧html结构：

DIVCSS5标题

具体网页呈现内容

经过CSS教程网的DIVCSS5优化后的HTML结构(可用于每次新建HTML模板)：

标题

内容www.divcss5.com提供

7、html与CSS关系   -   TOP

搞清楚html与CSS关系很重要，也是认识CSS基础。

html与CSS关系解释：HTML内放置显示网页要显示的具体内容(图片、文字、动画等)而CSS是控制HTML内这些具体内容的怎么显示、怎么排版、颜色、大小、宽度、高度、左右布局等显示样式。

以上7点是学习CSS的html基础，可能还不完善，但是在以后运用的时候DIVCSS5会给大家详细、本简单CSS教程分为15节，此节DIV CSS教程以文字内容为主，以后会穿插更多实例和图例、跟我做的内容希望对大家能有帮助。