<!DOCTYPE html>
<html lang="en">
<!-- 文档的根标签 -->
<head>
<!-- 头，标签处 -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>7.9上午</title><!-- 适配搜索引擎 只能用一个 -->
<link><!-- 链接CSS，引入CSS样式 -->
<style></style><!-- 定义CSS样式 -->
<script></script><!-- 定义和引入JS，，，同时拥有上面CSS的两种功能 -->
</head>
<body>
<!-- 身体，目前来说，所有在网页上能看的东西都是body里的 -->
我是帅逼
<h1>我是帅逼</h1><!-- h1~h6 标题标签，字体变粗变大变黑，上下空一行 -->
<h2>我是帅逼</h2>
<h7>我是帅逼</h7><!-- 无效标签，会显示，但没有任何功能 -->
<p>我是大帅比</p><!-- 段落标签 ，上下空一行 -->
<p>我是大帅比2.0</p>
我是大<br><!-- 换行，相当于Word打字的空格 -->
帅比
<b>我是大帅比3</b><!-- 加粗 --><br>
<code>我是大帅比3</code><br>
<!-- 计算机代码 -->
<em>我是大帅比3</em><br>
<!-- 强调文本，字体倾斜 -->
<i>我是大帅比3</i><br>
<!-- 斜体，和字体倾斜不同 -->
<kbd>我是大帅比3</kbd><br>
<!-- -->
<pre>我是大帅比3</pre><br>
<!-- 预格式 -->
<small>我是大帅比3</small><br>
<!-- 更小的字体 -->
<abbr>我是大帅比3</abbr><br>
<!-- 缩写 -->
<samp>我是大帅比3</samp><br>
<!-- 加粗 -->
<address>地址</address><br>
<bdo>文字方向</bdo><br>
<blockquote>从另一个源引入文字</blockquote><br>
log<sub>10</sub><!-- 下标文本 --><br>
<cite>工作</cite><br>
X<sup>10</sup><!-- 上标文本 --><br>
<ins>插入文本</ins><br>
<del>删除文本</del><br>
普通的链接：<a href="" target="_blank" title="来点一下"></a><br>
<!-- href 要去的地方，可以是文件下的其他文件，写相对地址。
也可以是外部网址，但去外部网址必须是完整网址，
错误示范：“www.baidu.com”
正确示范：“http://www.baidu.com”
target 怎么打开链接。 _blank 新打开一个网页
_self 在当前窗口打开，（默认，不写就是这个）
_parent 在父容器窗口打开
_top 在最顶级的父容器窗口打开
title 标题，当鼠标悬停在标签上出现的提示文字，几乎可以用在所有的标签上
-->
图片链接：<a href="http://baidu.com"><img
src="file:///C:/Users/%E5%91%A8%E9%B9%8F/Pictures/QQ%E6%88%AA%E5%9B%BE20211013184153.png"></a><br>
邮箱链接：<a href="2921060653@qq.com">我的邮箱</a><br>
标记链接：<a href="tips">描记链接</a><br>
<a id="tips">目标位置</a><br>
<img src="file:///C:/Users/%E5%91%A8%E9%B9%8F/Pictures/QQ%E6%88%AA%E5%9B%BE20211013184153.png" height="200"
alt="早柚睡着了"><br>
<!-- src 链接，相对和绝对，
height 和 width尽量只用一个 ，
alt 图片加载不出来的时候提示文字
align：对齐方式（不推荐）-->
<marquee>弹幕</marquee><br>
<div>空白</div>
<span>空白</span>
<!-- 区块：
div 块，立方体，可以有宽高，
span 行，没有宽高。尺寸是根据内容确定 -->
无序列表：
<ul type="改变列表前面的圆">
<li>我是大帅比4</li>
<li>我是大帅比4</li>
<li>我是大帅比4</li>
<li>我是大帅比4</li>
<li>我是大帅比4</li>
<li>我是大帅比4</li>
</ul>
<!-- ul 里面必须嵌套 li -->
有序列表：
<ol type="改变列表前面的数字">
<li>我是大帅比5</li>
<li>我是大帅比5</li>
<li>我是大帅比5</li>
<li>我是大帅比5</li>
<li>我是大帅比5</li>
<li>我是大帅比5</li>
</ol>
<!-- ol 里面也必须嵌套 li -->
自定义列表：
<dl>
<dt>我是大帅比6</dt>
<dd>描述我是大帅比6</dd>
<dt>我是大帅比7</dt>
<dd>描述我是大帅比7</dd>
</dl>
表格（一组标签）： table > tr > td
5*5的单元格
<table border="边框宽度" cellspacing="每个格子之间的间距" cellpadding="内边距">
<tr>
<th>表头</th>
<th>表头</th>
<th>表头</th>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
<td>5</td>
<td>5</td>
<td>5</td>
</tr>
<!-- colspan合并放在td里合并里面的tr（横着合并）
rowspan（竖着合并）
这两个都只能放在td或th里面使用 -->
</table>
<!-- tr 是行
td 是列
先行后列
输入table>tr*5>td*5(快捷生成5*5的表格)
-->
<hr size="厚度" width="宽度" color="颜色">
<!-- 水平分割线 -->
<iframe src="http://baidu.com" height="100%"></iframe>
啥也不是<br>
<!-- 内嵌一个网页 -->
<<p>>
<!-- 转义字符，若直接写<p>会被浏览器误解，需要加上< 和 > 这样的转义字符等等很多 -->
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>7.9下午</title>
</head>
<body>
表单元素：提交数据
<form action="数据的提交地址" method="提交的方式">
<!-- 提交方式：
get 提交的数据全部显示在地址栏，不安全，且有字数限制 ，不写默认项
post 提交的数据隐藏，不显示在地址栏，且将数据封装在一个请求体，且没有字数限制，
-->
用户名：<input type="text" maxlength="12" placeholder="请输入用户名小于12位"><br>
<!-- text普通文本框
maxlength 最大字数
disabled 失效
placeholder 水印
value 表单字数，自己输入和对方输入都是这个熟悉
-->
密码： <input type="password"><br>
<!-- password隐藏输入 -->
性别： <input type="radio" name="gender" checked>男
<!--checked 默认的意思 -->
<input type="radio" name="gender">女<br>
<!-- radio单选框 -->
爱好： <input type="checkbox">游泳<br>
<input type="checkbox">足球<br>
<input type="checkbox">篮球<br>
<!-- checked多选框 -->
家庭住址：<select>
<option>1省</option>
<option>2省</option>
<option>3省</option>
</select>
<select>
<option>1市</option>
<option>2市</option>
<option>3市</option>
</select>
<select>
<option>1区</option>
<option>2区</option>
<option>3区</option>
</select><br>
<!-- select 下拉框;option,下拉选项 -->
邮箱：<input type="email"><br>
<!-- email 邮箱链接 -->
生日：<input type="date"><br>
<!-- date 日期 -->
薪水：<input type="number" min="0" max="99999"><br>
<!-- number 数字 -->
文件域：<input type="file"><br>
<!-- file 选择文件 -->
提交：<input type="submit" value="提交按钮改名"><br>
<!-- submit 提交 -->
重置：<input type="reset"><br>
<!-- reset 重置 -->
自定义：<input type="button">
<!--
在按钮中，button可以代替input，也就是如下
<button type="submit"></button>
-->
</form>
<!--
id 是html元素中的唯一标识（不能重复）
name
-->
</body>
</html>
- 220722 T1 分树 （模拟）
dfs一遍求出以每个节点为根的子树大小,然后枚举n的约数,对于每个约数i,统计sz[ ]是i的倍数的有多少个(开桶统计),如果有n/i个则答案+1. 这道题也就是个结论题,画图分析一下.复杂度O(n* ...
- spring boot使用swagger生成api接口文档
前言 在之前的文章中,使用mybatis-plus生成了对应的包,在此基础上,我们针对项目的api接口,添加swagger配置和注解,生成swagger接口文档 具体可以查看本站spring boot ...
- （数据科学学习手札144）使用管道操作符高效书写Python代码
本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 大家好我是费老师,一些比较熟悉pandas的读者 ...
- 一篇文章让你搞懂Java中的静态代理和动态代理
什么是代理模式 代理模式是常用的java设计模式,在Java中我们通常会通过new一个对象再调用其对应的方法来访问我们需要的服务.代理模式则是通过创建代理类(proxy)的方式间接地来访问我们需要的服 ...
- ciscn 2022 misc 部分wp
目录 everlasting_night ez_usb everlasting_night 提示是注意png数据块 然后注意图片通道数据可以用来lsb解码 下载是一张图片,尝试几种方法之后没有太大 ...
- 设计模式常用的UML图------类图
关系 UML将事物之间的联系归纳为6种,对应响应的图形 关联 定义:表示拥有的关系,具有方向性,一个类单向访问一个类,为单向关联.两个类可以相互访问,为双向关联. 聚合 定义:整体与部分的关系. 组合 ...
- 齐博x1如何调试查找全站的表单提交接口参数
H5.PC.WAP端的所有提交POST表单操作都是可以当作接口来用的. 比如我们通过PC或WAP浏览器打开相应要修改的界面,然后浏览器进入开发者模式,就可以追踪到所提交的变量参数.你在APP里边只要指 ...
- Agda学习笔记1
目录 Agda学习笔记1 快捷键 refl Natural Number 自然数集合 operations rewrite cong 加法结合律 加法交换律 乘法分配律 比较大小 衍生的一些证明 be ...
- Oracle部署，关于日志文件系统选择（硬盘格式化、挂载）
之前部署过好多Oracle服务,采用的日志文件系统一直是ext3.但是我观察到很多人在格式化/挂载数据盘时,采用的日志文件系统类型有ext3.ext4.xfs等,这不禁让我发出疑问,哪个类型的数据处理 ...
- Go语言核心36讲40
我相信,经过上一次的学习,你已经对strings.Builder和strings.Reader这两个类型足够熟悉了. 我上次还建议你去自行查阅strings代码包中的其他程序实体.如果你认真去看了,那 ...
