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. include_path详细解析

    include_path详细解析     原文地址:http://www.laruence.com/2010/05/04/1450.html 1.php默认的包含路径为 .;C:\php\pear 即 ...

  2. .NET/C# 使用Stopwatch测量运行时间

    Stopwatch类:http://msdn.microsoft.com/zh-cn/library/system.diagnostics.stopwatch(v=vs.100).aspx 常用属性和 ...

  3. Nginx基础知识之————Nginx 环境的搭建？

    本课时主要给大家讲解如何在 Linux 系统下搭建 Nginx 和 Nginx 搭建过程中常见问题的知识,并结合实例让学员掌握 Nginx 环境的搭建. 下载解压: 安装gcc-c++ 从新配置文件: ...

  4. MySql 去重且指定某字段在前的排序方法

    今天遇到一个棘手的数据查找并去重的问题: 情况: 1.取出数据库中的数据: 2.同一字段A,不同情况<值,如A值为:a1,a2>下取出的其他数据可能相同: 3.将2情况下的重复数据< ...

  5. Generator 函数的含义与用法

    Generator 函数是协程在 ES6 的实现,最大特点就是可以交出函数的执行权(即暂停执行). function* gen(x){ var y = yield x + 2; return y; } ...

  6. jquery input选择弹框

    index.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pag ...

  7. lmdb存储的一些库相关函数

    MDB_env 为一个结构体,Opaque structure for a database environment. MDB_txn :Opaque structure for a transact ...

  8. Android广播BroadcastReceiver 一

    Android 系统里定义了各种各样的广播,如电池的使用状态,电话的接收和短信的接收,开机启动都会产生一个广播.当然用户也可以自定义自己的广播. 既然说到广播,那么必定有一个广播发送者,以及广播接收器 ...

  9. [js] 有趣的js面试题，你答对了吗？

    题目1: 回答以下代码,alert的值分别是多少?

  10. mysql 前缀索引

    计算适合设置索引的长度,直到去重以后在一个固定值. 根据去重以后适合的长度设置索引. 计划查询