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

一 .单车案例

二. 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的区别）

最新文章

热门文章