元素分类、列表、超链接

元素分类、列表、超链接

了解HTML5元素的分类

什么是行内元素

行内元素（内联元素）：行内元素在一行显示，只能容纳文本或者其他行内元素。常用行内元素有：img 等。

什么是块级元素

块状元素：块元素一般都独占一行,可以容纳行内元素和其他块元素。常用块级元素有： h1-h6 、p 等。

无序列表

什么是无序列表？

无序列表的概念：无序列表就是列表项没有先后顺序的列表形式。

为什么要有无序列表？

列表的使用能从语义上为，意义相关的内容分组。

如何应用无序列表标签？

<ul>
	<li>无序列表项</li>
	<li>无序列表项</li>
	<li>无序列表项</li>
</ul>

默认情况下无序列表的列表符号用圆点表示。

如何使用无序列表type属性？

Type 规定列表的案例符号的类型：值可以是disc（默认实心圆）、square（小正方形）、 circle（空心圆）。

有序列表

什么是有序列表？

有序列表 的概念：有序列表就是列表项有先后顺序的列表形式

为什么要有无序列表？

列表的使用，能从语义上为意义相关的内容分组。

如何应用有序列表标签？

<ol>
	<li>有序列表项</li>
	<li>有序列表项</li>
	<li>有序列表项</li>
	<li>有序列表项</li>
</ol>

如何使用有序列表type属性和reversed属性？

Type属性规定在列表中使用的标记类型：值可以是1（默认）、 a、 A、I、i
Reversed属性，用于指定列表倒序显示。

自定义列表

如何使用自定义列表？

自定义列表的语法：

<dl>
	<dt>上层案例</dt>
	<dd>下层案例</dd>
</dl>

自定义列表标签

（定义项<dt></dt>、描述项<dd></dd>）

超链接

什么是超链接？

超链接：是指从一个网页指向一个目标的链接关系，这个目标可以是网页、图片等。

为什么会有超链接？

超级链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。

如何使用超链接

• 超链接的标签
• 超链接href属性
• 指定路径属性href用来指定链接的地址。
• 超链接target属性
• target目标文件的打开方式。语法结构如下：<a href="链接的路径" target="目标窗口或指定值">链接的文本</a>
• target属性值可以是_blank、_self、_top、_parent。_self在原窗口中打开，为默认值。_blank在新窗口打开
• 使用超链接静态整站的建立
• 空连接：# 例如：<a href="#">新闻</a>
• 外部链接地址前要加http:// 例如：<a href="http://www.baidu.com">百度一下</a>