6、HTML常用标签(2)

2017-06-18  本文已影响0人  波罗的海de夏天

内联属性的标签:

   内联标签:
          特性:
                 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;
上一篇 下一篇

猜你喜欢

热点阅读