HTML的功能标签

1.  列表标签

无序列表 ul>li
            给一堆数据添加列表语义, 也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体。

<ul>
  <li>需要显示的条目内容</li>
</ul>

            disc    默认值 实心圆
            circle  空心圆
            square  实心方块
有序列表 ol>li
            给一堆数据添加列表语义, 并且这一堆数据中所有的数据都有先后之分(排行榜)。

<ol>
    <li></li>
</ol>

            1   默认值。数字有序列表。（1、2、3、4）
            a   按字母顺序排列的有序列表，小写。（a、b、c、d）
            A   按字母顺序排列的有序列表，大写。（A、B、C、D）
            i   罗马字母，小写。（i, ii, iii, iv）
            I   罗马字母，大写。（I, II, III, IV）

定义列表
            给一堆数据添加列表语义，先通过dt标签定义列表中的所有标题, 然后再通过dd标签给每个标题添加描述信息。

<dl>
  <dt></dt>
  <dd></dd>
  <dt></dt>
  <dd></dd>
</dl>

 2.  表格标签

 一对table标签就是一个表格
 一对tr标签就是表格中的一行
 一对td标签就是一行中的一个单元格
   

<table>
    <tr>
        <td>需要显示的内容</td>
    </tr>
</table>

  [注：]
    1.表格标签有一个border边框属性, 这个属性决定了边框的宽度. 默认情况下这个属性的值是0, 所以看不到边框。（属性之前用分号隔开）
    2.表格标签和列表标签一样, 它是一个组合标签, 所以table/tr/td要么一起出现, 要么一起不出现, 不会单个出现。
    3.可以给table标签和td标签使用
            表格的宽度和高度：默认是按照内容的尺寸来调整的，手动改变：table的width、height
            单元格的宽高：td的width、height
            行内样式：style="color:red;background-color:white"  优先级最高
    4.表格内单元格的水平、垂直对齐
    水平：align  table(表格在水平方向的对齐方式)、tr（当前单元格的内容水平方向的对齐方式）、td（当前单元格的内容在水平方向对齐方式）。
    垂直：valign  tr（当前单元格的内容在垂直方向的对齐方式）、td（当前单元格的内容在垂直方向的对齐方式）。
    5.表格的外边距与内边距属性
            cellspacing外边距：单元格和单元格之间的距离，默认情况下外边距是0。
            cellpadding内边距：单元格的边框和文字之间的间隙（调整单元格内内容与边框的距离）默认情况下内边距是1。
    6.单元格合并
            colspan 水平方向上的单元格合并，也就是合并列。
            rowspan 垂直方向上的单元格合并，也就是合并行。

3.  form表单

表单元素一定要写在表单中。

 <form> <表单元素> </form> 

基本表单元素

        明文输入框 <input type="text">

        暗文输入框 <input type="password"> 加密操作

        单选框 <input type="radio" name="xx" value="xxx" checked> checked 默认选中 互斥操作：给每一个单选框设置相同的name属性还必须设置相同的值。

        多选框  <input type="checkbox" name="xxx" value="xxx" checked>

        提交按钮 <input type="submit">  作用: 将表单中已经填写好的数据, 提交到远程服务器。（action属性：服务器地址） 【注：若想将表单数据提交给后台，表单元素需要有name属性。】

        普通按钮 <input type="button" value="xxx">

        图片按钮 <input type="image" src="">

        重置按钮 <input type="reset" value="xx"> 清空表单中已经填写好的数据