web基础学习笔记(二)之表格与表单

tech2026-10-04  0

学习web的第二天

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>web002</title> </head> <body> <!--table是表格--> <table border="1" cellpadding="2"> <!--boder是边框 cellpadding是内部离边框的距离--> <tr> <td colspan="2">1.1</td> <!--colspan是向左合并两个--> <td>1.2</td> <td>1.3</td> <td>1.4</td> <!--多的格子可以删掉更美观--> </tr> <tr> <!--rowspan是向下合并两个--> <td rowspan="2">2.1</td> <td>2.2</td> <td>2.3</td> <td>2.4</td> </tr> <tr> <td>3.1</td> <td>3.2</td> <td>3.3</td> <td>3.4</td> </tr> <tr> <td>4.1</td> <td>4.2</td> <td>4.3</td> <td>4.4</td> </tr> </table> <!--iframe可以在网页上开辟一个小区域显示一个单独的页面--> <iframe src="timg.jpg" width="100" height="100"></iframe> <!--form是表单--> <form action=""> 用户名称: <input type="text" value="请输入名字"/> <br/> <!--input type=text 是文件输入框--> 用户密码: <input type="password" size="38"/> <br/> <!--input type=password 是密码输入框--> 确认密码: <input type="password" size="38"/> <br/> 性别:<input type="radio" name="sex" checked="checked"/>男 <input type="radio" name="sex" />女 <br/> <!--radio是单选框 checked是默认 name是分组属于同一个组就只能选一个--> 兴趣爱好:<input type="checkbox"/>Java<input type="checkbox"/>C++<input type="checkbox"/>C <br/> <!--checkbox是复选框 也可以选择默认值--> 国籍:<select> <option>请输入国籍</option> <!--select是下拉列表--> <option>中国</option> <option>日本</option> </select> <br/> 自我评价:<textarea rows="10" cols="20">我才是默认值</textarea> <br/> <!--多文本输入框 row属性设置可以显示几行的高度 cols设置每行可以显示几个字符宽度--> <input type="reset" value="重置"/> <!--value改变按钮上的默认值--> <input type="submit" value="提交"/> <input type="button" value="按钮"/> <input type="file" value="文件上传"/> <input type="hidden"/> <!--当我们要发送某些信息,而这些信息不需要用户参与,就可以使用隐藏域(提交的时候同时发送给服务区)--> </form> <div>div标签1</div> <!--div标签默认占一行--> <div>div标签2</div> <span>span标签1</span> <!--span占字符长度--> <span>span标签2</span> <p>p段落标签1</p> <!--默认在段落的上方各空出一行来--> <p>p段落标签2</p> </body> </html>``
最新回复(0)