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属性,否则不知道跳转到哪里