自学前端第二天

常用代码标签

无序列表：ul>li 有序列表：ol>li 自定义列表：dl>dt>dd

表格标签：table>tr>td (table后面记得跟border属性，基本赋值1，这样才会显示表格。caption表示标题，th表示表头，)

表格结构(了解)：thead/tbody/tfoot

表格合并：rowspan行合并，colspan列合并。记得输入数值，表示合并几个格子。（左上原则）

表单标签：input

文本框：<input type="text">

密码框: <input type="password" name="" id="">

单选框：<input type="radio" name="" id="" checked>（name后是单选组的英文名，加上它才显示只能选一个，checked表示默认）

多选框：<input type="checkbox" name="" id="" checked> (name后是多选组的英文名，加上它才显示只能选一个，checked表示默认）(lable需要包裹单选框，多选框的每一个内容，这样渲染范围更大。)

上传文件：<input type="file" name="" id="" multiple>

占位符：文本框：<input type="text" placeholder="请输入用户名">

按钮标签： <input type="submit" value="提交">

<input type="reset" value="重置">（记得用form包裹全文）

<input type="button" value="普通按钮 ">（普通按钮暂时没有实际功能，要配合js）

下拉标签： select >option (option时间地点等写在尖括号里，selected表示默认)

文本域标签：<textarea cols="30" rows="10"></textarea>（ cols表示宽，rows 表示高 )