一.结构化语义标签
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>
四.相对路径