HTML课后作业

一、 W3C 简介(查维基百科)

W3C这么大名鼎鼎的存在想必你肯定是听说过的吧,那么它到底是什么呢?


万维网联盟World Wide Web ConsortiumW3C),又称W3C理事会,是万维网的主要国际标准组织[2]。(引自维基百科)


主要历史

万维网联盟(W3C)由蒂姆·伯纳斯-李(李爵士)于1994年10月离开欧洲核子研究中心(CERN)后成立,在欧盟执委会和国防高等研究计划署(DARPA)的支持下成立于麻省理工学院MIT计算机科学与人工智能实验室(MIT/LCS)[2],DARPA曾率先推出了互联网及其前身ARPANET。

该组织试图通过W3C制定的新标准来促进业界成员间的兼容性和协议。不兼容的HTML版本由不同的供应商提供,导致网页显示方式不一致。联盟试图让所有的供应商实施一套由联盟选择的核心原则和组件。


标准

为解决网络应用中不同平台、技术和开发者带来的不兼容问题,保障网络信息的顺利和完整流通,万维网联盟制定了一系列标准并督促网络应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范,开发中使用的导则和解释引擎的行为等等。W3C也制定了包括XML和CSS等的众多影响深远的标准规范。

但是,W3C制定的网络标准似乎并非强制而只是推荐标准。因此部分网站仍然不能完全实现这些标准。特别是使用早期所见即所得网页编辑软件设计的网页往往会包含大量非标准代码。


二、 MDN 简介(查维基百科)

MDN?这是什么?想必很多刚入行的人都有这个疑问,直接贴个新闻给你们看。

Mozilla brings Microsoft, Google, the W3C, Samsung together to create cross-browser documentation on MDN – The Mozilla Blog

内容大概是:Mozilla, Microsoft, Google, Samsung 和 W3C 将合作把 MDN 打造成最好的 Web 文档。今天开始,Microsoft 会把 MSDN 上相关的页面重定向到 MDN。这是17年10月的新闻哦。

那么,MDN的简介来咯~


MDN Web Docs(旧称Mozilla Developer Network、Mozilla Developer Center,简称MDN)是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站[1]


历史

该项目始于2005年,最初由Mozilla公司员工Deb Richardson领导。自2006年以来,文档工作由Eric Shepherd领导[2]

网站最初的内容是由DevEdge提供,但在AOL收购Netscape后,DevEdge网站也宣布关闭。为此Mozilla基金会向AOL获取了DevEdge发布的内容[3][2],同时将DevEdge内容搬移到mozilla.org[4][5]

MDN本身有一个论坛,并在Mozilla IRC网络上有一个IRC频道#mdn。MDN由Mozilla公司提供服务器和员工的资助。

2016年10月3日发表的Brave网页浏览器将MDN作为其搜索引擎选项之一[6]


三、 HTML 所有标签列表(查 MDN)

根元素

Element Description
代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。

文档元数据

Element Description
代表关于文档元数据的一个集合,包括脚本或样式表的链接或内容。
</code></td> <td>定义文档的标题,将显示在浏览器的标题栏或标签页上。该元素只能包含文本,包含的标签不会被解释。</td> </tr> <tr> <td><code><base></code></td> <td>定义页面上相对 URL 的基准 URL。</td> </tr> <tr> <td><code><link></code></td> <td>用于链接外部的 CSS 到该文档。</td> </tr> <tr> <td><code><meta></code></td> <td>定义其他 HTML 元素无法描述的元数据。</td> </tr> <tr> <td><code><style></code></td> <td>用于内联 CSS。</td> </tr> </tbody> </table> <hr> <h2>脚本</h2> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><script></code></td> <td>定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。</td> </tr> <tr> <td><code><noscript></code></td> <td>定义当浏览器不支持脚本时显示的替代文字。</td> </tr> <tr> <td><code><template></code></td> <td>通过 JavaScript 在运行时实例化内容的容器。</td> </tr> </tbody> </table> <hr> <h2>章节</h2> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><body></code></td> <td>代表 HTML 文档的内容。在文档中只能有一个 <code><body></code> 元素。</td> </tr> <tr> <td><code><section></code></td> <td>定义文档中的一个章节。</td> </tr> <tr> <td><code><nav></code></td> <td>定义只包含导航链接的章节。</td> </tr> <tr> <td><code><article></code></td> <td>定义可以独立于内容其余部分的完整独立内容块。</td> </tr> <tr> <td><code><aside></code></td> <td>定义和页面内容关联度较低的内容——如果被删除,剩下的内容仍然很合理。</td> </tr> <tr> <td><code><h1>,<h2>,<h3>,<h4>,<h5>,<h6></code></td> <td>标题元素实现了六层文档标题,<code><h1></code> 是最大的标题,<code><h6></code> 是最小的标题。标题元素简要地描述章节的主题。</td> </tr> <tr> <td><code><header></code></td> <td>定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。</td> </tr> <tr> <td><code><footer></code></td> <td>定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。</td> </tr> <tr> <td><code><address></code></td> <td>定义包含联系信息的一个章节。</td> </tr> <tr> <td><code><main></code></td> <td>定义文档中主要或重要的内容。</td> </tr> </tbody> </table> <hr> <h2>组织内容</h2> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><p></code></td> <td>定义一个段落。</td> </tr> <tr> <td><code><hr></code></td> <td>代表章节、文章或其他长内容中段落之间的分隔符。</td> </tr> <tr> <td><code><pre></code></td> <td>代表其内容已经预先排版过,格式应当保留 。</td> </tr> <tr> <td><code><blockquote></code></td> <td>代表引用自其他来源的内容。</td> </tr> <tr> <td><code><ol></code></td> <td>定义一个有序列表。</td> </tr> <tr> <td><code><ul></code></td> <td>定义一个无序列表。</td> </tr> <tr> <td><code><li></code></td> <td>定义列表中的一个列表项。</td> </tr> <tr> <td><code><dl></code></td> <td>定义一个定义列表(一系列术语和其定义)。</td> </tr> <tr> <td><code><dt></code></td> <td>代表一个由下一个 <code><dd></code> 定义的术语。</td> </tr> <tr> <td><code><dd></code></td> <td>代表出现在它之前术语的定义。</td> </tr> <tr> <td><code><figure></code></td> <td>代表一个和文档有关的图例。</td> </tr> <tr> <td><code><figcaption></code></td> <td>代表一个图例的说明。</td> </tr> <tr> <td><code><div></code></td> <td>代表一个通用的容器,没有特殊含义。</td> </tr> </tbody> </table> <hr> <h2>文字形式</h2> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><a></code></td> <td>代表一个链接到其他资源的<em>超链接</em> 。</td> </tr> <tr> <td><code><em></code></td> <td>代表<em>强调</em> 文字。</td> </tr> <tr> <td><code><strong></code></td> <td>代表<em>特别重要</em> 文字。</td> </tr> <tr> <td><code><small></code></td> <td>代表<em>注释</em> ,如免责声明、版权声明等,对理解文档不重要。</td> </tr> <tr> <td><code><s></code></td> <td>代表<em>不准确或不相关</em> 的内容。</td> </tr> <tr> <td><code><cite></code></td> <td>代表<em>作品标题</em> 。</td> </tr> <tr> <td><code><q></code></td> <td>代表内联的<em>引用</em> 。</td> </tr> <tr> <td><code><dfn></code></td> <td>代表一个术语包含在其最近祖先内容中的<em>定义</em> 。</td> </tr> <tr> <td><code><abbr></code></td> <td>代表<em>省略</em> 或<em>缩写</em> ,其完整内容在 <code>title</code> 属性中。</td> </tr> <tr> <td><code><data></code></td> <td>关联一个内容的<em>机器可读的等价形式</em> (该元素只在 WHATWG 版本的 HTML 标准中,不在 W3C 版本的 HTML5 标准中)。</td> </tr> <tr> <td><code><time></code></td> <td>代表<em>日期</em> 和<em>时间</em> 值;机器可读的等价形式通过 <code>datetime</code> 属性指定。</td> </tr> <tr> <td><code><code></code></td> <td>代表<em>计算机代码</em> 。</td> </tr> <tr> <td><code><var></code></td> <td>代表<em>代码中的变量</em> 。</td> </tr> <tr> <td><code><samp></code></td> <td>代表程序或电脑的<em>输出</em> 。</td> </tr> <tr> <td><code><kbd></code></td> <td>代表<em>用户输入</em> ,一般从键盘输出,但也可以代表其他输入,如语音输入。</td> </tr> <tr> <td> <code><sub></code>,<code><sup></code> </td> <td>分别代表<em>下标</em> 和<em>上标</em> 。</td> </tr> <tr> <td><code><i></code></td> <td>代表一段<em>不同性质</em> 的文字,如技术术语、外文短语等。</td> </tr> <tr> <td><code><b></code></td> <td>代表一段<em>需要被关注</em> 的文字。</td> </tr> <tr> <td><code><u></code></td> <td>代表一段需要<em>下划线</em>呈现的文本注释,如标记出拼写错误的文字等。</td> </tr> <tr> <td><code><mark></code></td> <td>代表一段需要被高亮的<em>引用</em> 文字。</td> </tr> <tr> <td><code><ruby></code></td> <td>代表被<em>ruby 注释</em> 标记的文本,如中文汉字和它的拼音。</td> </tr> <tr> <td><code><rt></code></td> <td>代表<em>ruby 注释</em> ,如中文拼音。</td> </tr> <tr> <td><code><rp></code></td> <td>代表 ruby 注释两边的<em>额外插入文本</em> ,用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。</td> </tr> <tr> <td><code><bdi></code></td> <td>代表需要<em>脱离</em> 父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本。</td> </tr> <tr> <td><code><bdo></code></td> <td>指定子元素的<em>文本方向</em> ,显式地覆盖默认的文本方向。</td> </tr> <tr> <td><code><span></code></td> <td>代表一段没有特殊含义的文本,当其他语义元素都不适合文本时候可以使用该元素。</td> </tr> <tr> <td><code><br></code></td> <td>代表<em>换行</em> 。</td> </tr> <tr> <td><code><wbr></code></td> <td>代表<em>建议换行 (Word Break Opportunity)</em> ,当文本太长需要换行时将会在此处添加换行符。</td> </tr> </tbody> </table> <hr> <h2>编辑</h2> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><ins></code></td> <td>定义<em>增加</em> 到文档的内容。</td> </tr> <tr> <td><code><del></code></td> <td>定义从文档<em>移除</em> 的内容。</td> </tr> </tbody> </table> <hr> <h2>嵌入内容</h2> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><img></code></td> <td>代表一张<em>图片</em> 。</td> </tr> <tr> <td><code><iframe></code></td> <td>代表一个<em>内联的框架</em> 。</td> </tr> <tr> <td><code><embed></code></td> <td>代表一个<em>嵌入</em> 的外部资源,如应用程序或交互内容。</td> </tr> <tr> <td><code><object></code></td> <td>代表一个<em>外部资源</em> ,如图片、HTML 子文档、插件等。</td> </tr> <tr> <td><code><param></code></td> <td>代表 <code><object></code> 元素所指定的插件的<em>参数</em> 。</td> </tr> <tr> <td><code><video></code></td> <td>代表一段<em>视频</em> 及其视频文件和字幕,并提供了播放视频的用户界面。</td> </tr> <tr> <td><code><audio></code></td> <td>代表一段<em>声音</em> ,或<em>音频流</em> 。</td> </tr> <tr> <td><code><source></code></td> <td>为 <code><video></code> 或 <code><audio></code> 这类媒体元素指定<em>媒体源</em> 。</td> </tr> <tr> <td><code><track></code></td> <td>为 <code><video></code> 或 <code><audio></code> 这类媒体元素指定<em>文本轨道(字幕)</em> 。</td> </tr> <tr> <td><code><canvas></code></td> <td>代表<em>位图区域</em> ,可以通过脚本在它上面实时呈现图形,如图表、游戏绘图等。</td> </tr> <tr> <td><code><map></code></td> <td>与 <code><area></code> 元素共同定义<em>图像映射</em> 区域。</td> </tr> <tr> <td><code><area></code></td> <td>与 <code><map></code> 元素共同定义<em>图像映射</em> 区域。</td> </tr> <tr> <td><code><svg></code></td> <td>定义一个嵌入式<em>矢量图</em> 。</td> </tr> <tr> <td><code>[<math>](https://developer.mozilla.org/zh-CN/docs/Web/MathML/Element/math "<math>")</code></td> <td>定义一段<em>数学公式</em> 。</td> </tr> </tbody> </table> <hr> <h2>表格</h2> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><table></code></td> <td>定义<em>多维数据</em> 。</td> </tr> <tr> <td><code><caption></code></td> <td>代表<em>表格的标题</em> 。</td> </tr> <tr> <td><code><colgroup></code></td> <td>代表表格中一组<em>单列或多列</em> 。</td> </tr> <tr> <td><code><col></code></td> <td>代表表格中的<em>列</em> 。</td> </tr> <tr> <td><code><tbody></code></td> <td>代表表格中一块<em>具体数据</em> (表格主体)。</td> </tr> <tr> <td><code><thead></code></td> <td>代表表格中一块<em>列标签</em> (表头)。</td> </tr> <tr> <td><code><tfoot></code></td> <td>代表表格中一块<em>列摘要</em> (表尾)。</td> </tr> <tr> <td><code><tr></code></td> <td>代表表格中的<em>行</em> 。</td> </tr> <tr> <td><code><td></code></td> <td>代表表格中的<em>单元格</em> 。</td> </tr> <tr> <td><code><th></code></td> <td>代表表格中的<em>头部单元格</em> 。</td> </tr> </tbody> </table> <hr> <h2>表单</h2> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><form></code></td> <td>代表一个<em>表单</em> ,由控件组成。</td> </tr> <tr> <td><code><fieldset></code></td> <td>代表<em>控件组</em> 。</td> </tr> <tr> <td><code><legend></code></td> <td>代表 <code><fieldset></code> 控件组的<em>标题</em> 。</td> </tr> <tr> <td><code><label></code></td> <td>代表表单控件的<em>标题</em> 。</td> </tr> <tr> <td><code><input></code></td> <td>代表允许用户编辑数据的<em>数据区</em> (文本框、单选框、复选框等)。</td> </tr> <tr> <td><code><button></code></td> <td>代表<em>按钮</em> 。</td> </tr> <tr> <td><code><select></code></td> <td>代表<em>下拉框</em> 。</td> </tr> <tr> <td><code><datalist></code></td> <td>代表提供给其他控件的<em>一组预定义选项</em> 。</td> </tr> <tr> <td><code><optgroup></code></td> <td>代表一个<em>选项分组</em> 。</td> </tr> <tr> <td><code><option></code></td> <td>代表一个 <code><select></code> 元素或 <code><datalist></code> 元素中的一个<em>选项</em> </td> </tr> <tr> <td><code><textarea></code></td> <td>代表<em>多行文本框</em> 。</td> </tr> <tr> <td><code><keygen></code></td> <td>代表一个<em>密钥对生成器</em> 控件。</td> </tr> <tr> <td><code><output></code></td> <td>代表<em>计算值</em> 。</td> </tr> <tr> <td><code><progress></code></td> <td>代表<em>进度条</em> 。</td> </tr> <tr> <td><code><meter></code></td> <td>代表<em>滑动条</em> 。</td> </tr> </tbody> </table> <hr> <h2>交互元素</h2> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><details></code></td> <td>代表一个用户可以(点击)获取额外信息或控件的<em>小部件</em> 。</td> </tr> <tr> <td><code><summary></code></td> <td>代表 <code><details></code> 元素的<em>综述</em> 或<em>标题</em> 。</td> </tr> <tr> <td><code><menuitem></code></td> <td>代表一个用户可以点击的菜单项。</td> </tr> <tr> <td><code><menu></code></td> <td>代表菜单。</td> </tr> </tbody> </table> <hr> <h1>四、 什么是空元素</h1> <p>不包含任何内容的HTML元素被称为空元素。在 HTML 中,通常在一个空元素上使用一个闭标签是无效的。例如, <code><input type="text"></input></code> 的闭标签是无效的 HTML。</p> <p>在 HTML 中有以下这些空元素:</p> <ul> <li><code><area></code></li> <li><code><base></code></li> <li><code><br></code></li> <li><code><col></code></li> <li> <code><colgroup></code> when the <code>[span](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/colgroup#attr-span)</code> is present</li> <li><code><command></code></li> <li><code><embed></code></li> <li><code><hr></code></li> <li><code><img></code></li> <li><code><input></code></li> <li><code><keygen></code></li> <li><code><link></code></li> <li><code><meta></code></li> <li><code><param></code></li> <li><code><source></code></li> <li><code><track></code></li> <li><code><wbr></code></li> </ul> <hr> <h1>五、 什么是可替换元素</h1> <p>CSS 里,<strong>可替换元素(replaced element)</strong>的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有 <code><img></code>、 <code><object></code>、 <code><video></code> 和 表单元素,如<code><textarea></code>、 <code><input></code> 。 某些元素只在一些特殊情况下表现为可替换元素,例如 <code><audio></code> 和 <code><canvas></code> 。 通过 CSS <code>content</code> 属性来插入的对象 被称作 <strong>匿名可替换元素(</strong><em>anonymous replaced elements</em><strong>)</strong>。</p> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1280241401497403392"></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"> <!-- 文章页-右侧1 动态广告位 --> <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> <!-- 文章页-右侧2 动态广告位 --> <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> <!-- 文章页-右侧3 动态广告位 --> <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课后作业)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1881349018727018496.htm" title="使用vue-cli创建uni-app项目,vue3/vite模板" target="_blank">使用vue-cli创建uni-app项目,vue3/vite模板</a> <span class="text-muted">hy2356891299</span> <a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>官网地址:https://uniapp.dcloud.net.cn/quickstart-cli.html1.首先,安装脚手架:npminstall-g@vue/cli注意:Vue3/Vite版要求node版本^14.18.0||>=16.0.0(我用的是nodev16.0.0)2.下载模板,因为我使用官网命令安装失败,所以直接下载的压缩包使用js下载地址https://gitee.com/dcl</div> </li> <li><a href="/article/1881316597990223872.htm" title="Apache2 搭建 WebDAV 服务器" target="_blank">Apache2 搭建 WebDAV 服务器</a> <span class="text-muted">cnlenglan</span> <a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a> <div>Apache2搭建WebDAV服务器本文本参考了https://blog.csdn.net/fengchao_2009/article/details/7531856https://www.cnblogs.com/anArtist/articles/5462951.html最近使用unRaid安装了Webdav,考虑到本人不熟悉Linux系统以及这个unRaid就准备放弃使用该系统。查询资料发现W</div> </li> <li><a href="/article/1881304856182976512.htm" title="python多进程编程实例_Python多进程编程multiprocessing代码实例" target="_blank">python多进程编程实例_Python多进程编程multiprocessing代码实例</a> <span class="text-muted">weixin_39791386</span> <a class="tag" taget="_blank" href="/search/python%E5%A4%9A%E8%BF%9B%E7%A8%8B%E7%BC%96%E7%A8%8B%E5%AE%9E%E4%BE%8B/1.htm">python多进程编程实例</a> <div>在多线程与多进程的比较这一篇中记录了多进程编程的一种方式.下面记录一下多进程编程的别一种方式,即使用multiprocessing编程importmultiprocessingimporttimedefget_html(n):time.sleep(n)print('subprocess%s'%n)returnnif__name__=='__main__':#多进程编程process=multipr</div> </li> <li><a href="/article/1881297279973912576.htm" title="httpslocalhostindex 配置的nginx,一刷新就报404了" target="_blank">httpslocalhostindex 配置的nginx,一刷新就报404了</a> <span class="text-muted">m0_74824112</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>当你的Nginx配置导致页面刷新时报404错误时,通常是由于以下几个原因造成的:静态文件路径配置错误:Nginx没有正确地指向静态文件的目录。前端路由问题:如果是SPA(单页应用),刷新页面时Nginx没有正确地将请求重定向到入口文件(如index.html)。反向代理配置错误:如果Nginx作为反向代理,后端服务可能没有正确处理请求。检查和解决步骤1.检查静态文件路径配置确保Nginx配置文件中</div> </li> <li><a href="/article/1881289205112434688.htm" title="【YashanDB知识库】关于表空间压缩" target="_blank">【YashanDB知识库】关于表空间压缩</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网,原文内容请见https://www.yashandb.com/newsinfo/7106886.html?templateId=171...实现方法1、YashanDB的表空间压缩通过文件打洞(HolePunching)实现。2、“文件打洞”简单地说,如果文件中有连续字节0x00出现,只需要记录0字节数据块开始出现位置和块长度,而不需要实际保存原数据块。3、表空间</div> </li> <li><a href="/article/1881289200955879424.htm" title="HTML<form>标签" target="_blank">HTML<form>标签</a> <span class="text-muted">新生派</span> <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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>例子具有两个输入字段和一个提交按钮的HTML表单:Firstname:Lastname:下面有更多“自己尝试”的示例。定义和用法标签用于创建供用户输入的HTML表单。元素可以包含下列一个或多个表单元素:浏览器支持属性全局属性标签支持HTML中的全局属性。事件属性标签支持HTML中的事件属性。更多示例例子带有复选框的HTML表单:IhaveabikeIhaveacarIhaveaboat例子带有单选</div> </li> <li><a href="/article/1881288571218882560.htm" title="HTML<blockquote>标签" target="_blank">HTML<blockquote>标签</a> <span class="text-muted">新生派</span> <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>例子引用自其他来源的部分:For50years,WWFhasbeenprotectingthefutureofnature.Theworld'sleadingconservationorganization,WWFworksin100countriesandissupportedby1.2millionmembersintheUnitedStatesandcloseto5millionglobal</div> </li> <li><a href="/article/1881288193186263040.htm" title="HTML<!DOCTYPE>声明" target="_blank">HTML<!DOCTYPE>声明</a> <span class="text-muted">新生派</span> <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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>例子TitleofthedocumentThecontentofthedocument......定义和用法所有HTML文档都必须以声明开始。声明不是HTML标签。它是向浏览器提供的有关预期文档类型的“信息”。在HTML5中,声明很简单:浏览器支持较旧的HTML文档在较旧的文档(HTML4或XHTML)中,声明更为复杂,因为声明必须引用DTD(文档类型定义)。HTML4.01:XHTML1.1:提</div> </li> <li><a href="/article/1881282243914166272.htm" title="AI时代的前端开发:技能提升与职业发展之路" target="_blank">AI时代的前端开发:技能提升与职业发展之路</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在瞬息万变的科技时代,个人职业发展的重要性日益凸显。提升技能,不断学习,已经不再是锦上添花,而是立足之本,是我们在竞争激烈的职场中脱颖而出的关键。而人工智能(AI)技术的快速发展,为我们提供了前所未有的机遇,特别是对于前端开发领域,AI正以前所未有的速度改变着我们的工作方式和学习方式。AI赋能前端开发:个性化学习路径前端开发领域的技术栈庞大而复杂,涵盖HTML、CSS、JavaScript、各种框</div> </li> <li><a href="/article/1881280633116880896.htm" title="HTML<img>标签" target="_blank">HTML<img>标签</a> <span class="text-muted">新生派</span> <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页面中嵌入图像。从技术上讲,图像并非插入网页;图像链接到网页。标签为引用的图像创建了一个保存空间。该标签具有两个必需属性:src——指定图像的路径alt-如果图像由于某种原因无法显示,则指定图像的替代文本注意:另外,请务必指定图像的宽度和高度。如果未指定宽度和高度,则图像加载时页面可能会闪烁。提示:要将图像链接到另一个文</div> </li> <li><a href="/article/1881280506755084288.htm" title="为AI聊天工具添加一个知识系统 之54 为事务处理 设计 基于DDD的一个 AI操作系统 来处理维度" target="_blank">为AI聊天工具添加一个知识系统 之54 为事务处理 设计 基于DDD的一个 AI操作系统 来处理维度</a> <span class="text-muted">一水鉴天</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E8%AF%AD%E8%A8%80/1.htm">人工语言</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%99%BA%E8%83%BD/1.htm">软件智能</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%88%B6%E9%80%A0/1.htm">智能制造</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/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>本文要点要点Architecture程序它被设计为一个双面神结构的控制器,它的两侧一侧编译执行另一侧解释执行,自已则是一个翻译器--通过提供两个不同取向之间的结构映射的显示器(带图形用户接口GUI和命令行接口CLI两种接口)。一个Architecture模型(表面模型接口类)一个Architecture模型采用“本”“迹”二分法,对应一个html模板。该模板中提供三个动态区划>>>代表html占位</div> </li> <li><a href="/article/1881255896705724416.htm" title="QWebEngineView之加载html打印PDF" target="_blank">QWebEngineView之加载html打印PDF</a> <span class="text-muted">学习,学习,在学习</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/qt5/1.htm">qt5</a> <div>QWebEngineView通过QWebEngineView加载html文件打印pdf相比自己手动绘制pdf简单的多,制作好对应的html文件,然后Qfile读取html文件模板,替换函数需要替换的value,存成html文件,然后QWebEngineView加载,就直接能够打印成对应格式的pdf了。//读取html文件QFileoutFile(QStringLiteral("C://Users/</div> </li> <li><a href="/article/1881230932212510720.htm" title="MYSQL数据类型" target="_blank">MYSQL数据类型</a> <span class="text-muted">jay丿</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>数据类型结构化数据、例如关系型数据库半结构化数据、HTML、XML、JSON非结构化数据SQL(结构化查询语言)命令关系型数据库擅长处理结构化数据、可以通过结构化查询语言对数据进行CRUD(增删改查)DDL(数据定义语言):主要包含的命令有create、drop、alter、truncate、showDML(数据操纵语言):主要包含的命令有insert,update,deleteDQL(数据查询语</div> </li> <li><a href="/article/1881222338997972992.htm" title="【新人系列】Python 入门(十六):正则表达式" target="_blank">【新人系列】Python 入门(十六):正则表达式</a> <span class="text-muted">Pandaconda</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E4%BA%BA%E7%B3%BB%E5%88%97/1.htm">新人系列</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/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><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>✍个人博客:https://blog.csdn.net/Newin2020?type=blog专栏地址:https://blog.csdn.net/newin2020/category_12801353.html专栏定位:为0基础刚入门Python的小伙伴提供详细的讲解,也欢迎大佬们一起交流~专栏简介:在这个专栏,我将带着大家从0开始入门Python的学习。在这个Python的新人系列专栏下,将会</div> </li> <li><a href="/article/1881222341611024384.htm" title="【新人系列】Python 入门(十七):类与对象" target="_blank">【新人系列】Python 入门(十七):类与对象</a> <span class="text-muted">Pandaconda</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E4%BA%BA%E7%B3%BB%E5%88%97/1.htm">新人系列</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">面向对象</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB/1.htm">类</a> <div>✍个人博客:https://blog.csdn.net/Newin2020?type=blog专栏地址:https://blog.csdn.net/newin2020/category_12801353.html专栏定位:为0基础刚入门Python的小伙伴提供详细的讲解,也欢迎大佬们一起交流~专栏简介:在这个专栏,我将带着大家从0开始入门Python的学习。在这个Python的新人系列专栏下,将会</div> </li> <li><a href="/article/1881222336938569728.htm" title="【新人系列】Python 入门(十一):控制结构" target="_blank">【新人系列】Python 入门(十一):控制结构</a> <span class="text-muted">Pandaconda</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E4%BA%BA%E7%B3%BB%E5%88%97/1.htm">新人系列</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E6%8E%A7%E5%88%B6%E7%BB%93%E6%9E%84/1.htm">控制结构</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>✍个人博客:https://blog.csdn.net/Newin2020?type=blog专栏地址:https://blog.csdn.net/newin2020/category_12801353.html专栏定位:为0基础刚入门Python的小伙伴提供详细的讲解,也欢迎大佬们一起交流~专栏简介:在这个专栏,我将带着大家从0开始入门Python的学习。在这个Python的新人系列专栏下,将会</div> </li> <li><a href="/article/1881216784795758592.htm" title="JavaScript详解十三 ——节点操作" target="_blank">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/JavaScript%E8%AF%A6%E8%A7%A3/1.htm">JavaScript详解</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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/ecmascript/1.htm">ecmascript</a> <div>目录节点操作1、创建节点2、创建文本3、添加节点(先有父母才能生孩子)4、替换节点5、删除节点6、克隆节点7、创建节点另外几种方式(1)、element.innerHTML(2)、element.innerText(3)、document.write()(4)、insertAdjacentHTML()节点操作1、创建节点docment.createElement('节点')参数:标签名字符串这些元</div> </li> <li><a href="/article/1881214372399869952.htm" title="【新人系列】Python 入门(二十七):Python 库" target="_blank">【新人系列】Python 入门(二十七):Python 库</a> <span class="text-muted">Pandaconda</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E4%BA%BA%E7%B3%BB%E5%88%97/1.htm">新人系列</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/python%E5%BA%93/1.htm">python库</a><a class="tag" taget="_blank" href="/search/%E5%BA%93/1.htm">库</a> <div>✍个人博客:https://blog.csdn.net/Newin2020?type=blog专栏地址:https://blog.csdn.net/newin2020/category_12801353.html专栏定位:为0基础刚入门Python的小伙伴提供详细的讲解,也欢迎大佬们一起交流~专栏简介:在这个专栏,我将带着大家从0开始入门Python的学习。在这个Python的新人系列专栏下,将会</div> </li> <li><a href="/article/1881210212933758976.htm" title="Node.js 能做什么" target="_blank">Node.js 能做什么</a> <span class="text-muted">yqcoder</span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>一、服务器端开发1.构建Web服务器使用内置的`http`模块或流行的框架(如Express、Koa等)创建Web服务器,处理HTTP请求和响应。可以处理各种类型的请求,如GET、POST、PUT、DELETE等,并返回相应的HTML、JSON或其他数据类型。consthttp=require("http");constserver=http.createServer((req,res)=>{ r</div> </li> <li><a href="/article/1881206042675703808.htm" title="Mysql运维篇(五) 部署MHA--主机环境配置" target="_blank">Mysql运维篇(五) 部署MHA--主机环境配置</a> <span class="text-muted">努力的兜</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>一路走来,所有遇到的人,帮助过我的、伤害过我的都是朋友,没有一个是敌人。如有侵权,请留言,我及时删除!大佬博文https://www.cnblogs.com/gomysql/p/3675429.htmlMySQL高可用(MHA)-知乎一、MHA简介:MHA(MasterHighAvailability)目前在MySQL高可用方面是一个相对成熟的解决方案,它由日本DeNA公司youshimaton(</div> </li> <li><a href="/article/1881204531509915648.htm" title="stm32+w5500实现web服务_【NodeJS】简单静态WEB服务器实现" target="_blank">stm32+w5500实现web服务_【NodeJS】简单静态WEB服务器实现</a> <span class="text-muted">weixin_39711441</span> <div>说明利用HTTP模块URl模块Path模块Fs模块创建在项目文件夹下,创建文件夹static,下面创建index.html//引入http模块var http=require('http');//fs模块var fs=require('fs');http.createServer(function(req,res){    //http://localhost:8001/news.html/new</div> </li> <li><a href="/article/1881181429975543808.htm" title="页面雪花飘落(html、CSS、JS)" target="_blank">页面雪花飘落(html、CSS、JS)</a> <span class="text-muted">小姐姐呀~</span> <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>*{margin:0;padding:0;}#box{width:100vw;height:100vh;padding:3px;position:absolute;background:black;}(function(){varscreenWidth=screen.availWidth;//获取屏幕宽度varscreenHeight=screen.availHeight;//获取屏幕高度vars</div> </li> <li><a href="/article/1881181303496306688.htm" title="浏览器输入本地地址打开本地服务器html" target="_blank">浏览器输入本地地址打开本地服务器html</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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>html文件可用本地IP访问全局安装一下代码1.找到html文件所在的文件夹,在目录栏输入cmd按下Enter,会弹出小黑盒2.复制粘贴到小黑盒中npminstall-ghttp-serverhttp-server-p8080就可以用本地ip地址访问了,例如(http://192.168.2.123:8080/cat.html)</div> </li> <li><a href="/article/1881170449967149056.htm" title="Parcel打包探讨" target="_blank">Parcel打包探讨</a> <span class="text-muted">Gavin13140</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">前端技术</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%89%93%E5%8C%85/1.htm">前端打包</a><a class="tag" taget="_blank" href="/search/parceljs/1.htm">parceljs</a><a class="tag" taget="_blank" href="/search/parcel/1.htm">parcel</a> <div>Parcel探讨卖点:1.极速打包时间Parcel使用worker进程去启用多核编译。同时有文件系统缓存,即使在重启构建后也能快速再编译。2.打包所有的资源Parcel具备开箱即用的对JS,CSS,HTML,文件及更多的支持,而且不需要插件。3.自动转换在需要时,代码使用Babel,PostCSS和PostHTML自动转换4.零配置代码分拆使用动态import()语法,Parcel将你的输出文件束</div> </li> <li><a href="/article/1881134505696227328.htm" title="python中redirect如何传值_传递参数时重定向 - python" target="_blank">python中redirect如何传值_传递参数时重定向 - python</a> <span class="text-muted">叫我柴先生</span> <div>在烧瓶中,我可以这样做:render_template("foo.html",messages={'main':'hello'})如果foo.html包含{{messages['main']}},则页面将显示hello。但是,如果有一条通往foo的路线怎么办:@app.route("/foo")defdo_foo():#dosomelogicherereturnrender_template("f</div> </li> <li><a href="/article/1881127692665942016.htm" title="Jmeter-1-JMeter代理录制脚本" target="_blank">Jmeter-1-JMeter代理录制脚本</a> <span class="text-muted">karry_孙二</span> <a class="tag" taget="_blank" href="/search/Jmeter/1.htm">Jmeter</a><a class="tag" taget="_blank" href="/search/Jmeter/1.htm">Jmeter</a> <div>jmeter代理录制脚本1.原理:把jmeter作为代理服务器2.代理:相当于中转站3.流程:浏览器(客户端)--->jmeter--->服务器步骤1.设置浏览器为代理模式2.jm新建代理服务器,设置3.设置过滤规则录制脚本:jmeter只能录制html包含模式:.*192\.168\.0\.203.*(.要用\来转译)排除模式:.*\.js.*|.*\.css.*|.*\.png.*|.*\.g</div> </li> <li><a href="/article/1881115070138740736.htm" title="【Python爬虫实战】深入解析 Scrapy 管道:数据清洗、验证与存储的实战指南" target="_blank">【Python爬虫实战】深入解析 Scrapy 管道:数据清洗、验证与存储的实战指南</a> <span class="text-muted">易辰君</span> <a class="tag" taget="_blank" href="/search/python%E7%88%AC%E8%99%AB/1.htm">python爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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>个人主页:易辰君-CSDN博客系列专栏:https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、了解ScrapyShell二、配置文件settings.py(一)为什么需要配置文件(二)配置文件的使用方法(三)常用字段及其含义三、管道的深入使用(一)管道的常用方法(二)管道的实现(三)启用管道四、管道的常见应用场景五、管道使用</div> </li> <li><a href="/article/1881114943806304256.htm" title="【Python爬虫实战】轻量级爬虫利器:DrissionPage之SessionPage与WebPage模块详解" target="_blank">【Python爬虫实战】轻量级爬虫利器:DrissionPage之SessionPage与WebPage模块详解</a> <span class="text-muted">易辰君</span> <a class="tag" taget="_blank" href="/search/python%E7%88%AC%E8%99%AB/1.htm">python爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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>个人主页:易辰君-CSDN博客系列专栏:https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、SessionPage(一)SessionPage模块的基本功能(二)基本使用(三)常用方法(四)页面元素定位和数据提取(五)Cookie和会话管理(六)SessionPage的优点和局限性(七)SessionPage和Driver</div> </li> <li><a href="/article/1881114942380240896.htm" title="【Python爬虫实战】全面解析 DrissionPage:简化 Python 浏览器自动化的三种模式" target="_blank">【Python爬虫实战】全面解析 DrissionPage:简化 Python 浏览器自动化的三种模式</a> <span class="text-muted">易辰君</span> <a class="tag" taget="_blank" href="/search/python%E7%88%AC%E8%99%AB/1.htm">python爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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>个人主页:易辰君-CSDN博客系列专栏:https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、DrissionPage简介(一)ChromiumPage(二)WebPage(三)SessionPage(四)三大模块总结二、ChromiumPage(一)初始化ChromiumPage(二)基本操作(三)等待元素加载(四)执行J</div> </li> <li><a href="/article/1881099051177406464.htm" title="基于Damo-YOLO和DyHead检测头的YOLOv8优化:多尺度目标检测的创新方案【YOLOv8】" target="_blank">基于Damo-YOLO和DyHead检测头的YOLOv8优化:多尺度目标检测的创新方案【YOLOv8】</a> <span class="text-muted">步入烟尘</span> <a class="tag" taget="_blank" href="/search/YOLO%E7%B3%BB%E5%88%97%E5%88%9B%E6%96%B0%E6%B6%A8%E7%82%B9%E8%B6%85%E4%B8%93%E6%A0%8F/1.htm">YOLO系列创新涨点超专栏</a><a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/1.htm">目标检测</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/YOLOv8/1.htm">YOLOv8</a> <div>本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术,带你从入门到精通!后续更有实战项目,助你轻松应对面试挑战!立即订阅,开启你的YOLOv8之旅!专栏订阅地址:https://blog.csdn.net/mrdeam/category_12804295.html文章目录基于Damo-YOLO和DyHead检测头的YOLOv8优化:多尺度目标检测的创新方案【YOLOv8</div> </li> <li><a href="/article/83.htm" title="java线程的无限循环和退出" target="_blank">java线程的无限循环和退出</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>最近想写一个游戏,然后碰到有关线程的问题,网上查了好多资料都没满足。 突然想起了前段时间看的有关线程的视频,于是信手拈来写了一个线程的代码片段。 希望帮助刚学java线程的童鞋 package thread; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date</div> </li> <li><a href="/article/210.htm" title="tomcat 容器" target="_blank">tomcat 容器</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>Tomcat的组成部分 1、server A Server element represents the entire Catalina servlet container. (Singleton) 2、service service包括多个connector以及一个engine,其职责为处理由connector获得的客户请求。   3、connector 一个connector</div> </li> <li><a href="/article/337.htm" title="php递归,静态变量,匿名函数使用" target="_blank">php递归,静态变量,匿名函数使用</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E9%80%92%E5%BD%92%E5%87%BD%E6%95%B0/1.htm">递归函数</a><a class="tag" taget="_blank" href="/search/%E5%8C%BF%E5%90%8D%E5%87%BD%E6%95%B0/1.htm">匿名函数</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E5%8F%98%E9%87%8F/1.htm">静态变量</a><a class="tag" taget="_blank" href="/search/%E5%BC%95%E7%94%A8%E4%BC%A0%E5%8F%82/1.htm">引用传参</a> <div>  <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body></div> </li> <li><a href="/article/464.htm" title="属性颜色字体变化" target="_blank">属性颜色字体变化</a> <span class="text-muted">周华华</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>function changSize(className){ var diva=byId("fot") diva.className=className; } </script> <style type="text/css"> .max{ background: #900; color:#039; </div> </li> <li><a href="/article/591.htm" title="将properties内容放置到map中" target="_blank">将properties内容放置到map中</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/properties/1.htm">properties</a> <div>代码比较简单: private static Map<Object, Object> map; private static Properties p; static { //读取properties文件 InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti</div> </li> <li><a href="/article/718.htm" title="[简单]拼接字符串" target="_blank">[简单]拼接字符串</a> <span class="text-muted">53873039oycg</span> <a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">字符串</a> <div>         工作中遇到需要从Map里面取值拼接字符串的情况,自己写了个,不是很好,欢迎提出更优雅的写法,代码如下:           import java.util.HashMap; import java.uti</div> </li> <li><a href="/article/845.htm" title="Struts2学习" target="_blank">Struts2学习</a> <span class="text-muted">云端月影</span> <div>最近开始关注struts2的新特性,从这个版本开始,Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。 配置文件精简了,的确是简便了开发过程,但是,我们熟悉的配置突然disappear了,真是一下很不适应。跟着潮流走吧,看看该怎样来搞定convention-plugin。 使用Convention插件,你需要将其JAR文件放</div> </li> <li><a href="/article/972.htm" title="Java新手入门的30个基本概念二" target="_blank">Java新手入门的30个基本概念二</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%89%8B/1.htm">新手</a><a class="tag" taget="_blank" href="/search/java+%E5%85%A5%E9%97%A8/1.htm">java 入门</a> <div>基本概念:  1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。  2.OOP中最重要的思想是类,类是模板是蓝图,</div> </li> <li><a href="/article/1099.htm" title="jedis 简单使用" target="_blank">jedis 简单使用</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a><a class="tag" taget="_blank" href="/search/command/1.htm">command</a><a class="tag" taget="_blank" href="/search/jedis/1.htm">jedis</a> <div>jedis.RedisOperationCollection.java package jedis; import org.apache.log4j.Logger; import redis.clients.jedis.Jedis; import java.util.List; import java.util.Map; import java.util.Set; pub</div> </li> <li><a href="/article/1226.htm" title="PL/SQL的函数和包体的基础" target="_blank">PL/SQL的函数和包体的基础</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/PL%2FSQL%E7%BC%96%E7%A8%8B%E5%87%BD%E6%95%B0/1.htm">PL/SQL编程函数</a><a class="tag" taget="_blank" href="/search/%E5%8C%85%E4%BD%93%E6%98%BE%E7%A4%BA%E5%8C%85%E7%9A%84%E5%85%B7%E4%BD%93%E6%95%B0%E6%8D%AE/1.htm">包体显示包的具体数据</a><a class="tag" taget="_blank" href="/search/%E5%8C%85/1.htm">包</a> <div>由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,   函数; 函数:PL/SQL中的函数相当于java中的方法;函数有返回值 定义函数的 --输入姓名找到该姓名的年薪 create or re</div> </li> <li><a href="/article/1353.htm" title="Mockito(二)--实例篇" target="_blank">Mockito(二)--实例篇</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90/1.htm">持续集成</a><a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>        学习了基本知识后,就可以实战了,Mockito的实际使用还是比较麻烦的。因为在实际使用中,最常遇到的就是需要模拟第三方类库的行为。         比如现在有一个类FTPFileTransfer,实现了向FTP传输文件的功能。这个类中使用了a</div> </li> <li><a href="/article/1480.htm" title="精通Oracle10编程SQL(7)编写控制结构" target="_blank">精通Oracle10编程SQL(7)编写控制结构</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>/* *编写控制结构 */ --条件分支语句 --简单条件判断 DECLARE v_sal NUMBER(6,2); BEGIN select sal into v_sal from emp where lower(ename)=lower('&name'); if v_sal<2000 then update emp set</div> </li> <li><a href="/article/1607.htm" title="【Log4j二】Log4j属性文件配置详解" target="_blank">【Log4j二】Log4j属性文件配置详解</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a> <div>如下是一个log4j.properties的配置   log4j.rootCategory=INFO, stdout , R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appe</div> </li> <li><a href="/article/1734.htm" title="java集合排序笔记" target="_blank">java集合排序笔记</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{ private static final long serialVersionUID = -2958090810811192128L; private int id; private String nam</div> </li> <li><a href="/article/1861.htm" title="java导致linux负载过高的定位方法" target="_blank">java导致linux负载过高的定位方法</a> <span class="text-muted">ronin47</span> <div>定位java进程ID 可以使用top或ps -ef |grep java ![图片描述][1] 根据进程ID找到最消耗资源的java pid 比如第一步找到的进程ID为5431 执行 top -p 5431 -H ![图片描述][2] 打印java栈信息 $ jstack -l 5431 > 5431.log 在栈信息中定位具体问题 将消耗资源的Java PID转</div> </li> <li><a href="/article/1988.htm" title="给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数" target="_blank">给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/1.htm">函数</a> <div> import java.util.ArrayList; import java.util.List; import java.util.Random; public class RandNFromRand5 { /** 题目:给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数。 解法1: f(k) = (x0-1)*5^0+(x1-</div> </li> <li><a href="/article/2115.htm" title="PL/SQL Developer保存布局" target="_blank">PL/SQL Developer保存布局</a> <span class="text-muted">Kai_Ge</span> <div>      近日由于项目需要,数据库从DB2迁移到ORCAL,因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉,造成了很多麻烦,最主要的就是进入后,左边列表有很多选项,自己删除了一些选项卡,布局很满意了,下次进入后又恢复了以前的布局,很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段:   &n</div> </li> <li><a href="/article/2242.htm" title="[未来战士计划]超能查派[剧透,慎入]" target="_blank">[未来战士计划]超能查派[剧透,慎入]</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E5%88%92/1.htm">计划</a> <div>       非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........        虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....    &nbs</div> </li> <li><a href="/article/2369.htm" title="Google Map API V2" target="_blank">Google Map API V2</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/google+map/1.htm">google map</a> <div>以后如果要开发包含google map的程序就更麻烦咯 http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html 找到篇不错的文章,大家可以参考一下 http://blog.sina.com.cn/s/blog_c2839d410101jahv.html 1. 创建Android工程 由于v2的key需要G</div> </li> <li><a href="/article/2496.htm" title="java数据计算层的几种解决方法2" target="_blank">java数据计算层的几种解决方法2</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E7%AE%97%E5%99%A8/1.htm">集算器</a> <div>2、SQL     SQL/SP/JDBC在这里属于一类,这是老牌的数据计算层,性能和灵活性是它的优势。但随着新情况的不断出现,单纯用SQL已经难以满足需求,比如: JAVA开发规模的扩大,数据量的剧增,复杂计算问题的涌现。虽然SQL得高分的指标不多,但都是权重最高的。     成熟度:5星。最成熟的。   </div> </li> <li><a href="/article/2623.htm" title="Linux下Telnet的安装与运行" target="_blank">Linux下Telnet的安装与运行</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/telnet/1.htm">telnet</a> <div> Linux下Telnet的安装与运行   linux默认是使用SSH服务的 而不安装telnet服务  如果要使用telnet 就必须先安装相应的软件包  即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9,则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm </div> </li> <li><a href="/article/2750.htm" title="PHP中钩子函数的实现与认识" target="_blank">PHP中钩子函数的实现与认识</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>假如有这么一段程序: function fun(){ fun1(); fun2(); }   首先程序执行完fun1()之后执行fun2()然后fun()结束。   但是,假如我们想对函数做一些变化。比如说,fun是一个解析函数,我们希望后期可以提供丰富的解析函数,而究竟用哪个函数解析,我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。   我们可以在fu</div> </li> <li><a href="/article/2877.htm" title="EOS中的WorkSpace密码修改" target="_blank">EOS中的WorkSpace密码修改</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9WorkSpace%E5%AF%86%E7%A0%81/1.htm">修改WorkSpace密码</a> <div>EOS中BPS的WorkSpace密码修改 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201</div> </li> <li><a href="/article/3004.htm" title="SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】" target="_blank">SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/SpringSecurity/1.htm">SpringSecurity</a> <div> SpringSecurity的配置相对来说有些复杂,如果是完整的bean配置,则需要配置大量的bean,所以xml配置时使用了命名空间来简化配置,同样,spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity,达到同样减少bean配置的目的,如下:   applicationContex</div> </li> <li><a href="/article/3131.htm" title="ie 9 kendo ui中ajax跨域的问题" target="_blank">ie 9 kendo ui中ajax跨域的问题</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/AJAX%E8%B7%A8%E5%9F%9F/1.htm">AJAX跨域</a> <div>这两天遇到个问题,kendo ui的datagrid,根据json去读取数据,然后前端通过kendo ui的datagrid去渲染,但很奇怪的是,在ie 10,ie 11,chrome,firefox等浏览器中,同样的程序, 浏览起来是没问题的,但把应用放到公网上的一台服务器, 却发现如下情况: 1) ie 9下,不能出现任何数据,但用IE 9浏览器浏览本机的应用,却没任何问题 </div> </li> <li><a href="/article/3258.htm" title="不要让别人笑你不能成为程序员" target="_blank">不要让别人笑你不能成为程序员</a> <span class="text-muted">lampcy</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>在经历六个月的编程集训之后,我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。 说实话,我感觉我的脑细胞像被轰炸过一样。 手慢慢地离开键盘,心里很压抑。不禁默默祈祷:一切都会进展顺利的,对吧?至少有些地方我的回答应该是没有遗漏的,是不是? 难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗? 我需要一点点安慰。在自我怀疑,不安全感和脆弱等等像龙卷风一</div> </li> <li><a href="/article/3385.htm" title="马皇后的贤德" target="_blank">马皇后的贤德</a> <span class="text-muted">nannan408</span> <div>   马皇后不怕朱元璋的坏脾气,并敢理直气壮地吹耳边风。众所周知,朱元璋不喜欢女人干政,他认为“后妃虽母仪天下,然不可使干政事”,因为“宠之太过,则骄恣犯分,上下失序”,因此还特地命人纂述《女诫》,以示警诫。但马皇后是个例外。   有一次,马皇后问朱元璋道:“如今天下老百姓安居乐业了吗?”朱元璋不高兴地回答:“这不是你应该问的。”马皇后振振有词地回敬道:“陛下是天下之父,</div> </li> <li><a href="/article/3512.htm" title="选择某个属性值最大的那条记录(不仅仅包含指定属性,而是想要什么属性都可以)" target="_blank">选择某个属性值最大的那条记录(不仅仅包含指定属性,而是想要什么属性都可以)</a> <span class="text-muted">Rainbow702</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/group+by/1.htm">group by</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%A4%A7%E5%80%BC/1.htm">最大值</a><a class="tag" taget="_blank" href="/search/max/1.htm">max</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%A4%A7%E7%9A%84%E9%82%A3%E6%9D%A1%E8%AE%B0%E5%BD%95/1.htm">最大的那条记录</a> <div>好久好久不写SQL了,技能退化严重啊!!!   直入主题: 比如我有一张表,file_info, 它有两个属性(但实际不只,我这里只是作说明用): file_code, file_version 同一个code可能对应多个version 现在,我想针对每一个code,取得它相关的记录中,version 值 最大的那条记录, SQL如下: select * </div> </li> <li><a href="/article/3639.htm" title="VBScript脚本语言" target="_blank">VBScript脚本语言</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/VBScript/1.htm">VBScript</a> <div>  VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。   VB家族语言简介   Visual Basic 6.0           源于BASIC语言。           由微软公司开发的包含协助开发环境的事</div> </li> <li><a href="/article/3766.htm" title="java中枚举类型的使用" target="_blank">java中枚举类型的使用</a> <span class="text-muted">xiao1zhao2</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/%E6%9E%9A%E4%B8%BE/1.htm">枚举</a><a class="tag" taget="_blank" href="/search/1.5%E6%96%B0%E7%89%B9%E6%80%A7/1.htm">1.5新特性</a> <div>枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.   1.定义一个简单的枚举类型 public enum Sex { MAN, WOMAN }   枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.   2.常用方法 静态的values()方</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </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>