前端学习03

前端学习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 来改变大小。

猜你喜欢

转载自blog.csdn.net/qq_34194159/article/details/104642625
今日推荐