前端学习threeday
1.合并单元格
1.1跨行合并:不在同一行的进行合并。把rowspan="*" 属性写到要合并的区域中最上方的目标单元格中,其中 *号代表要合并的行数。合并以后要把下面合并的单元格删掉或者注释掉。建议是注释掉,因为注释方便自己回顾查看。
1.2跨列合并:不在同一列的进行合并。把colspan="*" 属性写到要合并的区域中最左侧的目标单元格中,其中 *号代表要合并的列数。合并以后要把下面合并的单元格删掉或者注释掉。建议是注释掉,因为注释方便自己回顾查看。
总结:1、确定是跨行还是跨列。2、找到目标单元格设置合并属性 3、删除或者是注释冗余的单元格
2.列表
2.1无序列表*(重点)
语法格式:
<ul>
<li></li>
<li></li>
……
</ul>
1、ul中只能有li标签,不可以有其他内容
2、li中的内容无先后顺序
3、无序列表带有自身的样式属性,后期修改用css设置
4、li标签中可以有任何的标签元素
2.2有序列表
语法格式:
<ol>
<li></li>
<li></li>
……
</ol>
1、ul中只能有li标签,不可以有其他内容
2、li中的内容存在先后顺序,不可以换顺序
3、无序列表带有自身的样式属性,后期修改用css设置
4、li标签中可以有任何的标签元素
2.3自定义列表
<dl>
<dt>名词</dt>
<dd>解释说明1</dd>
<dd>解释说明2</dd>
……
</dl>
1、dl中只能使用dt和dt两种标签
2、dt标签和dt标签一般不会限制个数,一般情况下一个dt带有多个dd
3.表单(用来收集用户信息)
3.1表单标签<form action="" method="" name=""> </form>用来定义表单域.其中action是用来收集信息交给哪个文件处理,method是提交方式get|post两个,name是用来区分表单
3.2表单元素<input type="" name="" value=""/> 单标签
3.3表单标签
<label> 标签
<label> 标签为 input 元素定义标注(标签)。
<label> 标签用于绑定一个表单元素, 当点击<label> 标签内的文本时,浏览器就会自动将焦点(光标)转到或者
选择对应的表单元素上,用来增加用户体验.
语法:
<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />
核心: <label> 标签的 for 属性应当与相关元素的 id 属性相同
3.4表单控件
3.4.1、input输入表单元素
3.4.2、select下拉表单元素
语法格式:
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>
1、<select> 中至少包含一对<option> 。
2、 在<option> 中定义 selected =“ selected " 时,当前项即为默认选中项。
3.4.3、textarea 文本域元素
1、通过 <textarea> 标签可以轻松地创建多行文本输入框。
2、 cols=“每行中的字符数” ,rows=“显示的行数”,我们在实际开发中不会使用,都是用 CSS 来改变大小。