总结学习知识（工欲善其事，必先利其器：浏览器Opera、IE、Google、火狐；开发工具：Notepad++、或者自带记事本）
1、html部分：html的全部语法，主要结构，超链接和常用标记语言
2、css部分：css的三种选择器的使用，使用Div+css进行布局，搞清楚浮动问题
一、格式
语法：HTML标记语言（表示网页信息的符号标记语言）
可以设置文本的格式、创建列表、插入图像和媒体、建立表格、超链接可以使用鼠标点击超链接来实现网页之间的跳转。
标记和属性：保存格式（。html .htm .xhtml）
属性格式<标记 属性1=属性值 属性2=属性值 属性3=属性值……>
不区分大小写，一般写小写；注释<！——……——>；空格键和回车键不会影响网页，无论加多少空格键，但是只会有一个空格，回车但是会显示多行；tab可以缩进；字符实体如空格、小于号…;
二、基本结构
<html>…</html>
开始标记，位于网页的最前端和最后端
<head>…</head>
头信息标记，头标记，开始标记，主要用来包含文件的标准信息，如关键字，标题，不会在浏览其中显示
<title>…</title>
标题标记，一般不能太长，不能包含其他标记，放在head元素里面
<body>…</body>
主体标记，构成我们所看成的标记，bgcolor背景颜色、text字体颜色、link超链接颜色、alink正在访问的颜色、vlik访问过的颜色
<meta>… </meta>
页面的元信息（meta-information）；
功能：提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词；
必须属性：content 值：same_text,比如name属性相关的元信息；
常见属性1、author 2、keywords 3、description 4、others
把content属性关联到一个名称，比如描绘出网页的关键词：<meta name="keywords" content="博客园 博客">；
注意meta标记必须放在head元素里面。
三、文档设置标记—格式标记（<br>、<p>、<center>、<pre>、<li>、<ul>、<dl>、<dt>、<dd>、<hr>、<div>）
<br>强制换行 <p>换段落标记 <center>居中对齐标 <pre>预格式化标记：保留排好的格式 <li>列表项目标记，有value属性 <ul>无序列表标记 <ol>有序列表标记，可以有type属性
< dl>、<dt>、<dd>定义型
四、文档设置标记—文本标记（<hn>、<font>、<b><i><sub><tt><cite><em><strong><small><big><u>）
五、图像标记（img）
如果无法加载时： alt=“显示的内容”
远程图片
六、超链接的使用（a）
如何给图片加超链接：<a href=""><img scr=""></a>
七、html表格（<table>、<caption>、<tr>、<th>、<td>）
表格实战
八、html框架（<frame>、<frameset>）
九、html表单设计（<form><input><select>）
十、使用css样式的方法
十一、css样式表（标签选择器、class选择器、ID选择器、组合选择器、伪类选择器以及优先级问题）
十二、css属性（网页中的颜色属性、字体属性、背景属性、文本属性、边框属性）
十三、Div+css布局（盒模型、布局相关属性：定位、浮动、显示、溢出）
十四、实战（简单的企业网站首页）
|
