第二章
1.列表
无序列表
<ul>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
<li>第四行</li>
</ul>
无序列表的特性
没有顺序,每个<li>标签独占一行(块元素)
默认<li>标签项前面有个实心小圆点
一般用于无序类型的列表,如导航、侧边栏新闻、有规律的图文组合模块等
有序列表
<ol>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
<li>第四行</li>
</ol>
有序列表的特性
有顺序,每个<li>标签独占一行(块元素)
默认<li>标签项前面有顺序标记
一般用于排序类型的列表,如试卷、问卷选项等
定义列表
<dl>
<dt>水果</dt>
<dd>苹果</dd>
<dd>桃子</dd>
<dd>李子</dd>
</dl>
定义列表的特性
没有顺序,每个<dt>标签、<dd>标签独占一行(块元素)
默认没有标记
一般用于一个标题下有一个或多个列表项的情况
2.表格
表格的基本使用方法
使用<table>、<tr>、<td>创建表格
制作跨列、跨行的表格
跨列:colspan=“横向跨的单元格数”
跨行:rowspan=“纵向跨的单元格数”
3.媒体元素
视频元素
<video src="视频路径" controls //提供播放、暂停和音量的控件></video>
音频元素
<audio src="音频路径" controls //提供播放、暂停和音量的控件></video>
4.结构元素(header、section、article、nav、aside、footer)的使用
结构元素,又称为区块型元素,是用来定义区块内容范围的元素。之前,区块型元素只有
Section元素表示文档中的一个区域(或节),是区块级通用元素。比如,内容中的一个专题组,一般来说会有包含一个标题(heading)。一般通过是否包含一个标题(<h1>-<h6> element)作为子节点,来辨识每一个<section>
[注意]如果元素内容可以分为几个部分的话,应该使用<article>而不是<section>;再有,不要把<section>元素作为一个普通的容器来使用,这是本应该是
article元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构。可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。当<article>元素嵌套使用时,则该元素代表与外层元素有关的文章。例如,代表博客评论的<article>元素可嵌套在代表博客文章的<article>元素中
<article>元素的作者信息可通过<address>元素提供,但是不适用于嵌套的
<aside>元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。一般用于表示不直接相关内容的侧边栏,<aside>里面的内容与它所关联的内容相互独立,谁缺了谁都不影响各自文本含义的理解。如一篇文章的广告、相关背景和引述内容等
HTML导航栏(nav)描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表,并不是所有的链接都必须使用nav元素,它只用来将一些热门的链接放入导航栏,例如footer元素就常用来在页面底部包含一个不常用到,没必要加入nav的链接列表,一个网页也可能含有多个元素,例如一个是网站内的导航列表,另一个是本页面内的导航列表
footer元素表示最近一个章节内容或者根节点(sectioning root)元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息
[注意]****footer元素内的作者信息应包含在address元素中
5.iframe内联框架的使用
<iframe src="path" name="mainFrame" ></iframe>
// src="path" 引用页面地址
// name="mainFrame" 框架标识名