HTML+CSS学习笔记（一）

1.文件路径
相对路径：网页和图像在同一个文件夹里（站点）
绝对路径：从一个站点跳转到另一个站点时，比如“百度”：http://www.baidu.com

2.网页中常用图像格式：
注意：当我们同时加背景图像和背景颜色，图像的优先级大于颜色，背景图像平铺  
1.gif格式：256种颜色，支持文件背景透明，支持动画效果，文件小，下载快；
2.jpg格式：数百万种以上的颜色，不支持文件背景透明，不支持动画效果，但图像颜色品质高（精度高），一般用于数码照片。文件大，下载慢；
3.png格式：fireworks软件的源文件格式,支持文件背景透明，一般的图像，导出文件选png8，透明就可以了。
关于图像成比例缩放
大图像可以缩小（正比例）
小图像最好不要放大（放大会模糊）
注意：模糊与变形的图像都不要放到网站，会影响整个网站的视觉效果

3.网页中常用的字体：
宋体，常用字号：12px（规范）
特殊字体表现形式：通常是图片

4.几个特殊的标签
<b></b>加粗
<i></i>倾斜
<strong></strong> 
<em></em>
结构化标签，加强
占位符 &nbsp 
字符”<”用字符串”&lt”表示；
字符”>”用字符串”&gt”表示；
? 版权&copy;
? 注册商标&reg;

5.列表
（1）无序列表
<ul>
	<li>内容</li>
</ul>
类型：
1.disc实心圆点
2.circle空心圆点
3.square正方形（矩形）
type="类型"
（2）有序列表
<ol>
	<li>内容</li>
</ol>
（3）定义列表
<dl>
	<dt></dt>定义标题
	<dd></dd>定义内容
</dl>
6.链接：从一个页面跳转到另一个页面
链接标签：<a href="要链接页面路径" target="_blank">文本</a>
相对路径
绝对路径  
友情链接，有利于网站推广
链接完文字默认是蓝色，访问过后是紫色
让链接网页在新窗口打开:
target="_blank"
假链接
<a href="#"></a>
7.表格
<table>表格
<tr>行
<td>列
<th>加标题（加粗并且居中）
caption　表格标题

格式1：
<table>
	<tr>
		<td></td>
	</tr>
</table>

格式2：
<table>
	<tr>
		<th></th>
	</tr>
</table>

格式3：
<table>
	<caption></caption>
	<tr>
		<td></td>
	</tr>
</table>

常用属性：
align 水平方向（左left，中center，右right）
valign　设置一行中单元格垂直对齐方式 （顶部top，底部bottom）
bordercolor　表格边框颜色
rowspan　设置单元格所占的行数
colspan　设置单元格所占的列数

表格的嵌套
基本关系：
<table>
	<tr>
		<td>
			<table><tr><td></td></tr></table>
		</td>
		<td>内容</td>
	</tr>
</table>

8.表单的制作
<form> </form>
所有的表单元素都要放在form标签里
文本标签
<input type="text" />类型＝文本
type="password"类型＝密码
type="radio"类型＝单选按钮
type="button"
<input type="button" value="提交" />
checked="checked"默认是选中状态
<input type="radio" checked="checked" />
type="checkbox"类型＝复选框
<select>选择
<option></option>选项
</select>
完成下拉列表的效果

文本区域<textarea></textarea> 例如：<textarea cols="50" rows="8"></textarea>