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>
结果