2015.7.6 第一课 课程重点(html:认识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则循环播放)>