2017-04-13-Tomcat部署-html初识
Xplorist Lv6

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有序文字列表标记(
    1. 8-

      文档分区标记

      html表格标记

      1-

      2-

      TableRow

      5-

      row行 从左往右占格数

      col列column从上往下占格数

      html布局标签

      1-

      2-

      3-

      TableHead

      4-

      TableDataCell

      实例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>
       评论