2.1 列表
无序列表<ul>标签
有序列表<ol>标签
定义列表<dl>标签
2.1 无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
无序列表没有顺序,通常使用粗体圆点进行标记。
无序列表常用于无序类型的列表,如网站导航,形态菜单,侧边栏新闻列表等。
2.2 有序列表
<ol>
<li>列表项1<li>
<li>列表项2<li>
<li>列表项3<li>
......
<ol>加粗样式
有序列表有顺序,列表使用数字来标记。
有序列表常用于排序类型的列表,如音乐排行榜,影视排行榜,搜索热点排行榜等。
2.1.3 定义列表
<dl>
<dt>名词1</dt>
<dd>名词1的解释-第1项</dd>
<dd>名词1的解释-第2项</dd>
......
<dt>名词2</dt>
<dd>名词2的解释-第1项</dd>
<dd>名词1的解释-第2项</dd>
......
</dl>
定义列表没有顺序,默认没有标记。
2.2 表格
2.2.1 表格的基本结构及语法
每个表格的行由<tr>标签定义,每行的单元格由<td>标签定义。字母td指表格数据(table data),即数据单元格的内容。
<table>
<tr>
<td>row 1, cell 1 </td>
<td>row 1, cell 2 </td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
一行一列
一行二列
二行一列
二行二列
解析:table定义表格 tr=行 td=列 table的属性 border是为了将表格的轮廓显示出来,用来指定边框的宽度
2.表格的表头
<table border=1>
<tr>
<th>标题1</th>
<th>标题2</th>
</th>
<tr>
<td>一行一列</td>
<td>一行二列</td>
</tr>
</table>
标题1:一行一列 二行一列
标题2:一行二列 二行二列
th等于表格的表头 会显示为粗体居中的文本##3.表格的跨行与跨列###1.表格的跨行
<table border=1>
<tr>
<td rowspan=“所跨的行数”>单元格</td>
</tr>
</table>
rowspan=跨的行数
三.HTML5媒体元素
1.< video >标签
语法:
1
video属性
width 设置视频的宽度
height 设置视频的高度
src 要播放视频的URL
controls 显示控件 如播放按钮
autoplay 视频就绪后马上播放
loop 完成播放后再次开始播放
muted 视频的音频输出为静音
poster 规定视频正在下载时的显示的图像 直到用户单击播放按钮
preload 视频在页面加载时进行加载 并预备播放 如果使用"autoplay" 则忽略该属性
video 支持WebM和Ogg的视频格式
2.标签
1
< audio >的属性
src 音频的URL
controls 显示控件 如播放按钮
autoplay 音频就绪后马上播放
loop 音频结束后再次开始播放
muted 音频输出为音频
preload 规定当网页加载时 音频是否默认被加载及如何被加载
四.HTML5 结构标签
1.结构标签:
1.< header >:定义文档的头部区域
2.< nav >:定义导航链接的部分
3.< section >: 定义文档中的节 其包含一组内容及标题
4.< article >:定义独立的部分
5.< aside >:定义页面主区域内容之外的内容
6.< footer >:定义文档的底部区域
五.< iframe >框架
1.语法
<iframe src=“页面地址” width"宽度" height=“高度” name="名称"></iframe>
1
可以在页面任何一个位置嵌入另一个网页
2.< iframe >框架与超链接结合使用
实现页面互相