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. mysql中bigint、int、mediumint、smallint 和 tinyint的取值范围

    mysql数据库设计,其中,对于数据性能优化,字段类型考虑很重要,搜集了些资料,整理分享出来,这篇为有关mysql整型bigint.int.mediumint.smallint 和 tinyint的语 ...

  2. Exception in thread java.lang.IllegalThreadStateException

    比较好理解的抛出:非法线程状态抛出 出现这个问题的原因是: 对一个状态为RUNNABLE的线程再次调用start()方法,或者对一个状态为TERMINATED再次调用start()方法. 总之,在线程 ...

  3. 后台输出HTML

    在前台定义CSS样式: <style type="text/css"> .style1 { width: 120px; } .style3 { width: 488px ...

  4. CUBRID学习笔记 6 修改用户密码

    修改密码 可以在web管理中修改. 还有另外两种体位 1  语句 ALTER USER user_name PASSWORD 'any_password_here_in_single_quotes'; ...

  5. git学习笔记03-本地git常用操作及原理-文件增删改

    1.查看git状态 git status  这个可以告诉我们对git做了哪些操,比如增删改 2.既然我们修改了东西,有的时候想看看修改了什么,毕竟我们的记忆力并不如电脑 git diff 文件名 (默 ...

  6. 基于Linux的oracle数据库管理 part6 (backup 相关的脚本)

    这里只是简单的介绍几种 备份方法 备份: 逻辑备份, 冷备份, 热备份 逻辑备份 也称作 导入(import), 导出(export), 作用是在不同的oracle数据库之间转移数据 物理备份, 就是 ...

  7. hdu4588Count The Carries

    链接 去年南京邀请赛的水题,当时找规律过的,看它长得很像数位dp,试了试用数位dp能不能过,d出每位上有多少个1,然后TLE了..然后用规律优化了前4位,勉强过了. 附数位dp代码及找规律代码. #i ...

  8. MATLAB中的nargin与varargin的用法

    nargin的用法: nargin:number of function input arguments,指的是一个函数的输入变量的个数. 用法:nargin或着nargin(fx), 其中fx指的是 ...

  9. 使用bufferevent进行libevent服务端和客户端的开发

    参考了网上的一些例子,实验了基于bufferevent的开发. 首先是服务端: #include <netinet/in.h> #include <sys/socket.h> ...

  10. Android 自定义列表指示器

    在联系人界面 可以看到这种界面 手指快速滑动右边滑动条时 可以显示相应的字母图标 android里提供了android.widget.SectionIndexer这个接口去实现该效果 可是只能显示字母 ...