HTML第一天笔记随笔

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 标签,它会认为你自动降了权重。

扫描二维码关注公众号,回复: 1791036 查看本文章

注意:标题之间不能有嵌套。

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:设置鼠标悬停文本

猜你喜欢

转载自www.cnblogs.com/h5css/p/9245752.html