2015.7.6 第一课 课程重点（html、列表、表格、相对路径、超链接）
1、html（超文本标记语言）结构：
<html>
<head>
<title>标题</title>
</head>
<body>
主体
</body>
</html>
2、版面控制标记：
换行：<br/>
段落：<p></p>
水平线：<hr> （ 粗细： size； 宽度：width； 水平位置：align； 颜色：color ）
空格：
居中：center
3、标题文字：
标题：<hn></hn>
文字：粗体 b； 斜体 i； 下划线 u； 删除线 s； 上标 sup； 下标sub
4、body标签属性：
背景颜色：bgcolor
背景图片：background
文字颜色：text
5、列表：
（1）有序列表：
<ol>
<li>编号1</li>
<li>编号2</li>
</ol>
编号形式：type=1 或 a 或 A 或 i 或 I
开始序号：start=n（只能是数字）
（2）无序列表：
<ul>
<li>项目符号</li>
<li>项目符号</li>
</ul>
符号形式：type=circle（圆圈） 或 disc（点） 或 square（方框）
去掉前面的符号：list-style-type:none;
（3）列表嵌套的正确写法
<ul>
<li>选项1</li>
<li>选项2
<ol>
<li>选项2-1</li>
<li>选项2-2</li>
</ol>
</li>
</ul>
PS：请注意，当“选项2”内部有嵌套表格时，它后面的</li>并不是直接写在“选项2”后面，而是写在它内部嵌套表格的后面！
6、表格：
（1）表格布局：
<table>
<caption>表格标题</caption>
<tr><th>表头1</th><th>表头2</th></tr>
<tr><td>列表1</td><td>列表2</td></tr>
</table>
（2）表格属性：width、height、border、cellspacing、cellpadding、bordercolor、bgcolor、align
宽 高 边框 内框宽度 文字到边框距离 边框颜色 背景色 水平位置
（3）行列属性：
高：height； 框颜色：bordercolor； 背景色：bgcolor； 水平对齐：align； 垂直对齐：valign
（4）跨行跨列：
跨行：rowspan
跨列：colspan
（5）表格标题：
<caption align=top或bottom>，位于表格上方或下方
7、图片：
图片标记：<img src="图片路径" >
图片属性：高度：height； 宽度：width； 边框宽度：border； 优先读低分辨率图：lowsrc； 文字标注：alt
8、绝对路径&相对路径：
绝对路径： http://www.cnblogs.com/ 或 D:\360Downloads
相对路径: ../../a/b.jpg
9、超链接：
<a href="超链接地址">文字或图片</a>
1、空链接：<a href="JavaScript:;"></a>
空链接与其它各类链接的区别：
href="JavaScript:;" 同 href="javascript:void(0);" ，空链接，点击不会有任何跳转
href="#" 同#top，点击回到顶部，页面不刷新
href=" " 点击后刷新并回到顶部
href="/" 点击跳转到上一级目录
2、链接打开窗口：
_blank 在新窗口打开
_parent 在父级窗口打开
_self 在当前窗口打开
_top 返回信息显示在顶级浏览器窗口中
10、滚动字幕：
<marquee>..</marquee>
属性：
对齐方式：align
单向运动：scroll
到左停止：slide
往返运动：alternate
背景颜色：bgcolor
循环次数：loop
字幕高度：height
字母宽度：weight
移动速度：scrollamount
停顿时间：scrolldelay
字幕左右空白：hspace
字幕上下空白：vspace
文字方向：direction
移动方式：behavior
11、多媒体：
（1）音乐或影音文件的播放：<a href="音乐或影音文件路径">
（2）音乐或影音文件嵌入网页：<embed src="音乐或影音文件路径" width=宽度 height=高度 autostart=自动播放（true/false） loop=播放次数（数字/true/false）>
（3）网页背景音乐：<bgsound src="音乐路径" loop=次数（=infinite则循环播放）>