我的第一个标题

我的第一个段落。

HTML文件结构

末晨曦吖

起始行告诉浏览器这是一个HTML文档开始标签结束标签

html根标签，标签都是成对出现的，标签中可以嵌套文本或其他标签

中定义文档的描述信息定义title，它会显示在浏览器上</p><p>HTML常用标签</p><p>标题标签</p><p><h1>这是标题 1</h1></p><p><h2>这是标题 2</h2></p><p><h3>这是标题 3</h3></p><p><h4>这是标题 4</h4></p><p><h5>这是标题 5</h5></p><p><h6>这是标题 6</h6></p><p>效果：</p><p>段落标签</p><p><p>这是一个段落。</p></p><p><p>这是一个段落。</p></p><p><p>这是一个段落。</p></p><p>效果：</p><p>文本样式标签</p><p><b>加粗文本</b><br><br></p><p><i>斜体文本</i><br><br></p><p><code>电脑自动输出</code><br><br></p><p>这是 <sub> 下标</sub> 和 <sup> 上标</sup><br><br></p><p><del>我是带删除线的文本</del></p><p>效果：</p><p>列表标签</p><p>无序列表</p><p><ul></p><p><li>列表项</li></p><p><li>列表项</li></p><p><li>列表项</li></p><p></ul></p><p>效果：</p><p>有序列表</p><p><ol></p><p><li>列表项</li></p><p><li>列表项</li></p><p><li>列表项</li></p><p></ol></p><p><ol start="50"></p><p><li>列表项</li></p><p><li>列表项</li></p><p><li>列表项</li></p><p></ol></p><p>效果：</p><p>超链接标签</p><p><a href="https://www.bilibili.com/" target="_blank">跳转到 B 站</a></p><p>效果：</p><p>多媒体标签</p><p>图片标签</p><p><img onclick="xtip.photoApp('jzpic',{index:'1'})" data-xphoto="jzpic" src="./smiley.gif" title="前端 javascript 七分钟学会 HTML 网页制作第1张" alt="前端 javascript 七分钟学会 HTML 网页制作第1张"></p><p>视频标签</p><p><video src="./video .mp4" controls></video></p><p>音频标签</p><p><audio src="./audio .mp3" controls></audio></p><p>div标签</p><p>块级元素，并没具体的实际意义，主要作用是调整布局样式；</p><p><div></p><p><h1>我的第一个标题</h1></p><p><p>我的第一个段落。</p></p><p></div></p><p>布局标签</p><p><headet>头部信息<nav>导航栏<aside>侧边栏<main>内容区域<footer>底部信息<article>文章详情<section>页面分区</p><p>更多资料参考</p><p>菜鸟教程</p><p>w3cschool</p><p>若对您有帮助，请点击跳转到B站一键三连哦！感谢支持！</p><p>好文推荐</p><div class="ly_isview_code_1"><div class="ly_isview_codea" data-id="18713472"><span><a href="https://www.51969.com/zb_system/login.php" target="_blank">评论可见</a>，请评论后查看内容，谢谢！！！</span></div></div><div id="tingliu" style="background-color:#FFFFFF;border:1px dashed #FF0000;text-align:center;display:block;"><span class="tingliu2 hint--top hint--bounce"><a href="##read_time"><img src="https://www.51969.com/zb_users/plugin/zharry_Reading_time/images/tishi.gif" class="tingliu5" ></a></span> <span class="tingliu2">您阅读本篇文章共花了：</span> <span class="tingliu3" id="stime"></span> </div></br><script language="JavaScript">var ss=0,mm=0,hh=0;function TimeGo(){ss++;if(ss>=60){mm+=1;ss=0}if(mm>=60){hh+=1;mm=0}ss_str=(ss<10?"0"+ss:ss);mm_str=(mm<10?"0"+mm:mm);tMsg=""+hh+"小时"+mm_str+"分"+ss_str+"秒";document.getElementById("stime").innerHTML=tMsg;setTimeout("TimeGo()",1000)}TimeGo();</script><br><p style="text-indent: 2em;">大家都在找：</p><p>html：<a href="https://www.51969.com/search/html%E6%98%AF%E4%BB%80%E4%B9%88.html" target="_blank">html是什么</a></p><p>前端：<a href="https://www.51969.com/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E9%9C%80%E8%A6%81%E5%AD%A6%E4%BB%80%E4%B9%88.html" target="_blank">前端开发需要学什么</a></p><p>javascript：<a href="https://www.51969.com/search/javascript%E6%98%AF%E4%BB%80%E4%B9%88.html" target="_blank">javascript是什么</a></p><div class="zk_article_recommendation"> <div class="recommendation-title">大家都在看：</div> <div class="recommendation-list"> <div class="zk-a-item"> <a href="https://www.51969.com/post/15796487.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong><span class="highlight" style="color:#f73131;">javascript</span> <span class="highlight" style="color:#f73131;">前端</span> webpack vue.js <span class="highlight" style="color:#f73131;">html</span> 5<span class="highlight" style="color:#f73131;">分钟学会</span> vite</strong></p> <p class="zk-a-i"> 文章目录组成开发服务器原理：浏览器支持 esm 模块其他类型文件请求转发基本使用安装特色依赖预构建预览 vite VS webpack插件vite.config.jsvite 对 ... </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/18001585.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong>dreamweaver js 大一<span class="highlight" style="color:#f73131;">学</span>生<span class="highlight" style="color:#f73131;">作</span>品《<span class="highlight" style="color:#f73131;">前端</span>框架开发技术》期末<span class="highlight" style="color:#f73131;">网页制作</span> <span class="highlight" style="color:#f73131;">HTML</span>+CSS+<span class="highlight" style="color:#f73131;">JavaScript</span> 个人主<span class="highlight" style="color:#f73131;">页网页</span>设计实例</strong></p> <p class="zk-a-i"> </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/15794759.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong>idea <span class="highlight" style="color:#f73131;">javascript</span> <span class="highlight" style="color:#f73131;">前端</span> <span class="highlight" style="color:#f73131;">html</span> 正则表达式 Javaweb实验：静态<span class="highlight" style="color:#f73131;">网页制作</span></strong></p> <p class="zk-a-i"> </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/19102826.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong><span class="highlight" style="color:#f73131;">javascript</span> 课程设计 bootstrap <span class="highlight" style="color:#f73131;">html</span>5 java 123. web<span class="highlight" style="color:#f73131;">前端</span> 大<span class="highlight" style="color:#f73131;">学</span>生期末<span class="highlight" style="color:#f73131;">作</span>业高<span class="highlight" style="color:#f73131;">端</span>大气的VR科技创新企业<span class="highlight" style="color:#f73131;">网页</span> <span class="highlight" style="color:#f73131;">网页制作html</span>+css+js</strong></p> <p class="zk-a-i"> </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/17825015.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong><span class="highlight" style="color:#f73131;">前端</span> Web大<span class="highlight" style="color:#f73131;">学</span>生<span class="highlight" style="color:#f73131;">网页</span>成品情人节程序员用<span class="highlight" style="color:#f73131;">HTML网页</span>表白【520<span class="highlight" style="color:#f73131;">七</span>夕情人节表白<span class="highlight" style="color:#f73131;">网页制作</span>】 <span class="highlight" style="color:#f73131;">HTML</span>5<span class="highlight" style="color:#f73131;">七</span>夕情人节表白<span class="highlight" style="color:#f73131;">网页</span>源码 <span class="highlight" style="color:#f73131;">HTML</span>+CSS+<span class="highlight" style="color:#f73131;">JavaScript</span></strong></p> <p class="zk-a-i"> </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/18602851.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong><span class="highlight" style="color:#f73131;">前端</span> 课程设计 <span class="highlight" style="color:#f73131;">javascript</span> <span class="highlight" style="color:#f73131;">html网页制作</span> 基于<span class="highlight" style="color:#f73131;">html</span>5<span class="highlight" style="color:#f73131;">制作</span>美食菜谱<span class="highlight" style="color:#f73131;">网页</span>设计<span class="highlight" style="color:#f73131;">作</span>业代码</strong></p> <p class="zk-a-i"> 文章目录二、✍️<span class="highlight" style="color:#f73131;">网</span>站描述三、<span class="highlight" style="color:#f73131;">网</span>站介绍四、<span class="highlight" style="color:#f73131;">网</span>站效果五、望代码实现隣<span class="highlight" style="color:#f73131;">HTML</span>结构代码CSS样式代码六、磊如何让<span class="highlight" style="color:#f73131;">学</span>习不再盲目<span class="highlight" style="color:#f73131;">七</span>、更多干货❤ 【<span class="highlight" style="color:#f73131;">作</span>者主<span class="highlight" style="color:#f73131;">页</span>——获取更多优质源码】❤ 【<span class="highlight" style="color:#f73131;">学</span>习资料/简... </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/17801815.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong><span class="highlight" style="color:#f73131;">javascript</span> <span class="highlight" style="color:#f73131;">前端</span> css <span class="highlight" style="color:#f73131;">html</span> css3 【<span class="highlight" style="color:#f73131;">学会</span>轮播图这一篇文章就足够啦】JS <span class="highlight" style="color:#f73131;">网页</span>轮播图详解自动播放+手动播放</strong></p> <p class="zk-a-i"> </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/17827839.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong><span class="highlight" style="color:#f73131;">javascript</span> <span class="highlight" style="color:#f73131;">前端</span> <span class="highlight" style="color:#f73131;">html</span>5 高仿英雄联盟游戏<span class="highlight" style="color:#f73131;">网页制作作</span>业英雄联盟LOL游戏<span class="highlight" style="color:#f73131;">HTML网页</span>设计模板简单<span class="highlight" style="color:#f73131;">学</span>生<span class="highlight" style="color:#f73131;">网页</span>设计静态<span class="highlight" style="color:#f73131;">HTML</span> CSS<span class="highlight" style="color:#f73131;">网</span>站<span class="highlight" style="color:#f73131;">制作</span>成品</strong></p> <p class="zk-a-i"> 精彩专栏推荐 文末获取联系 ✍️ <span class="highlight" style="color:#f73131;">作</span>者简介: 一个热爱把逻辑思维转变为代码的技术博主  <span class="highlight" style="color:#f73131;">作</span>者主<span class="highlight" style="color:#f73131;">页</span>: 【主<span class="highlight" style="color:#f73131;">页</span>——获取更多优质源码】  web<span class="highlight" style="color:#f73131;">前端</span>期末大<span class="highlight" style="color:#f73131;">作</span>业：【毕设项目精品实战案例 (10... </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/15790151.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong>vue.js <span class="highlight" style="color:#f73131;">前端</span> <span class="highlight" style="color:#f73131;">javascript</span> 3<span class="highlight" style="color:#f73131;">分钟</span>让你<span class="highlight" style="color:#f73131;">学会</span>axios在vue项目中的基本用法（建议收藏）</strong></p> <p class="zk-a-i"> </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/18715250.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong><span class="highlight" style="color:#f73131;">前端</span> 美食课程设计 <span class="highlight" style="color:#f73131;">HTML网页制作</span> <span class="highlight" style="color:#f73131;">HTML</span>期末<span class="highlight" style="color:#f73131;">学</span>生大<span class="highlight" style="color:#f73131;">作</span>业：基于<span class="highlight" style="color:#f73131;">html</span>+css+<span class="highlight" style="color:#f73131;">javascript</span>+jquery企业餐厅11<span class="highlight" style="color:#f73131;">页</span> 企业<span class="highlight" style="color:#f73131;">网</span>站<span class="highlight" style="color:#f73131;">制作</span></strong></p> <p class="zk-a-i"> </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/18895304.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong>vue.js <span class="highlight" style="color:#f73131;">前端</span> <span class="highlight" style="color:#f73131;">javascript</span> 3<span class="highlight" style="color:#f73131;">分钟</span>让你<span class="highlight" style="color:#f73131;">学会</span>axios在vue项目中的基本用法（建议收藏）</strong></p> <p class="zk-a-i"> 2、响应拦截器 3、取消拦截六、错误处理 <span class="highlight" style="color:#f73131;">七</span>、取消请求结语Axios简介axios框架全称（ajax – I/O – system）：基于promise用于浏览器和node.js的http... </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/13760663.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong><span class="highlight" style="color:#f73131;">网页制作</span> 计算机<span class="highlight" style="color:#f73131;">学</span>习 [<span class="highlight" style="color:#f73131;">HTML</span>]Web<span class="highlight" style="color:#f73131;">前端</span>开发技术7（<span class="highlight" style="color:#f73131;">HTML</span>5、CSS3、<span class="highlight" style="color:#f73131;">JavaScript</span> ）CSS的定位机<span class="highlight" style="color:#f73131;">制</span>——喵喵画<span class="highlight" style="color:#f73131;">网页</span></strong></p> <p class="zk-a-i"> 希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬<span class="highlight" style="color:#f73131;">会</span>看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录 <span class="highlight" style="color:#f73131;">前</span>言 CSS的定位机<span class="highlight" style="color:#f73131;">制</span> 文档流定位元素类... </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/18997021.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong><span class="highlight" style="color:#f73131;">前端</span> css 课程设计 <span class="highlight" style="color:#f73131;">javascript</span> <span class="highlight" style="color:#f73131;">html网页制作</span>——大一新生<span class="highlight" style="color:#f73131;">HTML</span>期末<span class="highlight" style="color:#f73131;">作</span>业,实现登录<span class="highlight" style="color:#f73131;">页</span>面</strong></p> <p class="zk-a-i"> 文章目录二、✍️<span class="highlight" style="color:#f73131;">网</span>站描述三、<span class="highlight" style="color:#f73131;">网</span>站介绍四、<span class="highlight" style="color:#f73131;">网</span>站演示五、⚙️ <span class="highlight" style="color:#f73131;">网</span>站代码隣<span class="highlight" style="color:#f73131;">HTML</span>结构代码CSS样式代码六、磊如何让<span class="highlight" style="color:#f73131;">学</span>习不再盲目<span class="highlight" style="color:#f73131;">七</span>、更多干货❤ 【<span class="highlight" style="color:#f73131;">作</span>者主<span class="highlight" style="color:#f73131;">页</span>——获取更多优质源码】❤ 【<span class="highlight" style="color:#f73131;">学</span>习资料/... </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/19164048.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong>课程设计 <span class="highlight" style="color:#f73131;">javascript</span> 148. 520专属爱心飞出ui特效 web<span class="highlight" style="color:#f73131;">前端网页制作html</span>+css+js 大<span class="highlight" style="color:#f73131;">学</span>生期末大<span class="highlight" style="color:#f73131;">作</span>业</strong></p> <p class="zk-a-i"> </p> </a> </div> <div class="zk-a-item"> <a href="https://www.51969.com/post/18579513.html"> <p class="zk-a-t" style="margin: 3px 0;"><strong><span class="highlight" style="color:#f73131;">前端</span> <span class="highlight" style="color:#f73131;">HTML网页制作</span> 情人节程序员用<span class="highlight" style="color:#f73131;">HTML网页</span>表白【多<span class="highlight" style="color:#f73131;">页</span>面爱心告白】 <span class="highlight" style="color:#f73131;">HTML</span>5<span class="highlight" style="color:#f73131;">七</span>夕情人节表白<span class="highlight" style="color:#f73131;">网页</span>源码 <span class="highlight" style="color:#f73131;">HTML</span>+CSS+<span class="highlight" style="color:#f73131;">JavaScript</span></strong></p> <p class="zk-a-i"> </p> </a> </div> </div></div><style> .zk_article_recommendation, .zk_article_recommendation * { margin: 0; padding: 0;box-sizing: border-box !important;list-style: none; } .zk_article_recommendation .recommendation-title { font-size: 18px; font-weight: 700; margin: 0; } .zk_article_recommendation .recommendation-list { margin: 0; font-size: 16px; } .zk_article_recommendation .recommendation-list .zk-a-item { padding: 2px 0 5px; border-bottom: 1px solid #e0e0e0; margin: 0; } .zk_article_recommendation .recommendation-list .zk-a-item a { margin: auto; } .zk_article_recommendation .zk-a-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 0; } .zk_article_recommendation .zk-a-i { color: #666; line-height: 20px; overflow: hidden; font-size: 14px; margin: 0; text-indent: 0; } </style> </div> <div class="tags"> <a href="https://www.51969.com/tags/html/" target="_blank">html</a><a href="https://www.51969.com/tags/%E5%89%8D%E7%AB%AF/" target="_blank">前端</a><a href="https://www.51969.com/tags/javascript/" target="_blank">javascript</a> </div> <div class="share"> <button class="diggit" onclick="dashangToggle()" > <i class="jzicon-zanshang"></i><em>赞赏</em> </button> </div> <div class="copyright"><blockquote>本文由用户于 2024-04-02 发布在金钥匙，如有疑问，请联系我们。<br>本文链接：<a href="https://www.51969.com/post/18713472.html">https://www.51969.com/post/18713472.html</a></blockquote></div> <div class="single-share"> <div class="post-share"> <a title="分享"><i class="jzicon-jzfenxiang"></i></a> <div class="share-icons share-sns" data-title="前端 javascript 七分钟学会 HTML 网页制作" data-url="https://www.51969.com/post/18713472.html"> <span class="share-icon share-wechat cl" data-type="wechat" title="分享到微信"><i class="jzicon-weixin"></i><span id="wechat-qrcode"></span></span> <span class="share-icon share-sina-weibo cl" data-type="weibo" title="分享到微博"><i class="jzicon-weibo"></i></span><span class="share-icon share-qq cl" data-type="qq" title="分享到QQ好友"><i class="jzicon-qq"></i></span> </div> </div> <div class="post-like"> <a href="javascript:;" onclick="Jz52_tsqa_prise('18713472')" class="Jz52_tsqa_prise_id-18713472 dotGood Jz52_tsqa_prise badge" title="好文！一定要点赞！" data-badge="0"><i class="jzicon-jzzan-h"></i><em class="emz">0</em><em>赞</em></a><a href="javascript:;" class="comiis_poster_a single_icon bill_icon" title="文章海报"><i class="jzicon-jzimg"></i></a> </div></div> </div> <div class="nextpro www_51969_com"> <div class="prev"> <article class="post-overlay"> <div class="background-img" style="background-image:url(https://www.51969.com/zb_users/theme/Jz52_tsqa/style/images/prevnoimg.jpg)"> </div> <div class="post_text"> <span><i class="jzicon-angle-left"></i>上一篇</span> <h3 class="post__title typescale-1 nav-prev">前端课程设计经验分享 CSDN 【夸智创作优化1】个人简介优化 html font属性</h3> </div> <a href="https://www.51969.com/post/18713465.html" class="link-overlay"></a> </article> </div> <div class="next"> <article class="post-overlay"> <div class="background-img" style="background-image:url(https://www.51969.com/zb_users/theme/Jz52_tsqa/style/images/nextnoimg.jpg)"> </div> <div class="post_text"> <span>下一篇<i class="jzicon-angle-right"></i></span> <h3 class="post__title typescale-1 nav-next">vue.js javascript Vue中如何以HTML形式显示内容并动态生成HTML代码</h3> </div> <a href="https://www.51969.com/post/18713479.html" class="link-overlay"></a> </article> </div> </div> <div class="related-list www_51969_com"> <h3><i class="jzicon-jztuwen"></i> 相关文章</h3> <ul> <li><a href="https://www.51969.com/post/19207546.html" title="react.js typescript 前端前端框架 React+TS前台项目实战（十四）-- 响应式头部导航+切换语言相关组件封装"><p>react.js typescript 前端前端框架 React+TS前台项目实战（十四）-- 响应式头部导航+切换语言相关组件封装</p></a> </li> <li><a href="https://www.51969.com/post/19205432.html" title="vue.js 前端 javascript Vue 关于如何使用 background-image 属性（真的很详细）"><p>vue.js 前端 javascript Vue 关于如何使用 background-image 属性（真的很详细）</p></a> </li> <li><a href="https://www.51969.com/post/19195051.html" title="vue.js 前端 vue对接讯飞语音识别，websocket语音识别连续流式输出"><p>vue.js 前端 vue对接讯飞语音识别，websocket语音识别连续流式输出</p></a> </li> <li><a href="https://www.51969.com/post/19192881.html" title="react.js javascript React+TypeScript 声明组件的属性和默认值"><p>react.js javascript React+TypeScript 声明组件的属性和默认值</p></a> </li> <li><a href="https://www.51969.com/post/19189549.html" title="学习 2024年最全RocketMQ Web控制台监控界面介绍+部署(1)，前端面试题及解析"><p>学习 2024年最全RocketMQ Web控制台监控界面介绍+部署(1)，前端面试题及解析</p></a> </li> <li><a href="https://www.51969.com/post/19185433.html" title="javascript 前端 PHP个人发卡网源码支持当面付/码支付/易支付+免签即时到账全解密"><p>javascript 前端 PHP个人发卡网源码支持当面付/码支付/易支付+免签即时到账全解密</p></a> </li> <li><a href="https://www.51969.com/post/19183410.html" title="开发语言 Python实现Word DOC或DOCX与HTML格式互转"><p>开发语言 Python实现Word DOC或DOCX与HTML格式互转</p></a> </li> <li><a href="https://www.51969.com/post/19182696.html" title="react.js javascript React Native入门教程"><p>react.js javascript React Native入门教程</p></a> </li> </ul> </div> <div class="comments www_51969_com"> <div id="comments" class="comments-area clearfix"> <div class="comment-list"><div class="jz-comment" id="divCommentPost"><h4 class="comments-title"> <span><i class="jzicon-jzqipaoc"></i>发表评论</span><a rel="nofollow" id="cancel-reply" href="#divCommentPost" style="display:none;float:right;"><small>取消回复</small></a></h4> <form id="frmSumbit" target="_self" method="post" action="https://www.51969.com/zb_system/cmd.php?act=cmt&postid=18713472&key=50f89658c9460f23e967316c4e760e26" ><input type="hidden" name="inpId" id="inpId" value="18713472"><input type="hidden" name="inpRevID" id="inpRevID" value="0"><div class="jz-comment-box jz-comment-ul4"> <input type="text" name="inpName" id="inpName" class="text" value="" size="28" tabindex="1" placeholder="名称(*)"> </div> <div class="jz-comment-box jz-comment-ul4"> <input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="28" tabindex="2" placeholder="邮箱"> </div> <div class="jz-comment-box jz-comment-ul4"> <input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" size="28" tabindex="3" placeholder="网站"> </div><div class="jz-comment-box jz-comment-ul4"> <input type="text" name="inpVerify" id="inpVerify" class="text" value="" size="28" tabindex="4" placeholder="验证码"><img class="jz-code" src="https://www.51969.com/zb_system/script/c_validcode.php?id=cmt" alt="" title="" onclick="javascript:this.src='https://www.51969.com/zb_system/script/c_validcode.php?id=cmt&tm='+Math.random();"> </div><div class="jz-comment-box jz-comment-textarea"> <textarea name="txaArticle" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="欢迎在这里交流评论，但是垃圾评论不受欢迎！"></textarea> </div><input name="sumbit" type="submit" tabindex="6" value="发表评论" onclick="return zbp.comment.post()" class="jz-commbut"> </form></div><ul class="msg msghead"><li class="tbname"><em id="pl-joinnum">15</em>人参与，<em id="pl-totalnum">1</em>条评论</li></ul><label id="AjaxCommentBegin"></label><ul class="msg www_51969_com" id="cmt197037"><li class="msgname"><img class="avatar" src="https://www.51969.com/zb_users/avatar/0.png" alt="风居住的街道的记忆" width="32"><span class="commentname"><a href="" rel="nofollow" target="_blank">风居住的街道的记忆</a></span><br><small>2024-07-19 15:17:17<span class="revertcomment"><a href="#cancel-reply" onclick="zbp.comment.reply('197037')">回复</a></span></small></li><li class="msgarticle">HTML文件结构中，为什么标题1的字体大小比标题2的字体大小要大？<label id="AjaxComment197037"></label></li></ul><div class="pagelist page-comment"> </div><label id="AjaxCommentEnd"></label></div> </div></div> </div> </div> <aside id="sticky-wrapper"><div> <span class="ifread"><a href="javascript:;" onclick="Jz52_tsqa_prise('18713472')" class="Jz52_tsqa_prise_id-18713472 dotGood Jz52_tsqa_prise badge" title="好文！一定要点赞！" data-badge="0"><i class="jzicon-jzzan-h"></i><em class="emz">0</em><em>赞</em></a></span><span class="ifread"><a title="回复" href="#divCommentPost" class="badge" data-badge="1"><i class="jzicon-message-3-fill"></i></a></span><span class="ifread"><a title="热度" href="#" class="badge" data-badge="15"><i class="jzicon-fire-fill"></i></a></span><span class="ifread Cshare"><a title="分享" href="javascript:;" class=""><i class="jzicon-share-forward-fill"></i></a> <em class="share-sns" data-title="前端 javascript 七分钟学会 HTML 网页制作" data-url="https://www.51969.com/post/18713472.html"> <span class="cl" data-type="wechatl" title="分享到微信"><a title="分享到微信" href="#" class="bds_weixin" ><i class="jzicon-weixin"></i>微信<span id="wechat-qrcodel"></span></a></span><span class="cl" data-type="weibo" title="分享到微博"><a title="分享到新浪微博" href="#" class="bds_tsina" ><i class="jzicon-weibo"></i>新浪微博</a></span><span class="cl" data-type="qzone" title="分享到QQ空间"><a title="分享到QQ空间" href="#" class="bds_qzone" ><i class="jzicon-qzone"></i>QQ空间</a></span><span class="cl" data-type="qq" title="分享到QQ好友"><a title="分享到QQ好友" href="#" class="bds_qq" ><i class="jzicon-qq"></i>QQ</a></span> </em></span><span style="margin-top: 30px;"><a href="javascript:;" title="沉浸阅读" class="goread"><i class="jzicon-book-read-fill"></i></a></span></div></aside> <aside id="sidebar-right"><div class="widget ifread" id="side-new-userarticle"><h3 class="function_t">TA的新帖</h3><ul><li class="widget-list-item"><div class="widget-post-list-item"><div class="list-body"><a class="list-title" href="https://www.51969.com/post/15798736.html" target="_blank" title="云原生 spring cloud Eureka（服务注册和发现）——Eureka的简介和原理 & Eureka的使用和分析 & 心跳续约策略，服务的下线和剔除，自我保护 & Eureka集群的搭建">云原生 spring cloud Eureka（服务注册和发现）——Eureka的简介和原理 & Eureka的使用和分析 & 心跳续约策略，服务的下线和剔除，自我保护 & Eureka集群的搭建</a></div><div class="list-footer"><span>2024-07-17</span></div></div><div class="clear"></div></li><li class="widget-list-item"><div class="widget-post-list-item"><div class="list-body"><a class="list-title" href="https://www.51969.com/post/18983602.html" target="_blank" title="java spring cloud 后端 Springcloudalibaba整合dubbo与nacos实现服务调用与负载均衡">java spring cloud 后端 Springcloudalibaba整合dubbo与nacos实现服务调用与负载均衡</a></div><div class="list-footer"><span>2024-07-13</span></div></div><div class="clear"></div></li><li class="widget-list-item"><div class="widget-post-list-item"><div class="list-body"><a class="list-title" href="https://www.51969.com/post/18889018.html" target="_blank" title="运维【Docker系列】 Docker容器具体信息查询">运维【Docker系列】 Docker容器具体信息查询</a></div><div class="list-footer"><span>2024-07-13</span></div></div><div class="clear"></div></li><li class="widget-list-item"><div class="widget-post-list-item"><div class="list-body"><a class="list-title" href="https://www.51969.com/post/18755703.html" target="_blank" title="数学建模-灰色预测最强讲义 GM（1，1）原理及Python实现">数学建模-灰色预测最强讲义 GM（1，1）原理及Python实现</a></div><div class="list-footer"><span>2024-07-13</span></div></div><div class="clear"></div></li><li class="widget-list-item"><div class="widget-post-list-item"><div class="list-body"><a class="list-title" href="https://www.51969.com/post/18648743.html" target="_blank" title="人工智能数据仓库与数据挖掘概述">人工智能数据仓库与数据挖掘概述</a></div><div class="list-footer"><span>2024-07-12</span></div></div><div class="clear"></div></li><li class="widget-list-item"><div class="widget-post-list-item"><div class="list-body"><a class="list-title" href="https://www.51969.com/post/18779440.html" target="_blank" title="ide Android studio 出现Plugin [id: ‘com.android.application‘, version: ‘8.1.0‘, apply: false] 问题解决办法">ide Android studio 出现Plugin [id: ‘com.android.application‘, version: ‘8.1.0‘, apply: false] 问题解决办法</a></div><div class="list-footer"><span>2024-07-07</span></div></div><div class="clear"></div></li></ul></div><div id="directory"></div><div class="widget ifread www_51969_com" id="divSearchPanel"><h3 class="function_t">搜索</h3><div><form name="search" method="post" action="https://www.51969.com/zb_system/cmd.php?act=search"><input type="text" name="q" size="11" /> <input type="submit" value="搜索" /></form></div></div><div class="widget ifread www_51969_com" id="side-new-comment-item"><h3 class="function_t">最新评论</h3><ul><li><a href="https://www.51969.com/post/18713472.html#cmt197037" title="风居住的街道的记忆在前端 javascript 七分钟学会 HTML 网页制作的评论"><img alt="风居住的街道的记忆" src="https://www.51969.com/zb_users/avatar/0.png" class="avatar" height="24" width="24"><p>HTML文件结构中，为什么标题1的字体大小比标题2的字体大小要大？</p><span>2024-07-19</span></a></li><li><a href="https://www.51969.com/post/18712142.html#cmt197030" title="IT趋势观察员在vue.js 前端报错 - pnpm : 无法将“pnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。的评论"><img alt="IT趋势观察员" src="https://www.51969.com/zb_users/avatar/0.png" class="avatar" height="24" width="24"><p>在安装 pnpm 时遇到两个问题，首先通过运行 `npm install -g pnpm` 命令来全局安装 pnpm，需要确认已安装 node.js 环境并将 npm 的全局模块安装路径和缓存存放路径设置正确，如果仍然无法识别命令，可能需要将 node.js 的安装路径添加到系统的环境变量中。新建两个文件进行配置：设置全局模块安装路径和全局缓存存放路径，完成后重启终端，若遇到问题，尝试改回原来的设置。新问题是在运行全局安装的 pnpm 时无法查询到版本号，解决方法是找到 node 文件夹下的 pnpm.cmd 文件，在终端中运行 `D:odeode_global\pnpm.cmd`，但可能会报错，提示无法加载文件，因为在此系统上禁止运行脚本，解决方法是以管理员身份运行 Windows PowerShell,执行指令 `set-ExecutionPolicy RemoteSigned`。这样问题就解决了，可以成功利用 pnpm 包管理器来创建项目了。</p><span>2024-07-19</span></a></li><li><a href="https://www.51969.com/post/18710462.html#cmt197023" title="风低语耳边在后端人工智能能取代90%人工作的ChatGPT到底牛在哪？的评论"><img alt="风低语耳边" src="https://www.51969.com/zb_users/avatar/0.png" class="avatar" height="24" width="24"><p>ChatGPT是如何通过大规模的训练数据和先进的深度学习技术实现其强大功能的？这种技术是否会对人类的就业和生活方式产生影响？</p><span>2024-07-19</span></a></li><li><a href="https://www.51969.com/post/18709566.html#cmt197016" title="岁月的风铃声在linux 运维解决Centos下载MySQL8.0时公钥报错未安装或不正确问题的评论"><img alt="岁月的风铃声" src="https://www.51969.com/zb_users/avatar/0.png" class="avatar" height="24" width="24"><p>在2024年的今天，安装MySQL 8.x版本时遇到的问题是获取公钥的问题，为了解决这个问题，你需要将第一步的命令中的URL从https://repo.mysql.com/RPM-GPG-KEY-mysql-2022更改为https://repo.mysql.com/RPM-GPG-KEY-mysql-2023，这样就可以正确导入公钥并继续完成后续的安装步骤。</p><span>2024-07-19</span></a></li><li><a href="https://www.51969.com/post/18707781.html#cmt197009" title="大力士在人工智能 AI作画 AI写作最新AI创作系统ChatGPT源码+搭建部署教程+支持GPT4.0+支持ai绘画（Midjourney)/支持Prompt的评论"><img alt="大力士" src="https://www.51969.com/zb_users/avatar/0.png" class="avatar" height="24" width="24"><p>如何解决AI创作系统在部署过程中遇到的性能瓶颈问题？</p><span>2024-07-19</span></a></li><li><a href="https://www.51969.com/post/18707368.html#cmt197002" title="见到彩虹的瞬间在Android Jetpack 之 App Startup的评论"><img alt="见到彩虹的瞬间" src="https://www.51969.com/zb_users/avatar/0.png" class="avatar" height="24" width="24"><p>在使用SdkAInitializer和SdkBInitializer时，如果需要手动控制它们的初始化顺序，应该如何修改代码？</p><span>2024-07-19</span></a></li></ul></div><div class="widget ifread www_51969_com" id="divTags"><h3 style="display:none;"></h3><ul><li><a title="Hive环境搭建" href="https://www.51969.com/tags/Hive%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/">Hive环境搭建<span class="tag-count"> (1)</span></a></li><li><a title="代码提交规范" href="https://www.51969.com/tags/%E4%BB%A3%E7%A0%81%E6%8F%90%E4%BA%A4%E8%A7%84%E8%8C%83/">代码提交规范<span class="tag-count"> (1)</span></a></li><li><a title="SaaS 系统完全开源介绍" href="https://www.51969.com/tags/SaaS%20%E7%B3%BB%E7%BB%9F%E5%AE%8C%E5%85%A8%E5%BC%80%E6%BA%90%E4%BB%8B%E7%BB%8D/">SaaS 系统完全开源介绍<span class="tag-count"> (1)</span></a></li><li><a title="nacos自动重启" href="https://www.51969.com/tags/nacos%E8%87%AA%E5%8A%A8%E9%87%8D%E5%90%AF/">nacos自动重启<span class="tag-count"> (1)</span></a></li><li><a title="C#开源websocket服务" href="https://www.51969.com/tags/C%23%E5%BC%80%E6%BA%90websocket%E6%9C%8D%E5%8A%A1/">C#开源websocket服务<span class="tag-count"> (1)</span></a></li><li><a title="SI24R1" href="https://www.51969.com/tags/SI24R1/">SI24R1<span class="tag-count"> (1)</span></a></li><li><a title="CSH 语法" href="https://www.51969.com/tags/CSH%20%E8%AF%AD%E6%B3%95/">CSH 语法<span class="tag-count"> (1)</span></a></li><li><a title="NC数据读取" href="https://www.51969.com/tags/NC%E6%95%B0%E6%8D%AE%E8%AF%BB%E5%8F%96/">NC数据读取<span class="tag-count"> (1)</span></a></li><li><a title="数据生成" href="https://www.51969.com/tags/%E6%95%B0%E6%8D%AE%E7%94%9F%E6%88%90/">数据生成<span class="tag-count"> (1)</span></a></li><li><a title="容器类组件" href="https://www.51969.com/tags/%E5%AE%B9%E5%99%A8%E7%B1%BB%E7%BB%84%E4%BB%B6/">容器类组件<span class="tag-count"> (1)</span></a></li><li><a title="Android 源码编译" href="https://www.51969.com/tags/Android%20%E6%BA%90%E7%A0%81%E7%BC%96%E8%AF%91/">Android 源码编译<span class="tag-count"> (1)</span></a></li><li><a title="数字签名算法使用" href="https://www.51969.com/tags/%E6%95%B0%E5%AD%97%E7%AD%BE%E5%90%8D%E7%AE%97%E6%B3%95%E4%BD%BF%E7%94%A8/">数字签名算法使用<span class="tag-count"> (1)</span></a></li><li><a title="Pro-Code" href="https://www.51969.com/tags/Pro-Code/">Pro-Code<span class="tag-count"> (1)</span></a></li><li><a title="构建触发器" href="https://www.51969.com/tags/%E6%9E%84%E5%BB%BA%E8%A7%A6%E5%8F%91%E5%99%A8/">构建触发器<span class="tag-count"> (1)</span></a></li><li><a title="KG" href="https://www.51969.com/tags/KG/">KG<span class="tag-count"> (1)</span></a></li><li><a title="css display" href="https://www.51969.com/tags/css%20display/">css display<span class="tag-count"> (1)</span></a></li><li><a title="XxlCrawler对抗策略" href="https://www.51969.com/tags/XxlCrawler%E5%AF%B9%E6%8A%97%E7%AD%96%E7%95%A5/">XxlCrawler对抗策略<span class="tag-count"> (1)</span></a></li><li><a title="number" href="https://www.51969.com/tags/number/">number<span class="tag-count"> (1)</span></a></li><li><a title="虚拟继承" href="https://www.51969.com/tags/%E8%99%9A%E6%8B%9F%E7%BB%A7%E6%89%BF/">虚拟继承<span class="tag-count"> (1)</span></a></li><li><a title="Xftp" href="https://www.51969.com/tags/Xftp/">Xftp<span class="tag-count"> (1)</span></a></li><li><a title="报文网关" href="https://www.51969.com/tags/%E6%8A%A5%E6%96%87%E7%BD%91%E5%85%B3/">报文网关<span class="tag-count"> (1)</span></a></li><li><a title="pywin32" href="https://www.51969.com/tags/pywin32/">pywin32<span class="tag-count"> (1)</span></a></li><li><a title="sensechat" href="https://www.51969.com/tags/sensechat/">sensechat<span class="tag-count"> (1)</span></a></li><li><a title="海螺AI网页版" href="https://www.51969.com/tags/%E6%B5%B7%E8%9E%BAAI%E7%BD%91%E9%A1%B5%E7%89%88/">海螺AI网页版<span class="tag-count"> (1)</span></a></li><li><a title="toolchain" href="https://www.51969.com/tags/toolchain/">toolchain<span class="tag-count"> (1)</span></a></li></ul></div></aside> </div> <div class="hide_box"></div> <div class="shang_box"> <a class="shang_close" href="javascript:void(0)" onclick="dashangToggle()" title="关闭"><img src="https://www.51969.com/zb_users/theme/Jz52_tsqa/style/images/close.png" alt="取消"></a> <div class="shang_payimg"> <img src="https://www.51969.com/zb_users/upload/2024/06/202406191718807790901276.jpg" alt="扫码支持" title="扫一扫"> <img src="https://www.51969.com/zb_users/upload/2024/06/202406191718807790901276.jpg" style="display: none;" alt="支付码"> </div> <div class="shang_payselect"> <div class="pay_item checked" data-id="https://www.51969.com/zb_users/upload/2024/06/202406191718807790901276.jpg"> <span class="radiobox"></span> <span class="pay_logo"><img src="https://www.51969.com/zb_users/theme/Jz52_tsqa/style/images/wechat.svg" alt="微信支付"></span> </div> <div class="pay_item" data-id="https://www.51969.com/zb_users/upload/2024/06/202406191718807790901276.jpg"> <span class="radiobox"></span> <span class="pay_logo"><img src="https://www.51969.com/zb_users/theme/Jz52_tsqa/style/images/alipay.svg" alt="支付宝"></span> </div> </div> </div><script>$(function(){ $(".pay_item").click(function(){ $(this).addClass('checked').siblings('.pay_item').removeClass('checked'); var dataid=$(this).attr('data-id'); $(".shang_payimg img").attr("src",dataid); }); $(".hide_box").click(function(){ dashangToggle(); }); }); function dashangToggle(){ $(".hide_box").fadeToggle(); $(".shang_box").fadeToggle(); } </script> <script>var billmE = new Array("","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Spt","Oct","Nov","Dec"); var billhost = "https://www.51969.com/",billtxt1 = "老司机，路子野，随时超车",billtxt2 = "POWERED: Z-BLOGPHP THEMES: YEELZ",billurl = "https://www.51969.com/post/18713472.html",billtag = "前端",billtitle = "前端 javascript 七分钟学会 HTML 网页制作",billcont = "什么是HTML点击打开视频讲解更加详细Hyper Text Markup Language（超文本标记语言）标签控制排版体积小，...",billimg = "./smiley.gif",billlogo = "https://www.51969.com/zb_users/theme/Jz52_tsqa/bill/logo.png",billd = "02",billY = "2024",billm = billmE[parseInt("4")]; var hbtim = '<div class="img_time">'+billd+'<span>'+billm+'. '+billY+'</span></div>';</script><link href="https://www.51969.com/zb_users/theme/Jz52_tsqa/bill/bill.css" media="all" rel="stylesheet"><script src="https://www.51969.com/zb_users/theme/Jz52_tsqa/bill/html2canvas.min.js"></script><script src="https://www.51969.com/zb_users/theme/Jz52_tsqa/bill/bill.js"></script><script src="https://www.51969.com/zb_users/theme/Jz52_tsqa/bill/billgo.js"></script><script src="https://www.51969.com/zb_users/theme/Jz52_tsqa/script/asid.js"></script> <div id="footer"> <p><div><a href="https://www.51969.com/" target="_blank">金钥匙</a> | <a href="https://www.51969.com/sitemap.html" target="_blank">网站地图</a> | </div><div>本站部分信息来自互联网收集，仅供学习和交流，如有侵权、后门、不妥之处，请联系我们进行删除处理。 </div><script charset="UTF-8" id="kuazhi_ai_click" src="https://kuazhi.com/kuazhi_ai_click.js"></script><div>金钥匙www.51969.com.金华奇玑电子商务有限公司 2009-2024 All Rights Reserved.</div><script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script><script>LA.init({id:"JsGTT7LZ90ZlKYPn",ck:"JsGTT7LZ90ZlKYPn"})</script> <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">浙ICP备15009899号-2</a></p></p> </div></div></div><a href="javascript:void(0);" class="to-top" id="to-top"><i class="jzicon-jzzhiding"></i><em>返回顶部</em></a><a class="jznight" href="javascript:switchNightMode()" target="_self"><i class="jzicon-yejian-b"></i><em>暗黑模式</em></a><script src="https://www.51969.com/zb_users/theme/Jz52_tsqa/script/custom.js?v1.1.2"></script><script src="https://www.51969.com/zb_users/theme/Jz52_tsqa/script/qrcode.min.js"></script><script src="https://www.51969.com/zb_users/plugin/gbll_rollname/names.js"></script><script src="https://www.51969.com/zb_users/plugin/gbll_rollname/roll.js"></script><script src="https://www.51969.com/zb_users/theme/Jz52_tsqa/script/sticky-left.js"></script><script src="https://www.51969.com/zb_users/theme/Jz52_tsqa/script/sidebar-right.js"></script><div id="ly_cache" data-id="18713472"></div></body></html>