一 .单车案例

二. 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. java随手记 基础

    import java.util.Scanner; //Scanner is in this package 明确导入 import java.util.*; //通配符导入 两者性能上无区别 pub ...

  2. 用C++实现俄罗斯方块(Tetris)游戏

    我是一个C++初学者,控制台实现了一个俄罗斯方块游戏. 代码如下: //"俄罗斯方块"V1.0 //李国良于2017年1月20日编写完成 #include <iostream ...

  3. 25.A Famous Music Composer

    描述 Mr. B is a famous music composer. One of his most famous work was his set of preludes. These 24 p ...

  4. printf("%d\n",printf("%d",printf("%d",i)));

    #include <stdio.h> int printf( const char *format, ... );首先 得看printf的返回类型是 int 这个函数的返回值是 你输出的位 ...

  5. vite2 + vite.config.js 比较坑的环境变量，vite2模式的使用

    想在vite.config.js 里面判断一下环境,看看是不是开发环境,查了一下官网(https://cn.vitejs.dev/guide/env-and-mode.html),说是 可以使用 im ...

  6. [cf1083F]The Fair Nut and Amusing Xor

    令$c_{i}=a_{i}\oplus b_{i}$,那么也就是要对$c_{i}$执行操作使其变为0 显然有一个贪心的策略,即从左往右,若当前$c_{i}\ne 0$,则执行对$[i,i+k)$异或$ ...

  7. [luogu5163]WD与地图

    将删边改为插边,如果是无向图直接线段树合并即可,考虑如何将有向边转换为无向边 令$t_{i}$表示当插入到第$t_{i}$条边时恰好满足$x_{i}$与$y_{i}$在同一个强连通分量中,然后分类讨论 ...

  8. [bzoj1113]海报

    ans肯定不会超过n,因为我们可以每一列都放一个矩阵考虑减小答案,肯定是要放横的,也就是让两个高度一样的矩阵同时被消除掉,那么中间不能存在比他们低的矩阵问题即判断一个点之前第一个小于等于它的点是不是等 ...

  9. Redis | 第一部分：数据结构与对象 下篇《Redis设计与实现》

    目录 前言 1. Redis对象概述 1.1 对象的定义 2. 字符串对象 3. 列表对象 3.1 quicklist 快速链表 4. 哈希对象 5. 集合对象 6. 有序集合对象 7. Redis对 ...

  10. mybatis避免sql的like注入

    <select id="NotInByEvalQuestion" resultType="com.rm.eval.entity.EvalQnQuestion&quo ...