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. STREAM Benchmark

    STREAM Benchmark及其操作性能分析 文/raywill STREAM 是业界广为流行的综合性内存带宽实际性能 测量 工具之一.随着处理器处理核心数量的增多,内存带宽对于提升整个系统性能越 ...

  2. 【转载】OLE DB, ADO, ODBC关系与区别

    原文:OLE DB, ADO, ODBC关系与区别 OLE DB, ADO, ODBC 一. ODBC(Open Database Connectivity,开放数据库互连)是微软公司开放服务结构(W ...

  3. Mysql 中 text类型和 blog类型的异同

    MySQL存在text和blob: (1)相同 在TEXT或BLOB列的存储或检索过程中,不存在大小写转换,当未运行在严格模式时,如果你为BLOB或TEXT列分配一个超过该列类型的最大长度的值值,值被 ...

  4. [SAP ABAP开发技术总结]逻辑数据库

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  5. python_way day21 Django文件上传Form方式提交，原生Ajax提交字符处啊，Django文件上传之原生Ajax方式、jQuery Ajax方式、iframe方式，Django验证码，抽屉示例，

    python_way day21 1.Django文件上传至Form方式 2.原生Ajax文件上传提交表单 使用原生Ajax好处:不依赖jquery,在发送一个很小的文件或者字符串的时候就可以用原生A ...

  6. 细说 Request[]与Request.Params[]

    http://www.cnblogs.com/fish-li/archive/2011/12/06/2278463.html

  7. js 读写cookie。不同路径会储存各自的cookie。而 在v.net环境下读写是在 / 根目录。

    所以如果全站不分path 的 话.应该显示的写上 path .设置为根目录 function setCookie(name, value) { document.cookie = name + &qu ...

  8. [转载] 读《UNIX网络编程 卷1：套接字联网API》

    原文: http://cstdlib.com/tech/2014/10/09/read-unix-network-programming-1/ 文章写的很清楚, 适合初学者 最近看了<UNIX网 ...

  9. LCA模板

    /*********--LCA模板--***************/ //设置好静态参数并构建好图的邻接表,然后调用lca_setquery()设置查询 //最后调用lca_start(),在lca ...

  10. 转：SQL的内连接与外连接

    参考:http://www.cuiyongjian.com/post-130.html 在oracle的SQL语句常用的连接有内连接(inner join),外连接(outer join)等,内连接又 ...