-
1
-
2
复习：
网页基本结构——html、head、body
常见的头部元素：title元素、meta元素、script元素、link元素 都是写在头部，即写在<head>和 </head>之间
本课要点：
一、常见的网页主体元素
1） HTML 5新增的主体结构标记
2）表现网页内容的标记
（1）标题元素（块级元素）
（2）段落元素（块级元素）
（3）img元素（内联元素）
（4）a元素（内联元素）
内部链接：这种链接的目标是本站点中的其他文档。利用这种链接，可以在本站点内的页面中相互跳转。
邮件链接：这种链接可以启动电子邮件程序书写邮件，并发送到指定地址。
外部链接：这种链接目标是互联网中的某个页面。利用这种链接，可以跳转到其他的网站上。
锚点链接：这种链接的目标是文档中的命名锚记。利用这种链接，可以跳转到当前文档或其他文档的某一指定位置。
(5)列表元素ul、ol、dl（块级元素）
HTML中常见的列表元素有：
ul元素（无序列表）、
ol元素（有序列表）、
dl元素（自定义列表）、
li元素（列表项）。
(6)div元素（块级元素）和span元素（内联元素）
<div> 构建一个盒子，用于装内容
<span> 将文本的一部分独立出来
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo2-11</title>
<style type="text/css">
span { color: #F00; }/*设置字体颜色为红色*/
</style>
</head>
<body>
<div >
<h2><span>北京</span>财经</h2>
<ul>
<li><a href="#">震荡行情 跑赢财富市场秘诀</a></li>
<li><a href="#">大佬级的投资分析框架</a></li>
</ul>
</div>
<div>
<h2><span>上海</span>财经</h2>
<ul>
<li><a href="#">A股下周将发生这一幕</a></li>
<li><a href="#">目前行情下玩股票的新方式</a></li>
</ul>
</div>
</body>
</html>
(7)table元素（块级元素）
<table> </table> 表格
（1）bordeliar--边框属性
（2）caption元素--定义表格标题
（3）scope属性--联系表头与单元格
<caption> </caption>定义表格标题
<th> </th> 定义表头
<tr> </tr> 表格的行
<td> </td> 表格的单元格
(8)video元素（内联元素）和audio元素（内联元素）
video元素--引入视频元素
audio元素--引入音频元素
Audio和video标签的几个常用属性
src 指定媒体文件的URL地址
controls 添加播放控制条
loop 循环播放
preload 表示页面加载完成后如何加载视频数据
本课小结：
1、网页由文档说明、head和body三部分组成，展示给观众的内容主要写在body，本课讲述了描述内容的主要标签；
2、通过设置标签的属性可进一步设置显示的网页内容
本课作业：
制作“中国茶文化” 网页
