• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Knowledge Ocean
博客园    首页    新随笔    联系   管理    订阅  订阅
标签--分类

   我们平常所用的标签有很多,比如div、span 、a等等。那么这么多的标签我们肯定也是可以把它们分类的。
    1.单双标签
       双标签有p、a、div、dl、dt、dd、span等;
       单标签有hr、img、input、link等
   2.行内标签和块标签
       行内标签有a、span、input、i、strong、b。
       块标签有div、p、dl、dt、h1-h6;
   给大家来小小的介绍一下什么叫单双标签,
    单标签:顾名思义是单着的,比如我们来举个例子,img input,他们的写法都是<img /> <input/>
    双标签:就是一对,比如<p></p> <div></div> <span></span>
 下面是我们的块标签和行内标签,一般我们也叫行内元素和块元素,我们来分别解释。
      行内元素:所谓行,就是说我们写了这个元素,它在页面中是没有宽高的,他的占位是根据自己的内容来决定的,比如说(i)行内(i),那么这个i标签的宽度就为两个汉字这么宽,如果再加一个字,就变成三个汉字那么宽,同理,高度也是一样的。
       块元素:这个呢和行内元素完全相反,它有自己的宽高,会占据位置,在页面上是占据一整行的宽度,除非我们手动为它设置宽度。
      那么我们的行内元素也是可以给它转换为块元素的,要用我们的display的属性,display:block,相反,块元素也可转换为行内元素,display:inline。
这就是我们要分享的标签,一切不能直视看看,一定要动手自己敲敲,熟能生巧,千万不能手高眼低。

    display它还有很多的属性,大家可以自己试试,我们以后再一一说。
posted on 2017-09-17 21:23  赖在IT的小白  阅读(253)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3