初识列表元素

1.列表元素
  无序列表  ul li  班级与同学/城市的关系
  给一堆数据添加列表语义，并且一堆数据中所有的数据无先后之分
    <ul>
        <li>要展示的数据</li>
    </ul>
 type：
    <ul type="value"></ul>
    disc    默认值 实心圆
    circle  空心圆
    square  实心方块

  有序列表  ol  li
  给一堆数据添加列表语义, 并且这一堆数据中所有的数据都有先后之分（排行榜）
    <ol>
      <li></li>
    </ol> 
 type：
    <ol type="A"></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）

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

2.表格标签
    一对table标签就是一个表格
​    一对tr标签就是表格中的一行
​    一对td标签就是一行中的一个单元格
    补充:除td外，有时也会用到th，th内部的文本通常会呈现为居中的粗体文本，而td元素内的文本通常是左对齐的普通文本。

    <table>
    <tr>   
        <td>要显示的内容</td>
    </tr>
    </table>
    【注意】* 表格标签有一个border边框属性, 这个属性决定了边框的宽度. 默认情况下这个属性的值是0, 所以看不到边框
            * 表格标签和列表标签一样, 它是一个组合标签, 所以table/tr/td要么一起出现, 要么一起不出现, 不会单个出现
3.可以给table标签和td标签使用
        表格的宽高：table设置width/height(默认按照内容的宽高)
        单元格的宽高：td标签设置width/height
        （行内样式：style="color:red;backgroundcolor:white"  优先级最高）
4.表格内单元格的水平.垂直对齐
    水平：align     table（表格水平对齐）tr（当前单元格内容的水平对齐方式）td（当前单元格内容的水平对齐方式）
    垂直：valign     tr（单元格的内容，在垂直方向的对齐方式）  td（单元格的内容，在垂直方向的对齐方式）
5.表格的外边距和内边距属性
    cellspacing：外边距就是单元格和单元格的距离，默认情况下是2px
    cellpadding：文字和单元格的距离（调整表格内容与边框的距离），默认情况下是1px
6.单元格合并
   水平合并：colspan  也就是合并列
   垂直合并：rowspan  也就是合并行
7.from表单
 表单元素一定要写在表单中
        <form>
            <表单元素>
        </form>
 基本表单元素
     -明文输入框 
        <input type="text" name="account" placeholder="请输入用户名">
            name:表单提交时，会作为参数的名称，结合输入的值进行匹配，组成参数名=参数值的结构
            placeholder:提示

    -暗文输入框 
        <input type="password" name="password" placeholder="请输入密码">   加密操作
    
    -单选框 
        <input type="radio" name="xx" value="xxx"  checke>
          checked：默认选中
          互斥操作：给每一个单选框设置相同的name属性，还必须设置相同的值
    
    -多选框 
        <input type="checkbox" name="xxx" value="xxx" checked>
       多选框默认选中： checked
    
     -提交按钮 
        <input type="submit">
       作用: 将表单中已经填写好的数据, 提交到远程服务器（action属性：服务器地址）
      【注意】：若想将表单数据提交给后台，表单元素需要有name属性。
      
    -普通按钮 
        <input type="button" value="xxx">
       可以通过value属性来给按钮指定标题
    
    -图片按钮 
        <input type="image" src="">
    
     -重置按钮 
        <input type="reset" value="xx">
       清空表单中以及填写好的数据
    
     -隐藏域 
        <input type="hidden" name="xx" value="xxx">