JavaWeb课程系列
1. HTML的常用标签
6.1标题标签
h1~h6 如:<h1>你好</h1>
6.2段落标签
p 如:<p>锄禾日当午</p>
6.3换行标签
br 如:<br />这是个自结束标签
6.4无序列表
ul li 如:<ul>
<li>天王盖地虎</li>
<li>雪碧两块五</li>
</ul>
这是个组合标签,ul和li需要一起使用
6.5图片标签
6.5.1 img 如:<img src=”美女.jpg”/> src表示图片的位置
6.5.2相对路径:
(1)图片和页面在同一级目录:图片名可以直接引用图片。
(2)图片在页面的下一级目录:目录/图片名可以引用图片。
(3)图片在页面的上一级目录:../图片名可以引用图片。
6.6超链接标签
a 如:<a href=”1.html”>去1.html</a> href表示点击后跳转去的位置
2. HTML中的表格
HTML中的表格使用table标签创建,表格由行(tr)组成,行由单元格(td)组成
<table> <tr> <td></td> <td></td> <td></td> <td rowspan="2"></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td colspan="2"></td> </tr> </table> |
3. HTML中的表单
表单类似生活中的单据,票据,申请表之类的东西,生活中我们经常会填写很多表单,比如入职申请表,入学登记表,员工信息表等。
<!—from标签用来创建表单 --> <form action="" > <!—input标签用来创建表单项,type值就是收集的数据的类型 --> 文本框:<input type="text" name="" /> 密码框:<input type="password" name="" /> 单选框:<input type="radio" name="" value="" /> 多选框:<input type="checkbox" name="" value="" /> 下拉列表: <select name=""> <option value=""></option> </select> <!—type值为submit的按钮为提交按钮,点击时form表单会收集有name属性的表单项数据提交给action中的地址 --> 提交按钮:<input type="submit" value="按钮上的文字" /> </form> |