2016-4-29HTML标记的使用

HTML标记的使用

• HTML标记的使用
• div和span标记
  • 块元素和行内元素
  • HTML字符实体
  • 项目符号标记(无序列表):块级元素
  • 编号列表（有序列表

div和span标记

这两个标记，如果单独使用，没有任何效果，一般要结合CSS来使用。

这两个标记虽然没有任何意义，但是在DIV+CSS中又是用的最多的

相当于两个小的容器，里面用来存放其他内容，方便排版布局

块元素和行内元素

块元素：单独占取通栏的宽度，前后的元素必须另起一行排版。比如< p >,< pre>。
行内元素：多个行内元素排在同一行，行内元素没有宽度，宽度是由内容来决定。比如：< b >,< i >,< u >,< span >,< sub >。

HTML字符实体

    <pre>
         &nbsp;    代表一个半角空格
         &gt；      >;
         &lt;           <;
         &amp;      &;
         &yen;          人民币；
         &copy；         版权；
         &times;        乘号；
         &divide;       除号；
        
    </pre>

项目符号标记(无序列表):块级元素

    <ul  type="disc">
            <li type="circle">内容1</li> 
            <li>内容2</li>
    </ul>

• 内容1
• 内容2
• 内容3

常用的属性：
 , , , ，Type:项目符号的类型，取值：disc(实心圆点)，circle(小圆圈)，square(小方块)

编号列表（有序列表

<ol type="a" start="3">
    <li></li>
    <li></li>
    ......
</ol>

1. 哈哈1
2. 哈哈2
3. 哈哈3
4. 哈哈4

常用的属性：
Type:编号类型，取值：1（数字），a,A,i(小罗马)，I（大罗马） start:编号的起始数，该值是一个数字。比如：start=3;