嵌入式学习笔记DAY36(事务、网页制作、HTTP协议）
一、事务（TRANSACTION)
指的是在数据库过程中执行一系列操作的过程，并不是简单的一条动作而是多条（批量操作），这个过程被称为事务。
好处：在执行批量操作时，如果批量操作比较耗时，在途中如果出现服务器崩了等情况，即一系列操作中出现失败，可以执行回滚，是支持撤销的（因为数据库要保证数据的正确性、完整性）
- BEGIN TRANSACTION：表示告诉服务器我要开始进行批量操作
- COMMIT：提交（保存的意思），相当于这段就写进数据库里了
- 中途出错要回退，就执行row back操作，执行回滚
- 没开事务的就直接操作在数据库上了
- 开了事务，会更加节省时间，直接批量进行插入操作
二、网页制作
1.标准格式
<!DOCTYPE html>
<html ><head><meta charset="utf-8"><title>中文测试。。。。</title></head>
<body>这里是测试body测试内容。。。
</body>
</html>
设计好之后，还要搭配web服务器使用
2.基本标签
- <h1></h1> ：范围1~6，双标签，标题标签，h1最大，依次减小；
- <p></p>：段落标签，有换行的效果；
- <hr>：单标签，分隔符；
- <!-- -->：注释；
3.元素属性 （www.3school.com.cn)
语法：<标签 属性1=参数1 属性2=参数2>
- align left（right、center）
功能：将元素向左对齐（向右对齐、居中）
- bgcolor body的属性设置网页的背景色
eg：<body bgcolor="0xff1234" bgcolor="0xff1234">
4.文本元素属性
- <b>内容</b>：对内容进行加粗
- <br>：换行 如果是p标签中间有间隔
- <i>内容</i>：字体倾斜
- <del>内容</del>：删除文字
- strong 强调一段文字，效果类似 b标签
- <u>内容</u>：对内容加下划线
- <small></small>：超小字体
- <sub></sub>：下标 <br>h<sub>2</sub>0
- <sup></sup>：上标 <br>100m<sup>2</sup>
- <ruby>二姐 <rt>(er) (jie)<rt></ruby>：在文字上方加注释
- <mark> </mark> ：加黄色背景
5.超链接
- 链接外部网站：<a href="http://www.baidu.com">baidu</a>
- 链接本地文件：<br><a href="1.html">1111</a>
- 图片链接：<br><a href="1.html"><img src="abc.jpg"></a>
- 电子邮件链接：<br><a href="mailto:123@13.com">contract me</a>
- 下载文件链接：<br><a href="abc.jpg">下载</a>
说明：上面的方法在打开新网页时，老的网页会关闭
target 属性
_self :当前位置打开 默认值
_blank 新窗口中打开
<a href="http://www.baidu.com" target="_blank">baidu</a>
6.img 单标签
src 表示图像来源
alt 如果不能正确打开，显示的文字
width, heigh
<img src="abc.jpg" alt="美女" width="100" height="200">
<img src="abc.jpg" alt="美女" width="50%" height="200%">
百分比是相对于网页而言的， 高度百分比无效的
7.列表
- 可分为有序列表、无序列表、自定义列表
- 无序列表
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
</ul>
- type属性 文字最前面的符号
disc 黑色实心圆
circle 白色空心圆
square 黑色方块- 有序列表
<ol>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
</ol>
- 其中可以放文字，图片，或链接
有type属性，设置排序使用什么数字
start 开始值，后面的++
8. 表格
- 表格的构成——table、外框、tr 行 、td 列
<table>
<tr><td>1-1</td><td>1-2</td><td>1-3</td></tr>
<tr><td>2-1</td><td>2-2</td><td>2-3</td></tr>
<tr><td>3-1</td><td>3-2</td><td>3-3</td></tr>
</table>
表示3行 3列的表格
- 表格的属性
border 边框粗细
th,是tr的属性，列标题，自动居中，加粗
- 表格的合并：
colspan：横向合并单元格，需要 整形参数：<th colspan="3">name</th></tr>
rowspan：列项合并，整数参数
9.html实体
用于输出一些特殊的字符，有些特殊的字符不能直接在网页中直接显示的/
10.表单
<form></form>
<!-- 表单中重要的字元素 input button -->
<!-- 属性 action，指定表单发送的地址 -->
<!-- 属性 method 发送的方式 get，post -->
<!--get方法 数据会附加到url的后面传递给服务器 默认-->
<!--post，将数据包大包发给服务器，等候服务器来读取 -->input元素，（输入框）是表单的一个字属性
指定表单中的内容项，比如输入内容的文本框
可以指定表单属性，也可以放在表单的外面。
input元素的属性：
type，指定输入框的类型，text单行文本，password密码，submit提交按钮，
reset，重置按键，button按键，普通的按键需要和特定的时间关联。
image：图片式按键
hidden:隐藏字段，该内容不显示在页面上，提交其他的一些变量。
email: 是一个邮箱类型，新特性，可能支持有差异
required:表示内容必须填写，不然不能提交。
name：名称，输入内容识别名称，传递参数时候的参数名称
value： 默认值，输入框默认填入的内容，
maxlength，指定最大长度
placeholder,设置提示信息的。
三、HTTP协议
1.万维网WWW
2.URL 统一资源定位符
3.HTTP 超文本传输协议
4.报文说明
GET / HTTP/1.1 GET表示浏览器想从服务器获取信息/ 表示获取该网页的首页Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7 期望回复数据的类型
Accept-Encoding: gzip, deflate
Accept-Language: zh-CN,zh;q=0.9
Connection: keep-alive 连接方式：长连接
Host: news.sohu.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36
用户代理HTTP/1.1 200 OK
Date: Wed, 11 Jun 2025 08:13:27 GMT
Content-Type: text/html;charset=utf-8
Server: openresty webserver apache ngix
Content-Encoding: gzip
Connection: keep-alive