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

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

表单（form）:

  1. 浏览器内核： WebKit , trident
  2. Javascript:alert(‘？’);  --->java脚本语言
  3. 我的第一个html程序：
  4. 代码如下：
  5.  <html>
    
      <head>
    
          <title> 龚细军的网站</title>
    
      </head>

      <body>
    
          <!---font 表示字体 border用来显示线条-->
    
          <h1><font color ="green">龚细军的小窝</font></h1>&nbsp; &nbsp;
    
          <a href='http://www.baidu.com'>进入相应的链接</a>
    
          <table border="2" align="left" width="40%">
    
              <tr>
    
                  <td align="center"><b>围棋</b></td>
    
                  <td align="center"><b>军旗</b></td>
    
                  <td align="center"><b>水汽</b></d>
    
                  </tr>
    
              <tr>
    
                          <th>aa</th>
    
              <th>bb</th>
    
              <th>ee</th>
    
                  </tr>
    
          </table>
    
          <form align="left">
    
              <br> <br><br>
    
              <!--文本框的使用-->
    
              <b>username :</b> <input type="text" value="hello world!"><br>
    
              <b>passwoed :</b> <input type="password"><br><br>
    
                <!--多选按钮 checkbox-->
    
              兴趣： 学习<input type="checkbox">
    
                     旅游<input type="checkbox">
    
                 睡觉<input type="checkbox"><br><br>
    
                <!--单选按钮 radio 注意要想达到互斥，必须放在同一个组中，即取相同的名字即可表示在同一个组中-->
    
              性别:  男 <input type="radio" name="Gxjun">
    
                    女 <input type="radio" name="Gxjun"><br>
    
                <!--下拉表单 select-->
    
                学历：<select>
    
                                  <option>小学</option>
    
                  <option>中学</option>
    
                  <option>高中</option>
    
                  <option>大学</option>
    
              </select><br>
    
                         <!--文本区 TEXTAREA-->
    
                 评论： <textarea width="5" height="5" align="left">
    
                  </textarea><br>
    
                      <!--文件上传 type file--
    
                      <b><font color="red"> 文件上传：</font></b><input type="file"><br>
    
                      <!--按钮的一些使用比如 submit-->
    
                      <input type="submit" value="submit">&nbsp;&nbsp;&nbsp;
    
                      <!--重置按钮 reset即恢复到最初的状体init-->
    
                      <input type="reset" value="reset">&nbsp; &nbsp;&nbsp;
    
                      <!--空格的使用 &nbsp;表示一个空格-->
    
                      <input type="button" value="batton" onclick="javascript: alert('hello world !');">
    
                      <!-- <input type="hidden" value="hidden"> -->
    
                      <br> 图片：<img src="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg"><br>

                  </form>
    
      </body>

 </html>

    效果图：

    1. css的语法规则 selector{ property: value }；
    2. 一些关于css内的一些自定义，涉及外定义样式和内定义样式等等
    3.  <html>
      
     <head>
      
         <title>css selector</title>
      
             <link rel="stylesheet" type="text/css" href="css.css">
      
     </head>
      
     <body>
      
     <h1 align="center"><font color="blue">css selector</font></h1><br>              <!--默认样式，定义p为css样式-->
      
         <p>hello world !</p>
      
         <p class="center">hello world!</p>
      
         <p class="right">hello world!</p>
      
         <p><a href="C:\Users\Administrator.USERSWO-MKA59UH\Desktop\在家自学内容\test.html">这应用是一个</a></p>
      
     </body>
      
 </html>

      效果：

JavaWeb学习之环境搭建的更多相关文章

  1. hive_学习_01_hive环境搭建(单机)

    一.前言 本文承接上一篇:hbase_学习_01_HBase环境搭建(单机),主要是搭建 hive 的单机环境 二.环境准备 1.说明 hive 的下载来源有: 官方版本:http://archive ...

  2. hbase_学习_01_HBase环境搭建(单机)

    一.前言 本文承接上一篇:hadoop_学习_02_Hadoop环境搭建(单机)  ,主要是搭建HBase的单机环境 二.环境准备 1.说明 hbase 的下载来源有: 官方版本:http://arc ...

  3. hadoop_学习_02_Hadoop环境搭建(单机)

    一.环境准备 1.说明 hadoop的下载来源有: 官方版本:http://archive.apache.org/dist/hadoop/ CDH版本:http://archive.cloudera. ...

  4. 从0开始学爬虫9之requests库的学习之环境搭建

    从0开始学爬虫9之requests库的学习之环境搭建 Requests库的环境搭建 环境:python2.7.9版本 参考文档:http://2.python-requests.org/zh_CN/l ...

  5. Ubuntu16.04深度学习基本环境搭建，tensorflow , keras , pytorch , cuda

    Ubuntu16.04深度学习基本环境搭建,tensorflow , keras , pytorch , cuda Ubuntu16.04安装 参考https://blog.csdn.net/flyy ...

  6. ubuntu 深度学习cuda环境搭建，docker-nvidia 2019-02

    ubuntu 深度学习cuda环境搭建 ubuntu系统版本 18.04 查看GPU型号(NVS 315 性能很差,比没有强) 首先最好有ssh服务,以下操作都是远程ssh执行 lspci | gre ...

  7. Python基础学习之环境搭建

    Python如今成为零基础编程爱好者的首选学习语言,这和Python语言自身的强大功能和简单易学是分不开的.今天我们将带领Python零基础的初学者完成入门的第一步——环境搭建.本文会先来区分几个在P ...

  8. 001-深度学习Pytorch环境搭建(Anaconda , PyCharm导入)

    001-深度学习Pytorch环境搭建(Anaconda , PyCharm导入) 在开始搭建之前我们先说一下本次主要安装的东西有哪些. anaconda 3:第三方包管理软件. 这个玩意可以看作是一 ...

  9. 人工智能之深度学习-初始环境搭建（安装Anaconda3和TensorFlow2步骤详解）

    前言: 本篇文章主要讲解的是在学习人工智能之深度学习时所学到的知识和需要的环境配置(安装Anaconda3和TensorFlow2步骤详解),以及个人的心得体会,汇集成本篇文章,作为自己深度学习的总结 ...

随机推荐

  1. OGNL调用静态方法和属性

    ognl的全名是 Object-Graph Navigation Language 表示的是图对象导航语言...我觉得它最厉害的一点是,通过"."来实现对象的导航...下面看他他的 ...

  2. scala的传名参数

    scala如果你想实现像if ,while等类似的控制结构,根本没有值要传入花括号{}直接的代码里.要怎么实现. 比如说,我们要实现一个断言的控制结构,myAssert(), myAssert函数参考 ...

  3. TreeView控件

    public partial class WebForm1 : System.Web.UI.Page { DataSet dsTreeView = new DataSet(); protected v ...

  4. iOS - UITouch

    前言 NS_CLASS_AVAILABLE_IOS(2_0) @interface UITouch : NSObject @available(iOS 2.0, *) public class UIT ...

  5. 没办法，还是要补一下js，回调函数（转载）

    <html> <head> <title>回调函数(callback)</title> <script language="javasc ...

  6. Python内置函数filter, map, reduce

    filter.map.reduce,都是对一个集合进行处理,filter很容易理解用于过滤,map用于映射,reduce用于归并. 是Python列表方法的三架马车. 1. filter函数的功能相当 ...

  7. Linux数字权限解释

    linux系统文件夹644.755.777权限设置详解 ,左至右,第一位数字代表文件所有者的权限,第二位数字代表同组用户的权限,第三位数字代表其他用户的权限. 而具体的权限是由数字来表示的,读取的权限 ...

  8. Java用WebSocket + tail命令实现Web实时日志

    原文:http://blog.csdn.net/xiao__gui/article/details/50041673 在Linux操作系统中,经常需要查看日志文件的实时输出内容,通常会使用tail - ...

  9. git123

    一:安装git和配置 1.下载 Git for windows,双击开始安装,一路采取默认选项,一路next,即可安装完毕.为了在你的电脑和github之间建立安全连接,需要SSH keys,所以你需 ...

  10. ios中javascript直接调用oc代码而非通过改变url回调方式(转)

    之前一个ios项目中,需要通过UIWebview来打开一个静态页面,并在静态页面中 调用相关object-c代码. 一.以前使用js调用object-c的方法 关于如何使用javascript调用ob ...