xiang ang 天天练剑睡不香
xiang ang 天天练剑睡不香
<html></html>
<html>
<head>
<title>我是标题</title>
</head>
<body>
Hello W
</body>
</html>
整体网页结构
类型声明
头部声明
头部声明
内容声明
内容声明
类型声明
标题标签:<title></title>
单标签_横线标签:<hr/>
使用规范
1.大小写不明感,但是通常小写
2.单标签加上表示结束的"/"
401-使用框架切分网页
<frameset row="25%" ></frameset>
311-文件上传
<input type="file" name="resume"/>
310-表单的属性
<form action="提交路径" method="get or post" name="registerform"></form>(没有指定的话 会提交到本页面)
对标签起名字的时候,不要一样
309-文本域完成大段文本的输入
<textarea placeholder="" rows="10" cols="100"></textarea>
308-下拉列表
<select name="month" size="3" mutiple>
<option value="1">一月</option>
<option selected>二月</option>
<option>三月</option>
<option>四月</option>
</select>
307-图片提交按钮和隐藏控件
<input type="image" src="register.png"/>
<input type="hidden" name="id" value="100"/>
306-提交按钮、重置按钮和普通按钮
<input type="submit" name="register" value="注册"/>
<input type="reset" name="reset" value="设置为默认"/>
<input type=>
(提交时候只会提交所在表单,对其他不会产生影响)
305-多选按钮(爱好选择)
<td>爱好</td><td>读书<input type="checkbox" name="bobby" value="1"/>游泳<input type="checkbox" name="bobby" value=""/><input type="checkbox" name="bobby/"></td>
304-单选按钮
男<input type="radio" name="sex" value="man" checked/>(默认勾选)
女 <input type="radio " name="sex" value="woman"/>
303-文本输入控件的一些属性
<input type="text" name="username" value="siki" (默认值) maxlength="6" (最大字符长度) pleaseholder="请输入你的用户名"(提示信息)> name数据提交到后台服务器端的时候才有用.让服务器端容易区分.
302-文本和密码输入框
<form>
<table>
<tr><td>账号<td><input type="test"><tr/>
<tr><td>密码<td><input type="password"><tr/>
</table>
</form>
301-什么是表单?
作用: 向服务器发送数据
207-表格的表头和标题
<table>
<caption></caption>(标题)
<tr>
<th></th>(表头标签)
<td></td>
<tr>
</table>
205-销售表格的制作
<table border="1px" align="center" width="500px" heigth="300px">
<tr>
<td rowspan="2">商品</td><td colspqn="2">上月</td><td colspan="2">本月</td>
</tr>
<tr>
<td>销量</td><td>销售额</td><td>销量</td><td>销售额</td>
</tr>
<tr>
<td>笔记本</td><td>500</td><td>50000</td><td>4000</td><td>10000</td>
</tr>
<tr>
<td>手机</td><td>450</td><td>400</td><td>400</td><td>400</td>
</tr>
<tr>
<td>合计</td><td>100</td><td>700</td><td>100</td><td>900</td>
</tr>
</table>
204-表格中多行多列合并
<table>
<tr>
<td colspan="2"></td> <td></td> <td></td>
</tr>
<tr>
<td rowspan="2"></td> <td></td> <td></td>
</tr>
<tr> <td></td> <td></td> <td></td>
</tr>
</table>
合并之后把多余的内容删除
203-表格中行和列的常用属性
<tr height="200px" align="right" valign="middle or top or bottom" bgcolor="">
<td width=" " height=" " bgcolor=" "></td>
</tr>