列表：

1.有序列表

例如：排行榜
注：有序列表用的，一般采用无序列表来模拟



2.无序列表

  1. <ul><br />      <li></li><br />    </ul><br />  type属性：< ol type="a">  排序用 a b c d...;默认 1 2 3 4...<br />      < ul type="square"> 排序前是方块；默认黑实点.

3.自定义列表

  1. <dl><br />      <dt></dt><br />      <dd></dd><br />      <dd></dd><br />    </dl>

表格：

:表格的最外层标签，包裹表格的所有内容
: 表示一行
: 表示一列
：表示表头中的一列
注：tr,td(th)一定是固定的结构

  1. colspan:合并列<br />    rowspan：合并行<br />    <th colspan="2">日期</th> 合并两列，把右边的下列合并<br />    <td rowspan="2">2018年</td>合并两行，把下面的一行合并<br />    注：合并过的行和列要删除

、、
没有具体效果，只是用于语义化

表单:

:表单的最外层标签，包裹表单的所有内容
:可以实现很多表单控件，不同的表单控件是通过type属性完成的
type：
text 文本框
password 密码框
radio 单选按钮
男
女
name属性相同，男女前“按扭”只能点中一个
checkbox 多选按钮。（单选按钮，若不设置name属性，每个都可以点上，但不可以再取消掉；多选按钮，每个都能点且能取消。）
submit 提交按钮
reset 重置按钮
checked： 选中，主要针对单选和多选。有此属性的默认已选中
disabled： 禁止，针对所有的,添加该属性后，该条选项禁止选
placeholder：给输入框添加提示信息，有利于用户体验(只是提示，当操作输入的时候提示信息会消失)
value： 输入框添加value值，会显示在初始输入框中，按扭等其他不会显示。value值主要用于后台数据。
（value值的信息在输入的时候不会消失，一直存在）
香蕉
一个多选的按扭，该香蕉前的按扭已被选中，且禁止选

多行输入框
辅助表单控件，增加用户体验，鼠标点击label标签内的其他内容时，光标能自动提示输入框
  1. for  id    在lable标签无法括起的内容时<br />        <dl><br />          <dt><label for="username">用户名：</label></dt><br />          <dd><input id="username" type="text"></dd><br />          </dl>
下拉框， option标签里的为下拉框里的内容
selected 是select标签里的选中

optgroup 对select下拉框进行分组
  1. <select multiple> 对下拉框里选项进行多选ctrl+鼠标
  4. 注：属性和属性值如果相同，可以只写一个checked="checked"简写：checked

块与内联

块 div : 上下排列的，默认没有任何样式

内联（行内） span : 左右排列的，默认也没有任何样式

都需要配合CSS来使用，一个是布局用的，一个是修饰文字用的。

CSS的添加

1. style属性添加样式 : 行间样式

  1.   <p  style="font-size:14px;color:green;">

2.