前端-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等

• 空格

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