元素分类、列表、超链接
文章目录
了解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>