2017-04-13-Tomcat部署-html初识
知识点1:
tomcat服务器的配置
先将jdk安装好
配置好jdk的环境变量
1、将jdk的bin目录复制到环境变量中的path中
2、将jdk的目录复制到添加的新环境变量JAVA_HOME中
3、将jre的目录复制到添加的新环境变量JRE_HOME中
配置tomcat的环境变量
1、将tomcat的bin目录复制到环境变量path中
2、将tomcat的目录复制到添加的新环境变量CATALINA_BASE中
3、将tomcat的目录复制到添加的新环境变量CATALINA_HOME中
注册安装tomcat服务
1、在tomcat的bin目录下输入cmd调用命令行,输入service.bat install(如果失败了需要通过service.bat remove来移除注销tomcat服务)
2、在tomcat的bin目录下点击tomcat8w.exe来开启tomcat服务器
知识点2:
在eclipse中创建一个JavaWeb项目
将编辑配置设置为JavaEE,右键创建一个新的项目,选择Dynamic Web Project设置工程名,更改运行时环境为上面安装的tomcat服务器,最后勾选xml的选项改变目录为WebRoot
知识点3:
将JavaWeb项目部署到tomcat服务器上
添加新的tomcat服务器,将JavaWeb项目添加到tomcat服务器配置中
再双击tomcat服务器设置overview中serverlocations中的使用tomcat安装路径的控制
再右键点击tomcat服务器开启服务器(如果端口被占用,直接到任务管理器中去将服务器停掉)
再在浏览器中访问网址就行了
知识点4:
html
html文档结构
1、
2、
3、
4、
html文字显示标签
1-
2-
3-
4-
~
5-
6-
- UnorderList无序文字列表标记(
- )
7-
- OrderList有序文字列表标记(
- )
8-
文档分区标记html表格标记
1-
2-
3-
TableHead 4-
TableRow 5-
TableDataCell (
row行 从左往右占格数
col列column从上往下占格数
)
html布局标签
1-
2-
实例1:
显示一个科学计算器的界面
核心代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60<html>
<head>
<title>科学计算器</title>
</head>
<body>
<table width="400" height="500" border="1" align="center" bgcolor="#CECEFF">
<caption>科学计算器</caption>
<tr>
<td align="right" valign="center" colspan="5" rowspan="3" ><font size="10" color="black">0</font></td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td align="center" valign="middle">MC</td>
<td align="center" valign="middle">MR</td>
<td align="center" valign="middle">MS</td>
<td align="center" valign="middle">M+</td>
<td align="center" valign="middle">M-</td>
</tr>
<tr>
<td align="center" valign="middle">←</td>
<td align="center" valign="middle">CE</td>
<td align="center" valign="middle">C</td>
<td align="center" valign="middle">±</td>
<td align="center" valign="middle">√</td>
</tr>
<tr>
<td align="center" valign="middle">7</td>
<td align="center" valign="middle">8</td>
<td align="center" valign="middle">9</td>
<td align="center" valign="middle">/</td>
<td align="center" valign="middle">%</td>
</tr>
<tr>
<td align="center" valign="middle">4</td>
<td align="center" valign="middle">5</td>
<td align="center" valign="middle">6</td>
<td align="center" valign="middle">*</td>
<td align="center" valign="middle">1/x</td>
</tr>
<tr>
<td align="center" valign="middle">1</td>
<td align="center" valign="middle">2</td>
<td align="center" valign="middle">3</td>
<td align="center" valign="middle">-</td>
<td align="center" valign="middle" rowspan="2">=</td>
</tr>
<tr>
<td align="center" valign="middle" colspan="2">0</td>
<td align="center" valign="middle">.</td>
<td align="center" valign="middle">+</td>
</tr>
</table>
</body>
</html>实例2:
各种练习
核心代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109<html>
<head>
<title>古诗</title>
</head>
<body>
<center>
<h1>古诗三百首</h1>
<b>静夜思</b></br>
李白
<p>
窗前明月光,</br>
疑似地上霜。</br>
举头望明月,</br>
低头思故乡。</br>
</p>
<b>清明</b></br>
杜牧
<p>
清明时节雨纷纷,</br>
路上行人欲断魂。</br>
欲问酒家何处寻,</br>
牧童遥指杏花村。</br>
</p>
</center>
<p>
<ul>
<li>李白</li>
杜牧
苏轼
<li>杜甫</li>
</ul>
</p>
<p>
<ol>
<li>李白<li>
杜牧
苏轼
<!--这些诗人不是一个朝代的-->
<li>杜甫</li>
</ol>
</p>
<p>
<table width="318" height="167" border="10" align="center" bgcolor="#ccff33">
<caption><b>诗人表格</b></caption>
<tr>
<td align="center" valign="middle"><b>姓名</b></td>
<td align="center" valign="middle">朝代</td>
<td align="center" valign="middle">称号</td>
<td align="center" valign="middle">代表作品</td>
</tr>
<tr>
<td align="center" valign="middle">李白</td>
<td align="center" valign="middle">唐代</td>
<td align="center" valign="middle">诗仙</td>
<td align="center" valign="middle">《静夜思》</td>
</tr>
<tr>
<td align="center" valign="middle">杜甫</td>
<td align="center" valign="middle">唐代</td>
<td align="center" valign="middle">诗圣</td>
<td align="center" valign="middle">《绝句》</td>
</tr>
</table>
</br>
<table border="10" align="center" bgcolor="#E0E0E0">
<caption><b>表格</b></caption>
<th>
<p>表格1</p>
<tr>
<td>第一格</td>
<td>第二格</td>
<td>第三格</td>
<td>第四格</td>
</tr>
<tr>
<td>第一格</td>
<td>第二格</td>
<td colspan="2">第三格</td>
</tr>
</th>
<th>
<p>表格2</p>
<tr>
<td>第一格</td>
<td>第二格</td>
<td>第三格</td>
<td>第四格</td>
<td rowspan="2">第五格</td>
</tr>
<tr>
<td>第一格</td>
<td>第二格</td>
<td>第三格</td>
<td>第四格</td>
</tr>
<tr>
<td>第一格</td>
<td>第二格</td>
<td>第三格</td>
<td>第四格</td>
<td>第五格</td>
<td>第六格</td>
</tr>
</th>
</table>
</p>
</body>
</html>- 本文标题:2017-04-13-Tomcat部署-html初识
- 本文作者:Xplorist
- 创建时间:2017-04-13 14:23:01
- 本文链接:https://xplorist.tech/2017/04/13/b8bbf481aee5/
- 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
评论
- )