02HTML基础-常用标签

H系列标签

格式

<h1>xxxxx</h1>

作用

• 给文本添加标题语义

注意事项

• H标签只给文本添加标题语义，不是用来修改文本样式
• H标签总共6个，从H1～H6，超过6则无效
• 被H标签包裹的内容会独占一行
• H系列的标签，H1最大，H6最小
• 在企业开发中要慎用H系列标签，特别是H1标签，企业开发中一个页面一般最多只能出现一个H1标签（和SEO有关）

P标签

格式

<P>xxxxx</P>

作用

• 告诉浏览器哪些文字是段落

注意事项

• 在浏览器中会独占一行

Hr标签

格式

<Hr />

作用

• 在浏览器中显示一条分割线

注意事项

• 在浏览器中会独占一行
• Hr标签的/可以写，也可以不写，在前端开发中按照高级开发工具提示书写即可
• 由于Hr标签是用来修改样式的，所以不推荐使用，今后开发中添加水平线一般使用CSS盒子来做

img标签

格式

![](图片路径)

作用

• 在网页上插入一张图片

属性

• src（source）
• 告诉浏览器需要插入的图片路径，以便浏览器在该路径下找到此图片
• alt（alternate）
• 在src指定路径下找不到图片时，显示alt指定的文本
• title
• 只有当鼠标悬停在图片上时才会出现的文本
• height
• 设置图片高度
• width
• 设置图片宽度

注意事项

• 在浏览器中默认不会独占一行
• 想要将图片等比拉伸，只设置宽或者高就可以了

Br标签（Break）

格式

<Br />

作用

• 不另起一个段落换行

注意事项

• 由于99.99%的网页换行都需要另起一个段落，所以应该用P来做
• 多个Br可以连续使用，使用多少个Br就换多少行

a标签

格式

<a href="跳转的目标地址">xxxx</a>

作用

• 从一个页面跳转到另一个页面

属性

• href（hypertext reference）
• 指定跳转到目标地址，可以是网络地址，也可以是本地地址
• target
• 告诉浏览器是否保留原始界面，-blank保留，-self不保留
• title
• 只有当鼠标悬停在超链接上时才会出现的文本

注意事项

• a标签中一定要写上文字，否则在页面上找不到此标签
• a标签不仅能让文字被点击，而且能让图片被点击
• 一个a标签必须有一个href属性，否则不知道跳转到哪里