JavaWeb练习（一）——HTML

JavaWeb练习（一）——HTML
1、HTML 概述
超文本标记语言：Hyper Text Markup Language
文档构成 ： 注释 标签 文本 属性```

<!--注释-->
<p><font color="red">你好</font></p>
<!--
<p></p><font></font>为标签 也叫做元素
font标签内的 color="red" 为属性
“你好” 是文本
-->

2、表格

<!--
<table></table> 表格标签
<tr></tr>行
<td></td>列
-->

<table border="1" align="center" width="100%">
	<tr><th>姓名</th><th>班级</th><th>总分</th><th>排名</th></tr>
	<tr>
		<td>小明</td>
		<td>一班</td>
		<td>545</td>
		<td>1</td>		
	</tr>
	<tr>
		<td>小刚</td>
		<td>二班</td>
		<td>525</td>
		<td>2</td>
	</tr>
	<tr>	
		<td>小飞</td>
		<td>三班</td>
		<td>500</td>
		<td>3</td>
	</tr>
</table>

运行结果：

3、超链接
<a></a> a标签

<a href="pages/target.html">跳转到目标页！</a>
<!--href跟随跳转后的界面-->

4、表单
<form></form>form标签

<!-- 创建表单 -->	
<!-- 使用form标签定义表单
     使用action属性指定提交数据的位置
     使用method属性指定提交数据的方式
        GET：会将提交的数据附着在URL地址后面，在浏览器地址栏可以看到	
        POST：不会提交的数据附着在URL地址后面，在浏览器地址栏看不到
-->
<form action="target.html" method="post">
	
	<!--type="text"  文本框 -->
	用户名：<input type="text" name="userName" /><br /><br />
	<!--type="password"  密码框 -->
	密码：<input type="password" name="password" /><br /><br />
	<!-- 提交按钮：type="submit"，使用value属性指定它是页面上显示的文字 -->
	<input type="submit" value="登录" />

</form>

5、插入图片
<img >img标签

<!--src表示图片存放地址-->
<img  src="img/a.jpg">

6、列表
列表分为两种：一种有序，一种无序

<!--无序-->
<font>无序</font>
<ul>
	<li>漩涡鸣人</li>
	<li>黑崎一护</li>
	<li>路飞</li>
	<li>柯南</li>
	<li>越前龙马</li>
</ul>
<!--有序-->
<font>有序</font>
<ol>
	<li>漩涡鸣人</li>
	<li>黑崎一护</li>
	<li>路飞</li>
	<li>柯南</li>	
	<li>越前龙马</li>
</ol>

结果