HTML01常用文本标签

块级元素:独占一行

行内元素:不会独占一行,尺寸随内容的宽高变化,不能设置宽高

1.<h1>~<h6> 标签   字体依次变小 字体有加粗的效果 //块级元素
     <h1></h1>

2.<p>标签 //块级元素
   <p></p> :段落标签,p标签自带上下外边距16px

3.<hr / >:水平线标签

4.<span></span>没有任何默认样式,主要给css做样式 //行内元素

5.<br />:换行标签,br后面的内容换行显示 
<wbr>换行标签,可以随着浏览器的大小进行换行

6.<b></b> 文本加粗显示     //行内元素
   <strong></strong> 文本加粗显示 有强调的语义

7.<i></i>:没有任何语义,单纯的斜体     //行内元素
  <em></em>:有强调的语义,包裹的文本显示为斜体。

8.<sup></sup>:上标 。<sub></sub>:下标

9.&nbsp;表示一个空格符号 。&ensp;表示一个半角符号,一个英文字母的宽度.&emsp;表示一个全角符号,一个中文字符的宽度

10.<blockquote></blockquote>:表示引用一段名人名言,有默认的外边距 //块级元素

11.<cite></cite>:引用的内容出自某处或某人

12.<q></q>:表示内容用""包裹 //行内元素

13.<code></code>:表示内容是一段代码,默认显示为等宽字体样式 //行内元素

14.<mark></mark>:标记一段内容,背景显示为黄色 //行内元素

15.<pre></pre>:可以保留空格和换行,一般不适用,会使网页错版

16. <small></small> 缩小文本标签

17. <time></time> 日期文本标签 datetime 属性 (利于搜索引擎搜索)

18. <data></data> 数据标签

19. <address></address> 地址标签 默认斜体

20. <del></del> 删除线标签

21. <ins></ins> 插入本文标签

22. <abbr></abbr> 专业术语标签

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值