列表

1.无序列表（ul）（最常用）

     <ul type="circle">
        <li></li>
      </ul>
      type属性
          1.circle 空心圆
          2.square 实心方块
          3.disc 默认值 实心圆
      

2.有序列表 (ol)

   <ol type="A">
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
  </ol>
  type属性
      A,a，1，i，I等

3.自定义列表

<dl>
    <dt>什么是帅哥</dt>
        <dd>身高够高</dd>
        <dd>有钱</dd>
        <dd>帅气</dd>
    <dt>什么是美女</dt>
        <dd>身高够高</dd>
        <dd>有钱</dd>
        <dd>漂亮</dd>
</dl>

去除列表标记

 list-style: none;

表格

  <table>
      <caption>课程表</caption>（表头）
        <tr>（table row 表行）
          <td></td>（table date 表数据）
        </tr>
  </table>

表格的属性:（作用于table）
    border:边框
    align：水平对齐方式
    rowspan:跨行合并（竖着）
    colspan：跨列合并（横着）
    cellspacing：控制单元格间的距离，常用于合并边框
    cellpadding：文字与单元格的距离
    bgcolor：单元格的颜色（background-color的缩写）
    bordercolor：边框颜色
    <td style="color:yellow">语文</td>可以改变文字颜色（属于css了）
    width：宽度
    height：高度
    

  <table border="1px" width="500px" align="center" cellpadding="6" >
    <caption>课程表</caption>
    <tr >
      <td align="left">项目</td>
      <td colspan="5" align="left">上课</td>
      <td colspan="2" align="left">休息</td>
    </tr>
    <tr bgcolor="green">
      <td>星期</td>
      <td>星期一</td>
      <td>星期二</td>
      <td>星期三</td>
      <td>星期四</td>
      <td>星期五</td>
      <td>星期六</td>
      <td>星期日</td>
    </tr>
    <tr>
      <td rowspan="4">上午</td>
      <td>语文</td>
      <td>数学</td>
      <td>语文</td>
      <td>数学</td>
      <td>语文</td>
      <td>数学</td>
      <td rowspan="4">休息</td>
    </tr>
    <tr>
      <td>语文</td>
      <td>数学</td>
      <td>语文</td>
      <td>数学</td>
      <td>语文</td>
      <td>数学</td>
    </tr>
  </table>

表单

form:（表单）

(属性 action，methed，name)暂不介绍
action(提交的地方)

input：(输入框)

属性：
    type（输入框类型）
        text：默认值，普通文本框
        password：密码输入框
        number：数字输入框
        radio：单选框
        checkbox：复选框
        submit：提交按钮
        reset：重置按钮
        button：普通按钮
        image:图片按钮
        file：上传文件按钮
        color:颜色板
        date：日期       
     value：设置输入框默认值
     size：设置输入框尺寸（number不能改变，只能通过width进行输入框宽度改变）
     name：输入框名字，搭配radio实现单选
     maxlength:输入框最大输入长度
     checked：设置默认选中项
     placeholder：设置输入框提示语

例

        <form action="" method="" name="">
        <!-- placeholder提示语，即表单无输入时，显示的话 -->
        普通<input type="text" placeholder="请输入银行密码"><br>
        密码<input type="password"><br>
        数字<input type="number" style="width:300px" ><br>
        男<input type="radio" name="A" >
        女<input type="radio" checked name="A" ><br>
        <div>爱好</div>
        足球：<input type="checkbox" name="" >
        篮球：<input type="checkbox" name="" >
        排球：<input type="checkbox" name="" >
        羽毛球：<input type="checkbox" name="" id="" checked>
        <!-- 提交，重置 -->
        <input type="submit"  >
        <input type="reset" >
        <!-- value默认值 -->
        <input type="button" value="12">
        <input type="image" src="../img/red.jpg" width="20px">
    </form>

文本域（textarea双标签）

例：
    <textarea cols="30" rows="10" disabled></textarea>
属性：
    cols：列
    rows：行
    disabled（禁用）：禁用文本框

下拉列表（select（选择）option（选项））

例：
    <select size="4">
      <option value="">海月</option>
      <option value="">夏侯惇</option>
      <option value="" selected>百里守约</option>
      <option value="">后羿</option>
    </select>
    selected：默认选项
    size：下拉列表直接显示多列（基本用不到）