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>