6、HTML常用标签(2)

内联属性的标签:

   内联标签:
          特性:
                 1、同属性的标签排在同一排;
                 2、内容撑开宽度;
                 3、不支持宽高,不支持上下的padding和margin;
                 4、代码换行被解析(间距大小取决于父级的font-size);?????

          span标签
                写法:<span></span>
                双标签
                语义:无意义
                默认样式:无

          strong标签
                写法:<strong></strong>
                双标签
                语义:强调
                默认样式:font-weight:bold;
                权重比较高;

          em标签
                写法:<em></em>
                双标签
                语义:强调
                默认样式:font-style:italic; 
                权重比较高;

          a标签
               写法:<a href="链接网页地址" target="打开网页的方式"></a>
               双标签
               语义:超链接
               默认样式:color、text-decoration、cursor;
               温馨提示:
                      href属性:
                            1、如果链接一个网站地址,一定要加 http://;
                            2、# 代表链接到当前页;
                      target属性:
                            1、_self:默认,在当前窗口打开;
                            2、_blank:在新窗口打开;

    内联 块 标签:
           特性:
                  1、同属性的标签排在同一排;
                  2、内容撑开宽度;
                  3、支持所有css样式;
                  4、代码换行被解析(间距大小取决于父级的font-size);???
           img标签
                  写法:<img />(图片的路径地址)
                  单标签
                  语义:图片默认样式:低版本浏览器中有默认的边框;
                  温馨提示:
                         1、路径地址一定要正确;
                         2、alt属性一定要写(SEO);

标签类型的转换

   1、显示为无:display:none

   2、块属性:display: block;

   3、内联属性
          a、内联:display: inline;
          b、内联块:display: inline-block;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,405评论 1 41
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,862评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,246评论 19 139
  • 前言 人生苦多,快来 Kotlin ,快速学习Kotlin! 什么是Kotlin? Kotlin 是种静态类型编程...
    任半生嚣狂阅读 26,322评论 9 118
  • 在前一篇文章中已经简单提到Html标签了,在本文中就不再赘述它的介绍了。想要再看看的可以戳Html+Css基础概要...
    年少有van阅读 931评论 0 14