2015.7.6 第一课 课程重点(html、列表、表格、相对路径、超链接)
2015-07-14 08:54
645 查看
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则循环播放)>
<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则循环播放)>
相关文章推荐
- log4j教程 9、HTMLLayout
- HTML“pre”标签 :用pre元素可定义预先格式文字。所有在pre元素内文字的空白间隔以及换行都会被保留。
- DOM对象,控制HTML元素
- HTML 4.01、XHTML 1.0 Strict和Transitional 的区别
- html中 让 ul 的多个 li 在一行内显示
- 颜色表及html代码
- Jmail发送Html邮件内容
- HTML的语意化
- HTML中Li标签的使用示例
- 网页特殊符号HTML代码大全
- POI把html写入word doc文件
- html 标签(二)
- java html内容生成word文件实现代码
- html 标签(一)
- .Net学习笔记----2015-07-13(表格相关属性介绍及HTML小练习)
- 清理html中空白符/空格/换行在行内元素中产生的间距
- HTML笔记
- HTML知识点
- .Net学习笔记----2015-07-13(HTML表格)
- html 随笔 1