Bootstrap

前端-HTML 特殊符号、div和span标签、列表、空格

特殊符号

  1. 尖角号

    & lt;左尖角号 & gt;右尖角号

  2. 空格

     该空格占据宽度受【字体】影响明显而强烈

     占据的宽度正好是1个中文宽度,且基本上不受字体影响

  3. 版权

    & copy;©️

  4. 商标

    & trade;™️

    & reg;®

div和span标签

  • div标签

    没有具体含义,用来划分页面的区域,独占一行。

  • span标签

    没有实际意义,主要应用在对于文本独立修饰的时候,内容有多宽就占用多宽的空间距离。

列表

  • 有序列表

    <!--注释-->

    <!--

            1.li里面可以随意放标签,但是ol里面只能放置li

            2.数字是自动生成的。

            3.type:1,a,A,i,Ⅰ

               start:取值只能是一个数字

    -->

    <ol type="A" start="4">

            <li>有序列表</li>

            <li>有序列表</li>

    </ol>

  • 无序列表

    1.ul里面只能放li,li里面可以放其他标签

    2.默认的是黑色的实心圆

    3.type,disc,circle,square,none(用的多)

    ul>li{aaaa}*3加enter生成如下:

    <ul>

            <li>aaaa</li>

            <li>aaaa</li>

            <li>aaaa</li>

    </ul>

  • 自定义列表

    dl>dt{我是图片}+dd{我是文字}加enter生成如下:

    <dl>

            <dt>我是图片</dt>

            <dd>我是文字</dd>

    </dl>

快捷输入:ul>li{32323}*3     div*3等

  • 空格

&nbsp; :一个字符的半角的不断行的空格,如果需要在网页中插入多个空格,可以将“&nbsp;”代码写多遍;
&ensp; :一个字符的半角的空格,也可以将“ ”写多遍来插入多个空格;
&emsp; :两个字符的全角的空格,也可以将“&emsp;”写多遍来插入更多的空格;
&thinsp; :小于一个字符的空格;
说明:单词后面的分号记得带上,是不能省略的,它也是html代码中的一部分。

;