HTML|Html快速学习知识点

今天是6月14号。

移动的暑期实习名单已经出来了，不出意料的没有得到通知。反正现在的心态就是习惯了，没有就没有吧。本来今天下午3点半左右收到明天下午2点半平安银行深圳分行的暑期实习面试，但3点40时又收到了之前投的越秀金融的面试通知也是明天两点半，所以还是决定不去深圳了，估计去了也是群面过后成炮灰。但想临时抱佛脚，在明天下午前了解一点HTML，CSS，JQuery的知识，愿明天顺利。

1、什么是HTML?
HTML 指的是超文本标记语言,不是一种编程语言，而是一种标记语言，使用标记标签来描述网页。

2、HTML 标签
HTML 标记标签通常被称为 HTML 标签，HTML 标签通常是成对出现的，标签对中的第一个标签是开始标签，第二个标签是结束标签。

3、HTML 元素
"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思，但通常一个 HTML 元素包含了开始标签与结束标签。

4、HTML属性
属性是 HTML 元素提供的附加信息。

5、位于标签与为可视化网页内容
·HTML 标题（Heading）是通过h1> - h6> 标签来定义的

·HTML 段落是通过标签 p> 来定义的

·HTML 链接是通过标签 a> 来定义的

·HTML 图像是通过标签 img> 来定义的

1.png

2.png

6、HTML 元素
元素包含了所有的头部标签元素。在元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为: , <style>, <meta>, <link>, <script>, <noscript>, and <base>。</p> <div class="image-package"> <div class="image-container" style="max-width: 543px; max-height: 294px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/55590c3707474e61a50f62bc779b7793.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/55590c3707474e61a50f62bc779b7793.jpg" width="543" height="294" alt="HTML|Html快速学习知识点_第2张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 3.png </div> </div> <p>7、HTML 表格元素</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 476px; max-height: 156px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/e9ab489390f14fe4a5bf8214b5e57796.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/e9ab489390f14fe4a5bf8214b5e57796.jpg" width="476" height="156" alt="HTML|Html快速学习知识点_第3张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 4.png </div> </div> <p>8、HTML 列表元素</p> <div class="image-package"> <div class="image-container" style="max-width: 467px; max-height: 224px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/d891c8a97f554fa2ae265b1e7f850ee0.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/d891c8a97f554fa2ae265b1e7f850ee0.jpg" width="467" height="224" alt="HTML|Html快速学习知识点_第4张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 5.png </div> </div> <p>9、HTML 区块元素<div><br> HTML 中<div> 元素是可用于分组 HTML 元素的块级元素，可以用于页面分区分块的效果，大多数时候与CSS样式一起使用。</p> <p>10、HTML 框架<br> 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。</p> <div class="image-package"> <div class="image-container" style="max-width: 681px; max-height: 261px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/ea33a2fe560846fabc41457f2c59d69a.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/ea33a2fe560846fabc41457f2c59d69a.jpg" width="650" height="249" alt="HTML|Html快速学习知识点_第5张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 6.png </div> </div> <p>关于HTML脚本设计到javascript的使用，后面再去学习。</p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1297776543128428544"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(HTML|Html快速学习知识点)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1938827724751695872.htm" title="linux mysql命令行操作" target="_blank">linux mysql命令行操作</a> <span class="text-muted"></span> <div>命令行,linux,命令行操作相关学习资料：https://edu.51cto.com/video/797.htmlhttps://edu.51cto.com/video/1400.htmlhttps://edu.51cto.com/video/3832.htmlLinuxMySQL命令行操作入门指南作为一名刚入行的开发者，掌握Linux系统下的MySQL命令行操作是一项基本技能。本文将带你一步步</div> </li> <li><a href="/article/1938816127639547904.htm" title="uniapp处理后端返回的html字符串" target="_blank">uniapp处理后端返回的html字符串</a> <span class="text-muted">萌新咦～</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>前言：采用v-html方法处理1.处理前↵↵document.forms[0].submit();2.处理后↵↵document.forms[0].submit();3.跳转页面方法//传参uni.setStorageSync("ICBC_GW_V3_HTML",res.result.payUrl)//跳转uni.navigateTo({url:"/subpages/cashier/webView</div> </li> <li><a href="/article/1938813729831448576.htm" title="将图片的base64编码直接嵌入到html文件的css中" target="_blank">将图片的base64编码直接嵌入到html文件的css中</a> <span class="text-muted">Kuo-Teng</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">软件开发实战</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>将图片的base64编码直接嵌入到html文件的css中1.背景2.将图片进行base64编码3.将图片的base64编码写入到css1.背景如果你需要在html中引入一张外部图片，你可能会这样做：如果你将引用的图片保存到本地，你可能会这样做：但是，如果网络延迟较高，或者在jar包中运行Java项目时无法根据路径顺利找到图片呢？那么，将图片的base64编码直接写入html文件便是最好的选择！2.</div> </li> <li><a href="/article/1938813477606977536.htm" title="炫酷3D圆环动态照片墙：打造个性化展示新体验" target="_blank">炫酷3D圆环动态照片墙：打造个性化展示新体验</a> <span class="text-muted">姚芝舒</span> <div>炫酷3D圆环动态照片墙：打造个性化展示新体验【下载地址】3D圆环动态照片墙HTML文件本资源提供了一个精美的3D圆环动态照片墙HTML文件，用户可以通过鼠标自由拖拽照片墙，实现动态展示效果。该文件在某社交平台爆火，内置了30张高质量的JPG图片，用户只需在浏览器中直接打开即可体验，操作简单易上手。效果精致，适合用于个人展示或简单玩乐项目地址:https://gitcode.com/open-sou</div> </li> <li><a href="/article/1938810579296776192.htm" title="HTML页面设计——动态照片环" target="_blank">HTML页面设计——动态照片环</a> <span class="text-muted"></span> <div>#前端开发##html超文本标记语言结构学习他的标签##css美化页面其实一部分的网站首页应用了照片环的原理，使得页面看起来更加美观，这里为大家分享一个简单的照片环编写。一、准备好以下素材：二、新建一个HTML文件，这里就取名“01-照片环”好了。三、现在开始编写具体内容，照片环说白了就是几个照片构成的所以body只要写就可以了，编写的时候注意图片的格式是.jpg、.png还是.gif(动态图)。</div> </li> <li><a href="/article/1938809697964453888.htm" title="使用CSS和HTML实现3D图片环绕效果" target="_blank">使用CSS和HTML实现3D图片环绕效果</a> <span class="text-muted">码力无边-OEC</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/3d/1.htm">3d</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>使用CSS和HTML实现3D图片环绕效果在本篇博客中，将介绍如何使用HTML和CSS实现一个3D图片环绕效果。这个效果不仅具有视觉吸引力，而且具有高度的互动性，鼠标悬停时动画会暂停。接下来将一步步讲解这个效果的实现过程。1.效果2.页面结构与布局首先，我们来看一下HTML的基本结构。该效果的核心是一个元素，它包含了多个图片的，每个div中都设置了不同的背景图片。HTML代码：3D图片环绕效果</</div> </li> <li><a href="/article/1938809315368431616.htm" title="html 照片环 - 图片的动态3D环绕" target="_blank">html 照片环 - 图片的动态3D环绕</a> <span class="text-muted">das白</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/3d/1.htm">3d</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%85%A7%E7%89%87%E7%8E%AF/1.htm">照片环</a><a class="tag" taget="_blank" href="/search/3D%E7%8E%AF%E7%BB%95/1.htm">3D环绕</a> <div>html照片环-图片的动态3D环绕引言一、源码二、图转base64参考链接引言效果展示：一、源码原始图片的base64编码字符太多了，博客放不下，将图片缩小后的加入html的源码如下：猫咪body{background-color:black;text-align:center;color:#FFF;}.jc{/*设置宽*/width:140px;/*设置高*/height:200px;/*设置背</div> </li> <li><a href="/article/1938807172985057280.htm" title="微信小程序 progress 进度条内部圆角及内部条渐变色" target="_blank">微信小程序 progress 进度条内部圆角及内部条渐变色</a> <span class="text-muted">Bonnie(大宝)</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF/1.htm">技术</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>微信小程序表格微信小程序progress进度条内部圆角及渐变色html:css:.wx-progress-inner-bar{border-radius:8rpx!important;background:linear-gradient(toright,rgb(71,187,254,1),rgba(254,86,77,1))!important;}</div> </li> <li><a href="/article/1938801245833719808.htm" title="z-index为什么没生效（使用position）" target="_blank">z-index为什么没生效（使用position）</a> <span class="text-muted">Yannnnnm</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E5%B0%8F%E7%A8%8B%E5%BA%8Fbug/1.htm">开发小程序bug</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>是不是写样式得时候想要下层被上层盖住得时候总是不生效，这个时候需要知道一个知识点：z-index属性只对具有定位(position不为static)的元素有效。如果上面的盒子和下面的盒子都没有定位，则无法使用z-index属性实现盖住效果。.upper-box{position:relative;z-index:2;/*其他样式*/}.lower-box{position:relative;z-i</div> </li> <li><a href="/article/1938784481305489408.htm" title="vue3 实现文件上传" target="_blank">vue3 实现文件上传</a> <span class="text-muted">编程（变成）小辣鸡</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>1、上传文件html上传文件将文件拖到此处，或点击上传只支持pdf、doc、docx、png、jpg提交import{ref,reactive}from'vue'import{uploadImg}from'@/api/common.js';letuploadFile=ref(false);letfileList=ref([]);constupload=(val)=>{fileLis</div> </li> <li><a href="/article/1938780700631166976.htm" title="【Html实现“心形日出”（附效果+源代码）】| JavaScript面试题：解释一下异步编程中的回调函数、Promise和Async/Await的概念。它们有什么区别？" target="_blank">【Html实现“心形日出”（附效果+源代码）】| JavaScript面试题：解释一下异步编程中的回调函数、Promise和Async/Await的概念。它们有什么区别？</a> <span class="text-muted">追光者♂</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%BF%83%E5%BD%A2%E6%97%A5%E5%87%BA/1.htm">心形日出</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%89%B9%E6%95%88/1.htm">前端特效</a><a class="tag" taget="_blank" href="/search/JS%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">JS面试题</a><a class="tag" taget="_blank" href="/search/Promise/1.htm">Promise</a><a class="tag" taget="_blank" href="/search/Async%2FAwait/1.htm">Async/Await</a> <div>风会带走你曾经存在过的证明。——虞姬作者主页：追光者♂个人简介：[1]计算机专业硕士研究生[2]2023年城市之星领跑者TOP1(哈尔滨)[3]2022年度博客之星人工智能领域TOP4[4]阿里云社区特邀专家博主[5]CSDN-人工智能领域优质创作者无限进步，一起追光！！！</div> </li> <li><a href="/article/1938776162532651008.htm" title="java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw" target="_blank">java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw</a> <span class="text-muted">兮兮科技</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lwjava毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址</div> </li> <li><a href="/article/1938775531960987648.htm" title="uniapp内嵌的webview H5与应用通信" target="_blank">uniapp内嵌的webview H5与应用通信</a> <span class="text-muted">printf_824</span> <a class="tag" taget="_blank" href="/search/uniapp%E5%88%86%E4%BA%AB/1.htm">uniapp分享</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>H5端：1、找到index.html引入依赖2、在需要通讯处发送消息uni.postMessage({data:{code:200,msg:"处理完成"}})uniapp端：使用@message="handlerMessage"回调的event里有所需信息functionhandlerMessage(event){console.log("接收到信息");let{code,msg}=event.d</div> </li> <li><a href="/article/1938775532875345920.htm" title="使用html+css+jquery实现3D轮播图" target="_blank">使用html+css+jquery实现3D轮播图</a> <span class="text-muted">mini_055</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>还是先来看看效果图：通过效果图我们先理一下思路：首先就是需要几张图片，但只有一张是显示在我们眼前的第二步：把一张图片分成几等份，这样点击转换的时候就会分开转第三步：就是实现点击按钮切换下一张。HTML部分HTML部分首先我们需要一个盒子显示图片，然后在盒子里装入图片，你想装几张图片就可以写几个li,除了图片我们还需要一个按钮来点击。一个li的图片效果如图所示：div是当你点击下一张的时候一个div</div> </li> <li><a href="/article/1938774522723364864.htm" title="微软全新开源的Agentic Web网络项目：NLWeb详解" target="_blank">微软全新开源的Agentic Web网络项目：NLWeb详解</a> <span class="text-muted">kevin luan</span> <a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C%E6%B5%81/1.htm">工作流</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/microsoft/1.htm">microsoft</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>引言在2025年5月的MicrosoftBuild开发者大会上，微软推出了一个全新的开源项目——NLWeb（NaturalLanguageWeb，自然语言网络），被誉为“AgenticWeb（代理网络）”的基石，目标是将传统网页转变为支持自然语言交互的智能AI应用。微软将其比作Web时代的HTML，旨在通过简单的方式为网站添加对话式AI接口，让用户和AI代理能够以自然语言直接查询和交互网站内容。本</div> </li> <li><a href="/article/1938767838273662976.htm" title="XSL-FO 块：深入解析与最佳实践" target="_blank">XSL-FO 块：深入解析与最佳实践</a> <span class="text-muted">沐知全栈开发</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>XSL-FO块：深入解析与最佳实践概述XSL-FO（XSLFormattingObjects）是一种用于生成格式化文档的语言，它允许开发者将XML数据转换成PDF、HTML、PostScript等格式。在XSL-FO中，块（Block）是一个重要的概念，它定义了文档中的矩形区域，包括文本、图像、表格等。本文将深入解析XSL-FO块的相关知识，并分享一些最佳实践。XSL-FO块的定义与属性定义XSL</div> </li> <li><a href="/article/1938750195059716096.htm" title="HTML中引入JavaScript的三种方式" target="_blank">HTML中引入JavaScript的三种方式</a> <span class="text-muted">北冥郇翔</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在HTML中引入JavaScript主要有以下三种方式，每种方式都有其适用场景和注意事项：1.内嵌方式（在标签内直接编写代码）直接在HTML文件的或中使用标签编写JavaScript代码。特点：代码与HTML混合，适用于简单逻辑或快速测试。alert()等函数会阻塞HTML页面渲染（如引用[1]所示）。示例：window.alert("页面加载被阻塞！");//阻塞后续内容渲染2.外部引入方式（推</div> </li> <li><a href="/article/1938746412464402432.htm" title="linux网络编程之SCTP套接字常用接口" target="_blank">linux网络编程之SCTP套接字常用接口</a> <span class="text-muted">码莎拉蒂 .</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/1.htm">网络编程</a><a class="tag" taget="_blank" href="/search/linux%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/1.htm">linux网络编程</a><a class="tag" taget="_blank" href="/search/SCTP%E5%A5%97%E6%8E%A5%E5%AD%97%E5%B8%B8%E7%94%A8%E6%8E%A5%E5%8F%A3/1.htm">SCTP套接字常用接口</a> <div>转载地址：oracle开发帮助文档：http://docs.oracle.com/cd/E19253-01/819-7052/index.htmlSCTP套接字接口当socket()调用为IPPROTO_SCTP创建套接字时，它会调用特定于SCTP的套接字创建例程。针对SCTP套接字执行的套接字调用会自动调用相应的SCTP套接字例程。在一对一套接字中，每个套接字都对应一个SCTP关联。可以通过调用</div> </li> <li><a href="/article/1938733180806819840.htm" title="mysql之jdbc连接数据库和sql注入的问题" target="_blank">mysql之jdbc连接数据库和sql注入的问题</a> <span class="text-muted"></span> <div>一，概述可能是自己的记忆力太差了，经常忘记一些很重要的知识点，记得个大概，等要用的时候就去找，结果还找不到。干脆，记博客里，怎么都找的到。这篇博客主要就是关于Jdbc(javadatabaseconnectivity)和MySql的，记录如何连接数据库及插入数据等等。二，工具及准备工作MyEclipse10,mysql驱动jar包（我用的是这个版本mysql-connector-java-5.0.</div> </li> <li><a href="/article/1938726498030645248.htm" title="Excel处理控件Aspose.Cells教程：Java 在 Excel 中插入和删除行和列" target="_blank">Excel处理控件Aspose.Cells教程：Java 在 Excel 中插入和删除行和列</a> <span class="text-muted"></span> <div>Aspose.Cells是Excel电子表格编程API，可加快电子表格的管理和处理任务，支持构建能够生成，修改，转换，呈现和打印电子表格的跨平台应用程序。同时不依赖于MicrosoftExcel或任何MicrosoftOfficeInterop组件，AsposeAPI支持旗下产品覆盖文档、图表、PDF、条码、OCR、CAD、HTML、电子邮件等各个文档管理领域，为全球.NET、Java、C++等1</div> </li> <li><a href="/article/1938726498445881344.htm" title="Python打卡训练营Day26" target="_blank">Python打卡训练营Day26</a> <span class="text-muted">宸汐Fish_Heart</span> <a class="tag" taget="_blank" href="/search/Python%E6%89%93%E5%8D%A1%E8%AE%AD%E7%BB%83/1.htm">Python打卡训练</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>@浙大疏锦行DAY26函数专题1知识点回顾：1.函数的定义2.变量作用域：局部变量和全局变量3.函数的参数类型：位置参数、默认参数、不定参数4.传递参数的手段：关键词参数5.传递参数的顺序：同时出现三种参数类型时作业：题目1：计算圆的面积●任务：编写一个名为calculate_circle_area的函数，该函数接收圆的半径radius作为参数，并返回圆的面积。圆的面积=π*radius²(可以使</div> </li> <li><a href="/article/1938726499477680128.htm" title="Python打卡训练营Day27" target="_blank">Python打卡训练营Day27</a> <span class="text-muted">宸汐Fish_Heart</span> <a class="tag" taget="_blank" href="/search/Python%E6%89%93%E5%8D%A1%E8%AE%AD%E7%BB%83/1.htm">Python打卡训练</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>@浙大疏锦行DAY27函数专题2：装饰器ps：第一期day27对应5月16日知识点回顾：1.装饰器的思想：进一步复用2.函数的装饰器写法3.注意内部函数的返回值作业：编写一个装饰器logger，在函数执行前后打印日志信息（如函数名、参数、返回值）昨天我们接触到了函数大部分的功能，然后在你日常ctrl点进某个复杂的项目，发现函数上方有一个@xxx,它就是装饰器装饰器本质上是一个Python函数，它可</div> </li> <li><a href="/article/1938716660265447424.htm" title="60天python训练计划----day55" target="_blank">60天python训练计划----day55</a> <span class="text-muted"></span> <div>DAY55序列预测任务介绍知识点回顾序列预测介绍单步预测多步预测的2种方式序列数据的处理：滑动窗口多输入多输出任务的思路经典机器学习在序列任务上的劣势；以随机森林为例一、序列预测任务介绍1.1序列预测是什么？我们之前接触到的结构化数据，它本身不具备顺序，我们认为每个样本之间独立无关，样本之间即使调换顺序，仍然不影响模型的训练。但是日常中很多数据是存在先后关系的，而他们对应的任务是预测下一步的值，我</div> </li> <li><a href="/article/1938700786238287872.htm" title="记录一些点滴" target="_blank">记录一些点滴</a> <span class="text-muted">会点法律的程序员</span> <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>puppeteer有这能力教你一个方案，想要玩透某个框架，需要快速通览1-3遍文档至少3遍以上，不需要背会，需要知道有哪些东西然后，github寻找这个框架的dome，最后自己开始写demogithub的demo也是快速通览代码，而不是clone下来，启动，再去体验，那种太耗费时间且你啃不下去那么多知识点你就无脑执行我教给你的三个步骤，不到三次你就会发现，你比之前学习一个框架要快，而且更透彻git</div> </li> <li><a href="/article/1938699651460952064.htm" title="Flask(五) 表单处理 request.form、WTForms" target="_blank">Flask(五) 表单处理 request.form、WTForms</a> <span class="text-muted">@昵称不存在</span> <a class="tag" taget="_blank" href="/search/Flask/1.htm">Flask</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>文章目录1.基本表单处理，使用request.form（轻量）示例一创建HTML表单处理表单数据示例二HTML表单（login.html）Flask路由处理表单2.使用Flask-WTF扩展安装设置SecretKey（CSRF防护）定义表单类HTML模板（login.html）Flask视图函数✅常用字段类型（WTForms）✅常用验证器（validators）HTML表单字段中的URL验证器总结</div> </li> <li><a href="/article/1938698643305459712.htm" title="Go Web开发框架实践：模板渲染与静态资源服务" target="_blank">Go Web开发框架实践：模板渲染与静态资源服务</a> <span class="text-muted">程序员爱钓鱼</span> <a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>Gin不仅适合构建API服务，也支持HTML模板渲染和静态资源托管，使其可以胜任中小型网站开发任务。一、模板渲染基础1.加载模板文件使用LoadHTMLGlob或LoadHTMLFiles方法加载模板：r := gin.Default()r.LoadHTMLGlob("templates/*") // 支持通配符或：r.LoadHTMLFiles("templates/index.tmpl", "</div> </li> <li><a href="/article/1938695364748046336.htm" title="vue3 vs asp.net mvc" target="_blank">vue3 vs asp.net mvc</a> <span class="text-muted">fyifei0558</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>package.json≈.csprojpackage-lock.json≈packages.lock.jsonvite.config.js≈Startup.cs/Program.cs/configfilesindex.html≈_Layout.cshtmlpublic/≈wwwroot/</div> </li> <li><a href="/article/1938676341394173952.htm" title="实现并查集数据结构的技术指南" target="_blank">实现并查集数据结构的技术指南</a> <span class="text-muted">一键难忘</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E6%9F%A5%E9%9B%86/1.htm">并查集</a> <div>本文收录于专栏：算法之翼https://blog.csdn.net/weixin_52908342/category_10943144.html订阅后本专栏全部文章可见。实现并查集数据结构的技术指南并查集（DisjointSetUnion，简称并查集）是一种常用的数据结构，用于管理元素之间的等价关系。它主要支持两种操作：合并（Union）和查找（Find）。并查集通常用于解决各种问题，如图论中的连</div> </li> <li><a href="/article/1938659827072954368.htm" title="网络工程师知识点精讲与例题解析：网络管理" target="_blank">网络工程师知识点精讲与例题解析：网络管理</a> <span class="text-muted">软考和人工智能学堂</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%B7%A5%E7%A8%8B%E5%B8%88/1.htm">网络工程师</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E8%A7%84%E5%88%92%E8%AE%BE%E8%AE%A1%E5%B8%88/1.htm">网络规划设计师</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E7%B3%BB%E7%BB%9F%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86%E5%B8%88%E6%8F%90%E9%AB%98%E7%8F%AD/1.htm">信息系统项目管理师提高班</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E8%B7%AF%E7%94%B1%E5%99%A8/1.htm">智能路由器</a> <div>网络工程师知识点精讲与例题解析：网络管理一、网络管理概述网络管理是网络工程师的核心职责之一，主要目标是保障网络稳定、安全和高效运行。根据ISO定义的网络管理五大功能域（FCAPS）：故障管理（Fault）：检测、隔离和修复网络故障配置管理（Configuration）：管理设备配置和版本计费管理（Accounting）：统计资源使用情况（如流量计费）性能管理（Performance）：监控和分析网</div> </li> <li><a href="/article/1938658944675278848.htm" title="【鸿蒙next开发】ArkUI框架：ArkTS组件-无障碍属性" target="_blank">【鸿蒙next开发】ArkUI框架：ArkTS组件-无障碍属性</a> <span class="text-muted">炫酷盖茨猫先生</span> <a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%995.0%E5%BC%80%E5%8F%91/1.htm">鸿蒙5.0开发</a><a class="tag" taget="_blank" href="/search/ArkTS%E7%BB%84%E4%BB%B6/1.htm">ArkTS组件</a><a class="tag" taget="_blank" href="/search/ArkUI%E6%A1%86%E6%9E%B6/1.htm">ArkUI框架</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ArkUI/1.htm">ArkUI</a><a class="tag" taget="_blank" href="/search/ArkTS/1.htm">ArkTS</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99%E7%B3%BB%E7%BB%9F/1.htm">鸿蒙系统</a> <div>往期鸿蒙5.0全套实战文章必看：（文中附带鸿蒙5.0全栈学习资料）鸿蒙开发核心知识点，看这篇文章就够了最新版！鸿蒙HarmonyOSNext应用开发实战学习路线鸿蒙HarmonyOSNEXT开发技术最全学习路线指南鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）无障碍属性组件可以设置相应的无障碍属性和事件来更好地使用无障碍能力。说明从APIVersion10开始支持。后续版本如有新增内容</div> </li> <li><a href="/article/50.htm" title="java封装继承多态等" target="_blank">java封装继承多态等</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/encapsulatopn/1.htm">encapsulatopn</a> <div> 最近一段时间看了很多的视频却忘记总结了，现在只能想到什么写什么了，希望能起到一个回忆巩固的作用。 1、final关键字译为：最终的 &</div> </li> <li><a href="/article/177.htm" title="F5与集群的区别" target="_blank">F5与集群的区别</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E7%BE%A4/1.htm">集群</a><a class="tag" taget="_blank" href="/search/F5/1.htm">F5</a> <div> http请求配置不是通过集群，而是F5；集群是weblogic容器的，如果是ejb接口是通过集群。 F5同集群的差别，主要还是会话复制的问题，F5一把是分发http请求用的，因为http都是无状态的服务，无需关注会话问题，类似</div> </li> <li><a href="/article/304.htm" title="LeetCode[Math] - #7 Reverse Integer" target="_blank">LeetCode[Math] - #7 Reverse Integer</a> <span class="text-muted">Cwind</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a> <div>原题链接：#7 Reverse Integer 要求：按位反转输入的数字例1：输入 x = 123, 返回 321 例2：输入 x = -123, 返回 -321 难度：简单分析：对于一般情况，首先保存输入数字的符号，然后每次取输入的末位（x%10）作为输出的高位（result = result*10 + x%10）即可。但</div> </li> <li><a href="/article/431.htm" title="BufferedOutputStream" target="_blank">BufferedOutputStream</a> <span class="text-muted">周凡杨</span> <div> 首先说一下这个大批量，是指有上千万的数据量。例子：有一张短信历史表，其数据有上千万条数据，要进行数据备份到文本文件，就是执行如下SQL然后将结果集写入到文件中！ select t.msisd</div> </li> <li><a href="/article/558.htm" title="linux下模拟按键输入和鼠标" target="_blank">linux下模拟按键输入和鼠标</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>查看/dev/input/eventX是什么类型的事件， cat /proc/bus/input/devices 设备有着自己特殊的按键键码，我需要将一些标准的按键，比如0－9，X－Z等模拟成标准按键，比如KEY_0,KEY-Z等，所以需要用到按键模拟，具体方法就是操作/dev/input/event1文件，向它写入个input_event结构体就可以模拟按键的输入了。 linux/in</div> </li> <li><a href="/article/685.htm" title="ContentProvider初体验" target="_blank">ContentProvider初体验</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/ContentProvider/1.htm">ContentProvider</a> <div>ContentProvider在安卓开发中非常重要。与Activity，Service，BroadcastReceiver并称安卓组件四大天王。在android中的作用是用来对外共享数据。因为安卓程序的数据库文件存放在data/data/packagename里面，这里面的文件默认都是私有的，别的程序无法访问。如果QQ游戏想访问手机QQ的帐号信息一键登录，那么就需要使用内容提供者COnte</div> </li> <li><a href="/article/812.htm" title="关于Spring MVC项目（maven）中通过fileupload上传文件" target="_blank">关于Spring MVC项目（maven）中通过fileupload上传文件</a> <span class="text-muted">843977358</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E5%A4%B4%E5%83%8F/1.htm">修改头像</a><a class="tag" taget="_blank" href="/search/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6/1.htm">上传文件</a><a class="tag" taget="_blank" href="/search/upload/1.htm">upload</a> <div>Spring MVC 中通过fileupload上传文件，其中项目使用maven管理。 1.上传文件首先需要的是导入相关支持jar包：commons-fileupload.jar,commons-io.jar 因为我是用的maven管理项目，所以要在pom文件中配置（每个人的jar包位置根据实际情况定）  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>