<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%><!-- css文件需要加这句，HEML文件这句不需要 --><!DOCTYPE html>
<!DOCTYPE html> <!-- 这个网页的文档类型，这个是html5的写法 --><html lang="en">
<html lang="en"> <!-- 这里的lang="en"可以删除，如果不删除的，用谷歌之类打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话） --><link rel=" " href=" ">
<link rel="stylesheet" href="static/css/HomePage.css"> <!-- 引入css样式表的意思 --><div> 标记
DIV是html标记,通常作为容纳其他元素的容器,当DIV以绝对定位方式定位时,可以视为“层”
<div id="Container"><!-- 定义一个容器，css中限制了宽度，其他没有什么。一定是id --><ul><ol> 列表
<ul class="nav"><!-- ul 无序列表，ol 有序列表 一定是class--><li> 这是列举</li> <a > 提供链接</a>
<li>显示这行字</li><!-- a标签语法：<a href="网址" title="鼠标滑过显示的文本">文本</a>。 -->混合使用：
<li><a href="点击跳转的链接">IT服务</a></li><br> 换行
网页换行，单独使用
<p>这是段落<p>
跟<li>相比，<p>每次显示后会多换一行
<from> 表单
表单，里面可以插入标签，文本输入框，按钮，等等···
<input>
是 HTML 的标签中用于用户输入的标签
可以用type以及其他很多属性来定义它的类型，常用的有:
type属性：
text - 文本输入框
checkbox - 复选框
hidden - 隐藏类型
submit - 提交按钮
<!DOCTYPE html>
<html>
<body>
<form action="/demo/demo_form.asp">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>
<p>如果您点击提交，表单数据会被发送到名为 demo_form.asp 的页面。</p>
</body>
</html>
<table> <tr><th><td>
<table>是表格
<tr>是一行
<th>中间是粗字体的一个表格
<td>中间是细字体的一个表格
<html>
<body>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
</body>
</html>结果：
<button>和<input>
<html>
<body>
<button type="button" onclick="alert('这是一个事件测试')">Click Me!</button>
<input type="button" value="测试" onclick="alert('这是一个事件测试')" />
</body>
</html>实现了一样的功能：
