一 .单车案例

二. HTML快速入门

　　

红字表示要掌握的内容

超文本标记语言，此处的标记指的即是关键字，其用处是用来写页面（展示数据）。

语法：（1）./当前目录；../ 父级目录

　　　（2）注释符号：<!--....-->　

1. 标签：建议小写，一般成对出现

　　页面展示的数据写在body里面，标签可以嵌套

　　元素（对象）：

　　从标签开始到标签的结束：包含子元素、文本、属性

（1）font（此标签可以给文本赋予颜色）：

（2）img：   <img src="图片路径" />

（3）a    超链接：<a href=”所要跳转的页面”></a>

点击即会跳转到相应的页面

（4）title  ：页面的名字，位于头部中

其中charset是规定当前页面的编码集

（5）<br/> 换行

（6）span 行内文本：如密码输入错误会在那行显示密码有误

（7）<p></p> 段落

（8）<h1></h1> 标题

结果

（9）<hr />    显示一条横线，可以改变颜色和宽度

（10）列表标签

有序列表（默认是以数字排序，也可以通过type="A"改成字母）

结果

无序列表

将上面的ol改为ul即可（默认是圆点）

（11）表单标签  form

输入框中的type表示输入框的类型

 action：当前表单的数据提交到的位置（一般是后台的路径，用于用户和后台交互）

#         ：当前表单的数据提交到本页面

后台怎么知道传来的参数时用户名还是密码等参数=====>给参数取名字，在后台按参数名获取参数，如获取name就是getName

点击提交后，参数会传至url处（get），如下图

 单选框：radio

此处若不在所有的输入框写name="”,则可以多选。在页面显示如下：

会发现，提交后获取不到gender选择的值，直接等于默认值on，解决方法：

name：用户值传递的名字

　　　　用户单选框的分组

 value  单选有默认值on，value修改默认值

添加vale值

页面结果

checked表示默认选中什么值，如下，就表示默认性别为男

  多选框  checkbox

页面显示结果

 下拉框 select，option

页面显示

这样，点击注册后，年月日参数不能被提交到url，解决方法：

页面结果

（12）居中：<center></center>

 2. get请求和post请求

　　get ：数据在地址栏中，相对不安全，大小有限制，不能上传和下载，不容易解决中文乱码

　　post：数据在请求体中，相对安全，大小没有限制，能上传和下载，容易解决中文乱码

　

3. 表格　　

<table></table>表，<tr></tr> 行，<td></td>列

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>表格</title>

    </head>

    <body>

        <center>

            <h1>这是我的表格</h1>

            <table>

                <tr>

                    <td>ID</td>

                    <td>name</td>

                    <td>price</td>

                </tr>

                <tr>

                    <td>ID</td>

                    <td>name</td>

                    <td>price</td>

                </tr>

                <tr>

                    <td>ID</td>

                    <td>name</td>

                    <td>price</td>

                </tr>

            </table>

        </center>

    </body>

</html>

此处是三行三列（行里嵌套列）页面显示如下：

可发现没有边框，解决======>在table标签中添加边框属性，如下

修改后页面显示结果：

可发现有两层边框（内外），去掉内边框（在table标签中添加cellspacing属性），如下

修改后页面显示如下：

表格中可以嵌套其他标签：如下

修改后页面的显示结果

淘宝商品的显示就是这样的

　　　　　　　　　　　　

零基础学习java------31---------共享单车案例，html快速入门（常见标签，get和post的区别）的更多相关文章

  1. 音乐出身的妹纸，零基础学习JAVA靠谱么

    问:表示音乐出身的妹纸一枚  某一天突然觉得身边认识的是一群程序员   突然想 要不要也去试试... 众好友都觉得我该去做个老师,可是我怕我会误人子弟,祸害祖国下一代..... 要不要 要不要 学Ja ...

  2. 总结了零基础学习Java编程语言的几个基础知识要点

    很多Java编程初学者在刚接触Java语言程序的时候,不知道该学习掌握哪些必要的基础知识.本文总结了零基础学习Java编程语言的几个基础知识要点. 1先了解什么是Java的四个方面   初学者先弄清这 ...

  3. 零基础学习java------35---------删除一个商品案例，删除多个商品，编辑（修改商品信息），校验用户名是否已经注册（ajax）

    一. 删除一个商品案例 将要操作的表格 思路图  前端代码 <%@ page language="java" contentType="text/html; cha ...

  4. 零基础学习java------day27-28---------电影评分数据案例，. RPC案例

    一.  电影评分数据案例 movie:电影id rate:用户评分 timeStamp:评分时间 uid:用户id 简化数据: 需求: (1)每个用户评分最高的3部电影 (2)每个用户评分的平均值 ( ...

  5. [原]零基础学习视频解码之安装ffmpeg

    写在文章前面:ffmpeg是一个开源的编解码框架,拥有很强大的功能.但是对于如果使用其来做开发呈现着严重两极分化,大神们讨论着高深的问题,大多数像我这样的小白连门都进不去.最近无意间领会了如何入门,现 ...

  6. 零基础学习hadoop到上手工作线路指导（编程篇）

    问题导读: 1.hadoop编程需要哪些基础? 2.hadoop编程需要注意哪些问题? 3.如何创建mapreduce程序及其包含几部分? 4.如何远程连接eclipse,可能会遇到什么问题? 5.如 ...

  7. 零基础学习hadoop到上手工作线路指导（中级篇）

    此篇是在零基础学习hadoop到上手工作线路指导(初级篇)的基础,一个继续总结. 五一假期:在写点内容,也算是总结.上面我们会了基本的编程,我们需要对hadoop有一个更深的理解: hadoop分为h ...

  8. [原]零基础学习SDL开发之在Android使用SDL2.0显示BMP图

    关于如何移植SDL2.0到安卓上面来参考我的上一篇文章:[原]零基础学习SDL开发之移植SDL2.0到Android 在一篇文章我们主要使用SDL2.0来加载一张BMP图来渲染显示. 博主的开发环境: ...

  9. 零基础学习hadoop到上手工作线路指导初级篇：hive及mapreduce

      此篇是在零基础学习hadoop到上手工作线路指导(初级篇)的基础,一个继续总结.五一假期:在写点内容,也算是总结.上面我们会了基本的编程,我们需要对hadoop有一个更深的理解:hadoop分为h ...

  10. 零基础学Java第一节(语法格式、数据类型)

    本篇文章是<零基础学Java>专栏的第一篇文章,从本篇文章开始,将会连更本专栏,带领大家将Java基础知识彻底学懂,文章采用通俗易懂的文字.图示及代码实战,从零基础开始带大家走上高薪之路! ...

随机推荐

  1. 暴力尝试安卓gesture.key

    import hashlib import os import itertools f = open(r'D:\KEY\gesture.key','r') psd = f.readline() f.c ...

  2. JAVA笔记14__多线程共享数据（同步）/ 线程死锁 / 生产者与消费者应用案例 / 线程池

    /** * 多线程共享数据 * 线程同步:多个线程在同一个时间段只能有一个线程执行其指定代码,其他线程要等待此线程完成之后才可以继续执行. * 多线程共享数据的安全问题,使用同步解决. * 线程同步两 ...

  3. 几十行js实现很炫的canvas交互特效

    几十行js实现很炫的canvas交互特效 废话不多说,先上效果图! 本篇文章的示例代码都是抄的一个叫Franks的老外在yutube上的一个教学视频,他还出了很多关于canvas的视频,十分值得学习, ...

  4. Java测试开发--JSONPath、JSONArray、JSONObject使用（十）

    一.Maven项目,pom.xml文件中导入 <dependency> <groupId>com.alibaba</groupId> <artifactId& ...

  5. PTA甲级1094 The Largest Generation (25分)

    PTA甲级1094 The Largest Generation (25分) A family hierarchy is usually presented by a pedigree tree wh ...

  6. WebJar的打包和使用 　

    前言 WebJar官网:https://www.webjars.org/,对于任何与Servlet 3兼容的容器,WEB-INF/lib目录中的webjar都会自动作为静态资源提供.这是因为WEB-I ...

  7. c++学习笔记(七)

    位运算和sizeof运算符 位运算 C语言中提供了一些运算符可以直接操作整数的位,称为位运算,因此位运算中的操作数都必须是整型的. 位运算的效率是比较高的,而且位运算运用好的话会达到意想不到的效果. ...

  8. FZU_DS_2019_SequenceList

    单选题 2-1   数组A[1..5,1..6]每个元素占5个单元,将其按行优先次序存储在起始地址为1000的连续的内存单元中,则元素A[5,5]的地址为:  A.1120      B.1125   ...

  9. 重新整理 .net core 实践篇——— 权限源码阅读四十五]

    前言 简单介绍一下权限源码阅读一下. 正文 一直有人对授权这个事情上争论不休,有的人认为在输入账户密码给后台这个时候进行了授权,因为认为发送了一个身份令牌,令牌里面可能有些用户角色信息,认为这就是授权 ...

  10. [atARC121D]1 or 2

    对于大小为1的集合,我们可以在其中加入0 因此,枚举0的个数,那么问题即可以看作要求每一个集合大小为2 (特别的,我们允许存在$\{0,0\}$,因为这样删除这两个0显然只会减小极差) 显然此时贪心将 ...