1、h系列的标签
h:headline 缩写,标题。
h 系列的标签有六个等级:h1,h2,h3,h4,h5,h6 分别表示从一到六标题:
<h1>我是一级标题</h1> |
<h2>我是二级标题</h2> |
<h3>我是三级标题</h3> |
<h4>我是四级标题</h4> |
<h5>我是五级标题</h5> |
<h6>我是六级标题</h6> |
作用:就是文本添加标题的语义,没有添加样式的功能。
我们有一个约定俗成的规范,一个网页只能有一个 h1 标签。因为标签是由权重的,h1 标签的权重是最高的。
通常把 h1 给我们 logo。如果有多个 h1 标签,它会认为你自动降了权重。
注意:标题之间不能有嵌套。
2、p标签
p:paragraph 的缩写。段落
作用:给文本添加段落的语义。
p 是文本级标签,里面只能存放文本,图片,表单元素,font,b,i 等废弃标签。
3、img标签
img:images 缩写,图片。
img 标签是单标签。本身相当于文本。
1 |
<img src="2.jpg" alt="" /> |
|
src:source,表示资源,来源。路径。 alt:图片不能正常加载时,提示文本。 |
1 |
<img src="5.jpg" alt="图片不能加载" /> |
|
title:设置图片的悬停提示文本。 |
1 |
<img src="2.jpg" alt="图片不能加载" title="薛之谦" width="400" /> |
4、a标签
a 表示超级链接,anchor,锚。
1 |
<a href="https://www.baidu.com">百度</a> |
|
href:跳转路径。可以是相对路径也可以是网址形式绝对路径。 |
1 |
<a href="cat2.jpg"><img src="images/cat.jpg" alt="" /></a> |
title:设置鼠标悬停文本