一 .单车案例

二. 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. Python ImportError: No module named '_tkinter', please install the python3-tk package

    ImportError: No module named '_tkinter', please install the python3-tk package 这个问题的原因是使用的python3环境内 ...

  2. hdu 1080 Human Gene Functions（DP）

    题意: 人类基因由A.C.G.T组成. 有一张5*5的基因表.每格有一个值,叫相似度.例:A-C:-3.意思是如果A和C配对, 则它俩的相似度是-3[P.S.:-和-没有相似度,即-和-不能配对] 现 ...

  3. 详细剖析Spring Cloud 和Spring Cloud Alibaba的前世今生

    我们知道spring cloud可以用来开发微服务,但是应该很少有人真正知道Spring Cloud是什么. 官方的解释是:spring cloud提供了一些可以让开发者快速构建分布式应用的工具,这些 ...

  4. C++ 函数模板和函数重载同时出现如何调用

    C++ 函数模板和函数重载同时出现如何调用 重点 函数模板不允许自动转换,普通函数可以进行自动类型转换 函数模板可以像普通函数一样被重载 C++编译器优先考虑调用普通函数 如果函数模板可以产生一个更好 ...

  5. JMeter 5.4 打开测试计划 报错：Unexpected error

    保存测试计划名为: 新增用户.jmx 关闭 JMeter 再次打开JMeter : 双击 jmeter.bat JMeter 启动 打开 新增用户.jmx Unexpected error. 看上图 ...

  6. JavaScript高阶函数之filter、map、reduce

    JavaScript高阶函数 filter(过滤) 用法: 用于过滤,就是把数组中的每个元素,使用回调函数func进行校验,回调函数func返回一个布尔值,将返回值为 true 的元素放入新数组 参数 ...

  7. newInstance方法

    1.new 是java中的关键字,是创建一个新对象的关键字.用new这个关键字的话,是调用new指令创建一个对象,然后调用构造方法来初始化这个对象,如果反编译class的话,会看到一个Object o ...

  8. 导出 doc

    ... /** * 导出word * @return * @throws Exception */ @JCall public String word() throws Exception{ Stri ...

  9. [loj3069]整点计数

    1.基础知识 定义 定义1.1(高斯整数):$\mathbb{Z}[i]=\{a+bi\mid a,b\in Z\}$(其中$i$为虚数单位,即$i^{2}=-1$) 定义1.2(范数):$N(\al ...

  10. [bzoj4003]城市攻占

    倍增,对于每一个点计算他走到$2^i$次祖先所需要的攻击力以及最终会变成什么(一个一次函数),简单处理即可(然而这样是错的,因为他只保证了骑士的攻击力可以存,并没有保证这个一次函数的系数可以存)(其实 ...