首页 > 代码库 > JavaWeb学习之环境搭建

JavaWeb学习之环境搭建

2024-07-12 19:55:58   228人阅读

 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.mamicode.com/‘http://www.baidu.com‘>进入相应的链接"color: #008080;">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="http://www.mamicode.com/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="http://www.mamicode.com/submit">&nbsp;&nbsp;&nbsp;48                      <!--重置按钮 reset即恢复到最初的状体init-->49                      <input type="reset" value="http://www.mamicode.com/reset">&nbsp; &nbsp;&nbsp;50                      <!--空格的使用 &nbsp;表示一个空格-->51                      <input type="button" value="http://www.mamicode.com/batton" onclick="javascript: alert(‘hello world !‘);">52                      <!-- <input type="hidden" value="http://www.mamicode.com/hidden"> -->53                      <br> 图片：<img src="http://www.mamicode.com/C:/Users/Public/Pictures/Sample Pictures/Koala.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="http://www.mamicode.com/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="http://www.mamicode.com/C:/Users/Administrator.USERSWO-MKA59UH/Desktop/在家自学内容/test.html">这应用是一个</a></p>12     </body>13 </html>

      效果：


联系
我们