当前位置：首页 > news >正文

HTML/JOSN复习总结

news 2025/7/13 8:40:10

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的语法格式

  <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>