今天应该是第二天,开始使用html编写表格,主要使用了一下代码
1.
<tr>
<td>
<td>
<tr>
编写表格。
2.
<table border="npx" width="npx" height="npx" cellpadding="0"cellspacing="0"
去分别控制边框的像素大小,还有表格的高和宽,控制内边距和外边距
3.
rowspan
跨行合并
4.
colspan
跨列合并
5.
bordercolor
边框的颜色
6.
align=center
居中
7.接受文本输入框的设置
<input type="text"/>
8.密码的输入框
<input type="password">
9.单选框的设置
<input type="radio"/>选项一
<input type="radio"/>选项二
<input type="radio"/>选项三
为了只能选一个那么
<input type="radio"name=" x "/>选项一
<input type="radio"name=" x "/>选项二
<input type="radio"name=" x "/>选项三
10.下拉框的设置
名字:<select>
<option>选项一</option>
<option>选项二</option>
<option>选项三</option>
</select>
11.多选框
<input type="checkbox"/>选项一
<input type="checkbox"/>选项二
<input type="checkbox"/>选项三
12.文本域
<textarea> </textarea>
控制文本域大小
<textarea rows="4" cols="50"> </textarea>
13.按钮
第一种表达方式
<button>按钮名字<button>
第二种表达方式
<input type="reset" value="重置">
14.空格的特殊表达方式
&ndsp = 空格
今天的学习让我感觉写代码并没有那么死板,有挺多代码可以灵活的组合使用会有一些意想不到的效果,附上今天写的作业一个调查报告应用了以上提到的挺多基础知识。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title ">问卷调查</title>
<h1 align="center"><font color="red">问卷调查</font><h1>
</head>
<body>
<hr>
<table>
<table border="7px" width="800px" height="600px" cellpadding="0" cellspacing="0" align="center" bordercolor="#FF0000">
<tr>
<td>用户名;</td>
<td><input type="text"/></td>
</tr>
<tr>
<td>密码;</td>
<td><input type="password"/></td>
</tr>
<tr>
<td>专业;</td>
<td>
<select>
<option>计算机科学与技术</option>
<option>软件工程</option>
<option>电子工程</option>
<option>通信工程</option>
</select>
</td>
</tr>
<tr>
<td>性别;</td>
<td>
<input type="radio"name="gender"/>女
<input type="radio"name="gender"/>男
<input type="radio"name="gender"/>其他
</td>
</tr>
<tr>
<td>兴趣;</td>
<td><input type="checkbox"/>篮球<input type="checkbox"/>羽毛球<input type="checkbox"/>足球<input type="checkbox"/>乒乓球</td>
</tr>
<tr>
<td>个人介绍;</td>
<td>
<textarea cols="50" rows="4">
</textarea>
</td>
</tr>
<tr>
<td align="center"><input type=submit value=提交></td>
<td align="center"><input type=reset value=重置></td>
</tr>
<table>
</body>
</html>
附上效果图