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属性,否则不知道跳转到哪里
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容