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:\Users\Public\Pictures\Sample Pictures\Koala.jpg"><br>
    54 
    55                  </form>         
    56      </body>
    57 
    58 </html>

    效果图:

  6. JavaWeb学习之环境搭建
    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:\Users\Administrator.USERSWO-MKA59UH\Desktop\在家自学内容\test.html">这应用是一个</a></p>
      12     </body>
      13 </html>

      效果:
      JavaWeb学习之环境搭建

JavaWeb学习之环境搭建,布布扣,bubuko.com

JavaWeb学习之环境搭建

上一篇:Spring Ioc知识整理


下一篇:[MAC] Load Crypto.Cipher.ARC4 Failed, Use Pure Python Instead.