昨天我们了解了无序列表(ul 、li )、有序标签(ol、li)自定义列表(dl、dd、dt),表格的便捷式我们也学习了:table>tr*10>td*10 ,代码意思是10行10列,那么开始我今天的学习:
一、合并单元格
(1)、如何上下合并单元格
在表格开头teble的后面加上brder我们可以获得表格的标题,我用代码的方式告诉大家如何加上合并:


比如上面的代码:
<td rowspan="2‘>101</td> td是列 rowspan="数字“(上下合并)是让两列数字一样合并。
(2)、如何左右合并单元格
上下合并单元格在td后面加了个rowspan,那么自然左右合并我们要在后面也是加上一个代码:


像这样我们数字6就左右合并到一起了,在td后面加上colspan(左右合并),代码为:
<td colspan=“数字”</td>
二、表单
input标签可以通过type属性值的不同展现不同效果,来看一下input的代码表示:
(1)<input type="text"> text是文本框,可以在前面加上用户账号输入账号一类的文本

(2)密码设置:<input type="password"> password是密码
(3) radio我们用于单选框
性别:
男<input type="radio">
女<input type="radio"

(4) checkbox为多选框
房子<input type="checkbox">
车子<input type="checkbox">
存款<input type="checkbox">

(5)<input type="file"> file是上传文件,可以按键选择文件打开
(6) <input type="submit"> submit是提交按钮
(7)<input type="reset"> reset是重置按钮,可以重新填写
(8)<input type="button" > button是普通按钮
上面这四项我在下列图片中的表示出来:

另外from为表单标签,用于收集用户信息,input type=”内容“我们在内容后面可以加上name=”sex(性别)“value”=内容“这样我们打出的代码我们就可以看到它这个网页跳转的是哪一个页面了,手动输入的我们不用加上value(text、passsword、file),选择输入的我们需要加上value(radio、checkbox、submit、reset、buton)。
okk,这是今天的小学习,总结的可能不太好,希望慢慢加油,写出更好的文章给大家呈现。
本文介绍了HTML中合并单元格的方法(上下和左右),以及各种input类型如文本、密码、单选/多选框、文件上传、提交/重置按钮的使用。重点讲解了如何使用form标签构建表单并收集用户信息。
2701

被折叠的 条评论
为什么被折叠?



