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. CodeForces 483B Friends and Presents

     Friends and Presents Time Limit:1000MS     Memory Limit:262144KB     64bit IO Format:%I64d & %I ...

  2. Cheatsheet: 2014 02.01 ~ 02.28

    Database Managing disk space in MongoDB When to use GridFS on MongoDB .NET The Past, Present, and Fu ...

  3. CentOS 7一些常用配置

    一.更改启动模式 背景:个人开发环境,安装了GNOME桌面,默认启动是图形化模式. 修改为命令行模式. systemctl set-default multi-user.target 二.命令行模式下 ...

  4. Beaglebone Black–GPIO 开关 LED（三极管与继电器实验）

    上一篇,用 GPIO 直接供电给 LED,用高低电平作开关,不靠谱.GPIO 是信号用的,不是当电源用的.而且,一个 GPIO 只能给可怜的 5mA 左右,取多了会烧(我没烧过不知道是不是真的会烧,但 ...

  5. java正则API简单解析

    java.util.regex是一个用正则表达式所订制的模式来对字符串进行匹配工作的类库包. 1.简介: java.util.regex是一个用正则表达式所订制的模式来对字符串进行匹配工作的类库包. ...

  6. POJ 3069 Saruman's Army（萨鲁曼军）

    POJ 3069 Saruman's Army(萨鲁曼军) Time Limit: 1000MS   Memory Limit: 65536K [Description] [题目描述] Saruman ...

  7. iOS - Sign up/in 注册/登录

    1.Sign up/in 1.1 用户登录安全原则 不能在网络上传输用户隐私数据的明文. 不能在本地和服务器上存储用户隐私数据的明文. 1.2 用户登录流程 登录成功之后,应该跳转视图控制器到主页. ...

  8. JavaWeb学习总结（二）—http协议

    http协议概念: * 即超文本传输协议.它规定了浏览器与服务器之间的通讯规则. * http是基于请求/响应模式的,所以分为请求协议和响应协议 http的类型: HTTP协议的版本:HTTP/1.0 ...

  9. Python学习笔记12—类

    典型的类和调用方法: #!/usr/bin/env Python # coding=utf-8 __metaclass__ = type #新式类 class Person: #创建类 def __i ...

  10. C++中构造函数调用构造函数

    今天想做道矩阵的题目时,却卡在一些编程细节上了,找了好久才发现原来是在构造函数处出了问题,然后上网百度了下,发现这篇文章说得很好:从一道题谈C++中构造函数调用构造函数,很棒! 还补充一点: 看来自己 ...