2021-02-18HTML学习笔记

一.结构化语义标签

1.header表示网页的头部
main表示网页的主体部分
footer表示网页的底部
nav表示网页中的导航
aside表示和主体相关的其它内容
article表示一个独立的文章
section表示一个独立的区块，上面的标签都不能使用时可以使用section
div没有语义，就是用来表示一个区块，目前来讲div是我们主要的布局元素
span没有语义，是行内元素，一般用于在网页中选中文字

二 .列表

1.有序列表：使用ol创建列表项，使用li表示列表项
例：

<ol>
	<li>哈哈</li>
	<li>呵呵</li>
	<li>嘻嘻</li>
</ol>

显示效果：

2.无序列表: 使用ul创建列表项，使用li表示列表项
例：

<ul>
	<li>哈哈</li>
	<li>呵呵</li>
	<li>嘻嘻</li>
</ul>

显示效果：

3.定义列表：使用dl标签来创建一个定义列表，使用dt来表示定义的内容，使用dd来对内容进行解释说明
例：

<dl>
        <dt>哈哈</dt>
        <dd>哈哈表达一种开心的心情</dd>
</dl>

显示效果：

注意：列表之间可以互相嵌套

三.超链接

1.超链接可以让我们从一个页面跳转到其它页面，或者是当前页面的其他位置；
2.使用a标签来定义超链接
3.属性：href指定跳转的目标路径，其值可以是一个外部网站的地址，也可以是一个内部页面的地址
4.超链接是一个行内元素，可以嵌套除它自身以外的任何元素
例：

<a  href="https://www.baidu.com">超链接</a>

四.相对路径