JavaWeb学习之环境搭建

时间:2022-05-05
本文章向大家介绍JavaWeb学习之环境搭建,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

 1. HTML(Hyper Text Markup Language) , 超文本标记语言。

HTML文件的后缀名一般是: .htm , .html

表单(form):

  1. 浏览器内核: WebKit , trident
  2. Javascript:alert(‘?’);  --->java脚本语言
  3. 我的第一个html程序:
  4. 代码如下:
  5. 效果图:
 1 <html>
 2      <head>
 3          <title> 龚细军的网站</title>
 4      </head>
 5  
 6      <body>
 7          <!---font 表示字体 border用来显示线条--> 
 8          <h1><font color ="green">龚细军的小窝</font></h1>&nbsp; &nbsp; 
 9          <a href='http://www.baidu.com'>进入相应的链接</a>
10          <table border="2" align="left" width="40%">
11              <tr>
12                  <td align="center"><b>围棋</b></td>
13                  <td align="center"><b>军旗</b></td>
14                  <td align="center"><b>水汽</b></d>
15                  </tr>
16              <tr>
17                          <th>aa</th>
18              <th>bb</th>
19              <th>ee</th>
20                  </tr> 
21          </table>
22          <form align="left">
23              <br> <br><br>
24              <!--文本框的使用-->
25              <b>username :</b> <input type="text" value="hello world!"><br>
26              <b>passwoed :</b> <input type="password"><br><br>
27                <!--多选按钮 checkbox-->
28              兴趣: 学习<input type="checkbox">
29                     旅游<input type="checkbox">
30                 睡觉<input type="checkbox"><br><br>
31                <!--单选按钮 radio 注意要想达到互斥,必须放在同一个组中,即取相同的名字即可表示在同一个组中-->       
32              性别:  男 <input type="radio" name="Gxjun">
33                    女 <input type="radio" name="Gxjun"><br>
34                <!--下拉表单 select-->
35                学历:<select>
36                                  <option>小学</option>
37                  <option>中学</option>
38                  <option>高中</option>
39                  <option>大学</option>
40              </select><br>
41                         <!--文本区 TEXTAREA-->
42                 评论: <textarea width="5" height="5" align="left">
43                  </textarea><br>
44                      <!--文件上传 type file--
45                      <b><font color="red"> 文件上传:</font></b><input type="file"><br>
46                      <!--按钮的一些使用比如 submit-->
47                      <input type="submit" value="submit">&nbsp;&nbsp;&nbsp;
48                      <!--重置按钮 reset即恢复到最初的状体init-->
49                      <input type="reset" value="reset">&nbsp; &nbsp;&nbsp;
50                      <!--空格的使用 &nbsp;表示一个空格-->
51                      <input type="button" value="batton" onclick="javascript: alert('hello world !');">
52                      <!-- <input type="hidden" value="hidden"> -->
53                      <br> 图片:<img src="C:UsersPublicPicturesSample PicturesKoala.jpg"><br>
54 
55                  </form>         
56      </body>
57 
58 </html>
    1. css的语法规则 selector{ property: value };
    2. 一些关于css内的一些自定义,涉及外定义样式和内定义样式等等
    3. 效果:
 1 <html>
 2     <head>
 3         <title>css selector</title>
 4             <link rel="stylesheet" type="text/css" href="css.css">
 5     </head>
 6     <body>
 7     <h1 align="center"><font color="blue">css selector</font></h1><br>              <!--默认样式,定义p为css样式-->
 8         <p>hello world !</p>
 9         <p class="center">hello world!</p>
10         <p class="right">hello world!</p>
11         <p><a href="C:UsersAdministrator.USERSWO-MKA59UHDesktop在家自学内容test.html">这应用是一个</a></p>
12     </body>
13 </html>