一 .单车案例

二. 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. 跳台阶 牛客网 剑指Offer

    跳台阶 牛客网 剑指Offer 题目描述 一只青蛙一次可以跳上1级台阶,也可以跳上2级.求该青蛙跳上一个n级的台阶总共有多少种跳法(先后次序不同算不同的结果). class Solution: #ru ...

  2. 整数转化 牛客网 程序员面试金典 C++ Python

    整数转化 牛客网 程序员面试金典 C++ Python 题目描述 编写一个函数,确定需要改变几个位,才能将整数A转变成整数B. 给定两个整数int A,int B.请返回需要改变的数位个数. 测试样例 ...

  3. linux 内核源代码情景分析——linux 内存管理的基本框架

    386 CPU中的页式存管的基本思路是:通过页面目录和页面表分两个层次实现从线性地址到物理地址的映射.这种映射模式在大多数情况下可以节省页面表所占用的空间.因为大多数进程不会用到整个虚存空间,在虚存空 ...

  4. 倒谱Cepstrum本质的理解

    1.理解: 信号叠加时,不是都是线性关系(时域相互+ 频率相加):有的时候是两种信号成分相乘得到的,(时域卷积,频域相乘):比如很多齿轮啮合时振动信号调制现象,电机的轴向与径向的振动耦合时采集到的振动 ...

  5. Python学习路线【对标大厂Python工程师的招聘要求，并推荐优质免费资源】打卡学习不迷茫

    您好,我是码农飞哥,感谢您阅读本文,欢迎一键三连哦. 本文要点:从Python爬虫工程师的招聘要求出发制定学习路线,同时还推荐免费优质的学习资源. 打卡学习不迷茫. 干货满满,建议收藏,需要用到时常看 ...

  6. 【java+selenium3】select 下拉选 (八)

    一.select 下拉框 1.下拉选的处理类:Select 如果页面元素是一个下拉框,我们可以将此web元素封装成Select对象. Select select = new Select(WebEle ...

  7. JMeter跨线程组保持登录（多线程组共享cookie）

    使用__setProperty设置全局变量: 1.jmeter中创建一个登录请求,然后执行,察看结果树-->查看返回cookie信息,我的是在Response data中的 Response h ...

  8. css 马赛克悬停效果

    css 马赛克悬停效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

  9. SqlServer新建表操作DDL

    创建新表:1,五要素 2,not null 3,默认值 4,字段注释,表名称 5,索引 6,指定约束名称 -- ------------------------------ Table structu ...

  10. springboot和springcloud版本上的选择

    现在的springboot项目和cloud版本都是更新很快,但我们开发不是版本越新越好,我们要把版本对应起来,那么我们怎么去关联呢? springboot和springcloud不是越新越好,clou ...