JavaWeb学习之环境搭建

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

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

表单（form）:

浏览器内核： WebKit , trident
Javascript:alert(‘？’); --->java脚本语言
我的第一个html程序：
代码如下：

 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>

效果图：

css的语法规则 selector{ property: value }；
一些关于css内的一些自定义，涉及外定义样式和内定义样式等等

 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在家自学内容	est.html">这应用是一个</a></p>
12     </body>
13 </html>

效果：