HTML/JOSN复习总结

HTML

基础

什么是 HTML?

1.HTML是一门语言，所有的网页都是用HTML这门语言编写出来的

2.HTML(HyperText Markup Language):超文本标记语言。

>超文本:超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容

>标记语言:由标签构成的语言

3.HTML运行在浏览器上，HTML标签由浏览器来解析

4.HTML 标签都是预定义好的。

https://www.w3school.com.cn/

5.基本结构

复制代码

<!--html的版本-->
<!DOCTYPE html>
<!--告知浏览器该网页是一个英语网页-->
<html lang="en">
<head>
  <!--  定义字符集-->
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

<table width="50%" border="1" cellspacing="0">
  <tr height="50">
    <th>序号</th>
    <th>品牌名称</th>
    <th>企业名称</th>
  </tr>
  <tr align="center" >
    <td>010</td>
   <td>三只松鼠</td>
    <td>三只松鼠</td>
  </tr>
  <tr align="center">
    <td>009</td>
    <td>优衣库</td>
    <td>优衣库</td>
  </tr>
  <tr align="center">
  <td>008</td>
  <td>小米</td>
  <td>小米科技有限公司</td>
</tr>
</table>

布局标签

<div>: 定义 HTML文档中的一个区域部分，经常与CSS一起使用，用来布局网页

<span>: 用于组合行内元素

表单标签

表单:在网页中主要负责数据采集功能，使用<form>标签定义

表单表单项(元素):不同类型的 input 元素、下拉列表、文本域等

标签
<form> 定义表单
<input> 定义表单项，通过type属性控制输入形式
<label> 为表单项定义标注
<select> 定义下拉列表
<option> 定义下拉列表的列表项
<textarea> 定义文本域

form: >action:规定当提交表单时向何处发送表单数据，URL又

>method :规定用于发送表单数据的方式

get:浏览器会将数据直接附在表单的 action URL之后。大小有限制

post:浏览器会将数据放到http请求消息体中。大小无限制

JSON

JSON简述

介绍：

JSON(JavaScript Object Notation，Js对象简谱)是一种轻量级的数据交换格式。它基于

ECMAScript(欧洲计算机协会制定的S规范)的一个子集，采用完全独立于编程语言的文本格式来存

储和表示数据。简洁和清晰的层次结构使得ISON成为理想的数据交换语言。易于人阅读和编写，

同时也易于机器解析和生成，并有效地提升网络传输效率。

JSON的特点:

1.JSON是一种轻量级的数据交换格式。

2.JSON采用完全独立于语言的文本格式，就是说不同的编程语言JSON数据是一致的。

3.JSON易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。

XML与JSON的区别

1.XML:可扩展标记语言，是一种用于标记电子文件使其具有结构性的标记语言。

2.JSON:JSON(avaScript Object Notation，JS对象简谱)是一种轻量级的数据交换格式。

3.相同点:它们都可以作为一种数据交换格式。

3.区别:

XML是重量级的，ISON是轻量级的，XML在传输过程中比较占带宽ISON占带宽少，易于压缩。

XML和JSON都用在项目交互下，XML多用于做配置文件，JSON用于数据交互。

JSON的语法格式

javascript 复制代码

  <script>
    let person = {
        "id":110,
        "name":"tom",
        "sex":"女",
        "age":18
    };
    console.log(person);

  //用数组存储json数据
    let persons = {
        "persons":[
            {
                "id":110,
                "name":"tom",
                "sex":"女",
                "age":18
            },
            {
                "id":111,
                "name":"to",
                "sex":"女",
                "age":18
            },
            {
                "id":112,
                "name":"tm",
                "sex":"女",
                "age":18
            }
        ]
    };
    console.log(persons);

    //集合存储json数据
    let list = [
        {
            "id":110,
            "name":"tom1",
            "sex":"女",
            "age":18
        },
        {
            "id":111,
            "name":"to2",
            "sex":"女",
            "age":18
        },
        {
            "id":112,
            "name":"tm3",
            "sex":"女",
            "age":18
        }
    ];
    console.log(list);
</script>

JSON数据的转换

Fastison是阿里巴巴提供的一个java语言编写的高性能功能完善的JSON库，是目前Java语言中最快的JSON库，可以实现Java对象和JSON字符串的相互转换。

使用:.

1.导入坐标
<dependency>

<groupld>com.alibaba</groupld>

<artifactld>fastjson</artifactld>

</dependency>

2.Java对象转JSON

String jsonStr=JsoN.toJSONString(obj);

3.JSON字符串转Java对象

User user=jsON.parseObject(jsonStr, User.class);