HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言，想要将HTML投入使用，搭建属于自己的网站，首先需要了解HTML的基本语法和常用标签，以下是详细的操作步骤，帮助你从零开始学会使用HTML。
一、准备工具
在开始编写HTML代码之前，你需要准备以下工具：
1. 文本编辑器：如Notepad++、Sublime Text、Visual Studio Code等，用于编写HTML代码。
2. 浏览器：如Chrome、Firefox、Safari等，用于查看网页效果。
二、编写HTML代码
1. 创建一个新的文本文件，使用文本编辑器打开。
2. 在文本编辑器中输入以下基本HTML结构代码：
```html
我的第一个网页```
以下是详细的操作步骤和解释：
1. ``：声明文档类型，这里是HTML5，2. ``：HTML文档的根元素，所有的HTML代码都放在这个标签内，3. ``：头部标签，包含文档的元数据，如标题、样式、脚本等，4. `
`：定义网页标题，显示在浏览器标签页上，5. `<body>`：主体标签，包含网页的所有内容。<p style="text-indent:2em;">三、添加网页内容</p>1. 在`<body>`标签内，你可以添加以下常用标签来丰富网页内容：- 标题标签：`<h1>`至`<h6>`，分别表示一级至六级标题。<p style="text-indent:2em;">```html</p><h1></h1><h2></h2><p style="text-indent:2em;">```</p>- 段落标签：`<p style="text-indent:2em;">`，表示一个段落。<p style="text-indent:2em;">```html</p><p style="text-indent:2em;">这是一个段落。</p><p style="text-indent:2em;">```</p>- 图片标签：`<img>`，用于插入图片。<p style="text-indent:2em;">```html</p><img src="图片路径" alt="图片描述" /><p style="text-indent:2em;">```</p>- 链接标签：`<a>`，用于创建超链接。<p style="text-indent:2em;">```html</p><a href="https://www.example.com">这是一个链接</a><p style="text-indent:2em;">```</p>- 列表标签：`<ul>`、`<ol>`和`<li>`，分别表示无序列表、有序列表和列表项。<p style="text-indent:2em;">```html</p><ul><li>列表项1</li><li>列表项2</li></ul><ol><li>列表项1</li><li>列表项2</li></ol><p style="text-indent:2em;">```</p><p style="text-indent:2em;">四、保存和查看网页</p><p style="text-indent:2em;">1. 保存文件：在文本编辑器中，选择“文件”→“保存”或使用快捷键Ctrl+S保存文件，将文件命名为“index.html”，并选择保存路径。</p><p style="text-indent:2em;">2. 打开浏览器：双击已保存的“index.html”文件，或在浏览器中点击“文件”→“打开文件”，选择“index.html”文件。</p><p style="text-indent:2em;">3. 查看网页：在浏览器中，你应该能看到刚才编写的网页内容。</p><p style="text-indent:2em;">五、进阶学习</p><p style="text-indent:2em;">1. 学习CSS：为了让网页更加美观，你可以学习CSS（Cascading Style Sheets，层叠样式表），用于设置网页的字体、颜色、布局等。</p><p style="text-indent:2em;">2. 学习JavaScript：为了让网页具有交互功能，如响应用户点击、动态更新内容等，你可以学习JavaScript编程语言。</p><p style="text-indent:2em;">3. 学习更多HTML标签和属性：HTML5提供了丰富的标签和属性，掌握更多知识将有助于你创建更专业的网页。</p><p style="text-indent:2em;">通过以上步骤，你已经学会了如何将HTML投入使用，搭建一个简单的网页，你可以不断学习，提高自己的HTML技能，创建更复杂、更美观的网页，以下是一些额外的 tips：</p><p style="text-indent:2em;">- 保持代码整洁：良好的代码格式和命名规范有助于他人阅读和维护。</p><p style="text-indent:2em;">- 善用注释：在代码中添加注释，说明代码的功能和用途。</p><p style="text-indent:2em;">- 充分利用网络资源：查阅相关教程、示例和开源项目，提高自己的编程水平。</p><p style="text-indent:2em;">随着时间的推移，你会发现自己越来越熟练地使用HTML，迈向成为一名优秀的网页设计师之路，加油！</p></div> </div>
</div>
<footer class="www_697969_com-828cef entry-footer">
<div class="www_697969_com-a309cc readlist ds-reward-stl">
<div class="www_697969_com-5480ee read_outer"><a class="www_697969_com-c62f07 read" href="javascript:;" title="阅读模式"><i class="www_697969_com-1ddad2 fa fa-send"></i> 阅读</a></div>
<div class="www_697969_com-5480ee read_outer"><a class="www_697969_com-794021 comiis_poster_a" href="javascript:;" title="生成封面"><i class="www_697969_com-145d83 fa fa-image"></i> 海报</a></div>
<div id="mClick" class="www_697969_com-5040ad mobile_click">
<div class="www_697969_com-331d25 share">
<div class="www_697969_com-143b9e Menu-item"><a href="javascript:Share('tqq')"><i class="www_697969_com-3d9919 fa fa-qq"></i> QQ 分享</a></div>
<div class="www_697969_com-143b9e Menu-item"><a href="javascript:Share('sina')"><i class="www_697969_com-605fb2 fa fa-weibo"></i> 微博分享</a></div>
<div class="www_697969_com-143b9e Menu-item"><i class="www_697969_com-edd6bc fa fa-weixin"></i> 微信分享<img alt="微信扫一扫" src="http://697969.com/zb_users/theme/quietlee/plugin/api.php?url=http://697969.com/html/82757.html"></div>
</div>
<i class="www_697969_com-52be4f fa fa-share" title="分享转发"></i> 分享
</div> </div>
</footer>
</article>
<nav class="www_697969_com-40d1ac single-nav"> <div class="www_697969_com-fb4ce8 entry-page-prev j-lazy" style="background-image: url(http://www.697969.com/zb_users/cache/ly_autoimg/o/ODI3NTY.pjp)">
<a href="http://697969.com/html/82756.html" title="html文本域使用什么标签"><span>html文本域使用什么标签</span></a>
<div class="www_697969_com-08a64a entry-page-info"><span class="www_697969_com-8c2475 pull-left">« 上一篇</span><span class="www_697969_com-412919 pull-right">2024-09-24</span></div>
</div>
<div class="www_697969_com-8f75f9 entry-page-next j-lazy" style="background-image: url(http://www.697969.com/zb_users/cache/ly_autoimg/o/ODI3NTg.pjp)">
<a href="http://697969.com/json/82758.html" title="form怎么转换json数据"><span>form怎么转换json数据</span></a>
<div class="www_697969_com-08a64a entry-page-info"><span class="www_697969_com-412919 pull-right">下一篇 »</span><span class="www_697969_com-8c2475 pull-left">2024-09-24</span></div>
</div>
</nav>
<div class="www_697969_com-a2a839 part-mor"><!--相关文章-->
<h3 class="www_697969_com-1c97d9 section-title"><span><i class="www_697969_com-c6a213 fa fa-rss-square"></i>相关阅读</span></h3>
<ul class="www_697969_com-3ba421 section-cont-tags pic-box-list clearfix">
<!--相关分类-->
<li class="www_697969_com-800aaa"><a href="http://697969.com/html/83019.html"><i class="www_697969_com-7b7c63 pic-thumb"><img class="www_697969_com-c414bb lazy" src="image.jpg" alt="有html的是什么语言" title="有html的是什么语言"></i>
<h3 class="www_697969_com-c507be">有html的是什么语言</h3>
<p><b class="www_697969_com-0dc892 datetime">2024-09-26</b><span class="www_697969_com-88f119 viewd">59 人在看</span></p>
</a></li>
<li class="www_697969_com-800aaa"><a href="http://697969.com/html/83015.html"><i class="www_697969_com-7b7c63 pic-thumb"><img class="www_697969_com-c414bb lazy" src="http://www.697969.com/zb_users/cache/ly_autoimg/o/ODMwMTU.pjp" alt="html怎么编辑验证码" title="html怎么编辑验证码"></i>
<h3 class="www_697969_com-c507be">html怎么编辑验证码</h3>
<p><b class="www_697969_com-0dc892 datetime">2024-09-26</b><span class="www_697969_com-88f119 viewd">58 人在看</span></p>
</a></li>
<li class="www_697969_com-800aaa"><a href="http://697969.com/html/83013.html"><i class="www_697969_com-7b7c63 pic-thumb"><img class="www_697969_com-c414bb lazy" src="http://www.697969.com/zb_users/cache/ly_autoimg/o/ODMwMTM.pjp" alt="html怎么让表单能输入文字" title="html怎么让表单能输入文字"></i>
<h3 class="www_697969_com-c507be">html怎么让表单能输入文字</h3>
<p><b class="www_697969_com-0dc892 datetime">2024-09-26</b><span class="www_697969_com-88f119 viewd">53 人在看</span></p>
</a></li>
<li class="www_697969_com-800aaa"><a href="http://697969.com/html/83010.html"><i class="www_697969_com-7b7c63 pic-thumb"><img class="www_697969_com-c414bb lazy" src="http://www.697969.com/zb_users/cache/ly_autoimg/o/ODMwMTA.pjp" alt="html中如何做上下两个框框" title="html中如何做上下两个框框"></i>
<h3 class="www_697969_com-c507be">html中如何做上下两个框框</h3>
<p><b class="www_697969_com-0dc892 datetime">2024-09-26</b><span class="www_697969_com-88f119 viewd">60 人在看</span></p>
</a></li>
</ul>
</div>
<section id="comments">
<div id="comt-respond" class="www_697969_com-1dd850 commentpost wow fadeInDown">
<h4>发表评论<span><a rel="nofollow" id="cancel-reply" href="#comment" style="display:none;"><small>取消回复</small></a></span></h4>
<form id="frmSumbit" target="_self" method="post" action="http://697969.com/zb_system/cmd.php?act=cmt&postid=82757&key=a0ea845d5597a029776d8b903930a1ea" >
<input type="hidden" name="inpId" id="inpId" value="82757" />
<input type="hidden" name="inpRevID" id="inpRevID" value="0" />
<div class="www_697969_com-623260 comt-box">
<div class="www_697969_com-f6c4db form-group liuyan form-name"><input type="text" name="inpName" id="inpName" class="text" value="访客" placeholder="昵称" size="28" tabindex="1" /></div>
<div class="www_697969_com-2b5263 form-group liuyan form-email"><input type="text" name="inpEmail" id="inpEmail" class="text" value="" placeholder="邮箱" size="28" tabindex="2" /></div>
<div class="www_697969_com-cb05e6 form-group liuyan form-www"><input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" placeholder="网址" size="28" tabindex="3" /></div>
</div><!--verify-->
<div id="comment-tools">
<div class="www_697969_com-ad3e7c tools_text">
<textarea placeholder="请遵守相关法律与法规，文明评论。O(∩_∩)O~~" name="txaArticle" id="txaArticle" class="www_697969_com-ff721e text input-block-level comt-area" cols="50" rows="4" tabindex="5"></textarea>
</div>
</div>
<div class="www_697969_com-813882 psumbit">
<div class="www_697969_com-3f3bec tools_title">
<span class="www_697969_com-00019a com-title com-reply">快捷回复：</span>
<a class="www_697969_com-61d81f psumbit-kjhf" href="javascript:addNumber('文章不错,写的很好！')" title="文章不错,写的很好！"><i class="www_697969_com-dfd86c fa fa-thumbs-o-up"></i></a>
<a class="www_697969_com-853ea0 psumbit-kjhf" href="javascript:addNumber('emmmmm。。看不懂怎么破？')" title="emmmmm。。看不懂怎么破？"><i class="www_697969_com-707451 fa fa-thumbs-o-down"></i></a>
<a class="www_697969_com-6afb98 psumbit-kjhf" href="javascript:addNumber('赞、狂赞、超赞、不得不赞、史上最赞！')" title="赞、狂赞、超赞、不得不赞、史上最赞！"><i class="www_697969_com-f4b5c1 fa fa-heart"></i></a>
<span class="www_697969_com-0a4ee8 com-title">表情：</span><a href="javascript:;" class="www_697969_com-072a9a face-show"><i class="www_697969_com-bd5c9f fa fa-smile-o"></i></a>
<div id="ComtoolsFrame" class="www_697969_com-1e28a2 ComtoolsFrame" style="display: none;"></div>
</div>
<input name="sumbit" type="submit" tabindex="6" value="提交" onclick="return zbp.comment.post()" class="button" />
<div class="www_697969_com-f3d7a6 form-inpVerify">
<div class="www_697969_com-180545 input-inpVerify">
<input type="text" id="inpVerify" name="inpVerify" tabindex="4" placeholder="验证码">
<div class="www_697969_com-32c23f input-group-addon"><img src="http://697969.com/zb_system/script/c_validcode.php?id=cmt" alt="验证码" class="verifyimg" onclick="javascript:this.src='http://697969.com/zb_system/script/c_validcode.php?id=cmt&tm='+Math.random();"/></div>
</div>
</div> </div>
</form>
</div><div class="www_697969_com-c4bda9 commentlist"><!--评论输出-->
<div class="www_697969_com-5ce10b comment-tab">
<div class="www_697969_com-0875d3 come-comt">评论列表 <span id="comment_count">（暂无评论，<span style="color:#E1171B">28</span>人围观）</span></div>
</div>
<h2 class="www_697969_com-b43ca8 comment-text-center"><i class="www_697969_com-b23792 fa fa-frown-o"></i> 还没有评论，来说两句吧...</h2>
<label id="AjaxCommentBegin"></label><!--评论输出结束--> </div> <span class="www_697969_com-16f581 icon icon_comment" title="comment"></span>
</section><a href="http://697969.com/html/82756.html" class="www_697969_com-32d95c prev-article" title="html文本域使用什么标签">
<i class="www_697969_com-edbc91 fa fa fa-angle-left"></i>
</a><a href="http://697969.com/json/82758.html" class="www_697969_com-013d42 next-article" title="form怎么转换json数据">
<i class="www_697969_com-ec3a17 fa fa fa-angle-right"></i>
</a> </div>
<aside class="www_697969_com-9fd64d side fr mside">
<section class="www_697969_com-29b029 widget abautor">
<div class="www_697969_com-1eccbf widget-list">
<div class="www_697969_com-278b58 widget_avatar" style="background-image: url(https://img.t.sinajs.cn/t5/skin/public/profile_cover/015_s.jpg);"><a href="http://697969.com/author/2.html"><img class="www_697969_com-29b723 widget-about-image" src="http://697969.com/zb_users/avatar/0.png" alt="技术帮" height="70" width="70"><div class="www_697969_com-8fb77a widget-cover vip1"></div><i title="管理员" class="www_697969_com-1288ff author-ident author1"></i></a></div>
<div class="www_697969_com-cc2c4c widget-about-intro">
<div class="www_697969_com-10fca9 name"><h3 class="www_697969_com-c507be">技术帮</h3><span class="www_697969_com-fed8c1 autlv aut-1 vs">V</span><span class="www_697969_com-a88b7c autlv aut-1">管理员</span></div>
<div class="www_697969_com-d2aac9 widget-about-desc">文章 83555 篇 <i>|</i> 评论 0 次</div>
<div class="www_697969_com-ddb670 widget-article-newest"><span>最新文章</span></div>
<ul class="www_697969_com-c209a2 widget-about-posts">
<li class="www_697969_com-800aaa"><span class="www_697969_com-2ee272 widget-posts-meta">09/26</span><a class="www_697969_com-9aaedc widget-posts-title" href="http://697969.com/html/83019.html" title="有html的是什么语言">有html的是什么语言</a></li> <li class="www_697969_com-800aaa"><span class="www_697969_com-2ee272 widget-posts-meta">09/26</span><a class="www_697969_com-9aaedc widget-posts-title" href="http://697969.com/php/83018.html" title="php做个什么项目好面试">php做个什么项目好面试</a></li> <li class="www_697969_com-800aaa"><span class="www_697969_com-2ee272 widget-posts-meta">09/26</span><a class="www_697969_com-9aaedc widget-posts-title" href="http://697969.com/python/83017.html" title="vs和python有什么区别">vs和python有什么区别</a></li> </ul> </div>
</div>
</section>
<section class="www_697969_com-b0fcbe widget wow fadeInDown" id="side_random">
<h3 class="www_697969_com-1f605e widget-title"><i class="www_697969_com-0e2fb5 fa fa-side_random"></i><span>随便看看</span></h3>
<div class="www_697969_com-71e2f4 r-item-btn"><i class="www_697969_com-577f49 fa fa-circle-o-notch"></i>换一换</div><ul class="www_697969_com-e50896 widget-box side_random"><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/jianshe/46510.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/11.jpg" alt="常州网站建设多少钱 常德网站建设多少钱"></a><h4 class="r-title"><a href="http://697969.com/jianshe/46510.html" title="常州网站建设多少钱 常德网站建设多少钱">常州网站建设多少钱 常德网站建设多少钱</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/jianshe/9727.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/21.jpg" alt="梧州西江机场官网？梧州北站选址在哪里？"></a><h4 class="r-title"><a href="http://697969.com/jianshe/9727.html" title="梧州西江机场官网？梧州北站选址在哪里？">梧州西江机场官网？梧州北站选址在哪里？</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/jianshe/15307.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/29.jpg" alt="官方网站是什么意思啊？如何找官方网站首页？"></a><h4 class="r-title"><a href="http://697969.com/jianshe/15307.html" title="官方网站是什么意思啊？如何找官方网站首页？">官方网站是什么意思啊？如何找官方网站首页？</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/qyjz/8148.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/26.jpg" alt="南京电费收费标准？南京电表增容流程和费用？"></a><h4 class="r-title"><a href="http://697969.com/qyjz/8148.html" title="南京电费收费标准？南京电表增容流程和费用？">南京电费收费标准？南京电表增容流程和费用？</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/qyjz/7436.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/11.jpg" alt="建设银行app流水怎么发邮箱？内网邮箱和外网邮箱的区别？"></a><h4 class="r-title"><a href="http://697969.com/qyjz/7436.html" title="建设银行app流水怎么发邮箱？内网邮箱和外网邮箱的区别？">建设银行app流水怎么发邮箱？内网邮箱和外网邮箱的区别？</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/qyjz/12376.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/19.jpg" alt="济枣高铁还有希望动工吗？宿州市第1大镇是哪里？"></a><h4 class="r-title"><a href="http://697969.com/qyjz/12376.html" title="济枣高铁还有希望动工吗？宿州市第1大镇是哪里？">济枣高铁还有希望动工吗？宿州市第1大镇是哪里？</a></h4></div></li></ul>
</section><section class="www_697969_com-b0fcbe widget wow fadeInDown" id="divPrevious">
<h3 class="www_697969_com-1f605e widget-title"><i class="www_697969_com-0e2fb5 fa fa-divPrevious"></i><span>最近发表</span></h3>
<ul class="www_697969_com-e50896 widget-box divPrevious"><li class="www_697969_com-6a269f m-previous">
<span class="www_697969_com-e89f92 rankLeft">
<span class="www_697969_com-d928f5 rankNum num-1">01</span>
<span class="www_697969_com-5070e0 slash"></span>
</span>
<span class="www_697969_com-6ebd21 text"><a href="http://697969.com/html/83019.html" title="有html的是什么语言">有html的是什么语言</a></span>
</li><li class="www_697969_com-6a269f m-previous">
<span class="www_697969_com-e89f92 rankLeft">
<span class="www_697969_com-d928f5 rankNum num-2">02</span>
<span class="www_697969_com-5070e0 slash"></span>
</span>
<span class="www_697969_com-6ebd21 text"><a href="http://697969.com/php/83018.html" title="php做个什么项目好面试">php做个什么项目好面试</a></span>
</li><li class="www_697969_com-6a269f m-previous">
<span class="www_697969_com-e89f92 rankLeft">
<span class="www_697969_com-d928f5 rankNum num-3">03</span>
<span class="www_697969_com-5070e0 slash"></span>
</span>
<span class="www_697969_com-6ebd21 text"><a href="http://697969.com/python/83017.html" title="vs和python有什么区别">vs和python有什么区别</a></span>
</li><li class="www_697969_com-6a269f m-previous">
<span class="www_697969_com-e89f92 rankLeft">
<span class="www_697969_com-d928f5 rankNum num-4">04</span>
<span class="www_697969_com-5070e0 slash"></span>
</span>
<span class="www_697969_com-6ebd21 text"><a href="http://697969.com/python/83016.html" title="python怎么把图片弄进游戏">python怎么把图片弄进游戏</a></span>
</li><li class="www_697969_com-6a269f m-previous">
<span class="www_697969_com-e89f92 rankLeft">
<span class="www_697969_com-d928f5 rankNum num-5">05</span>
<span class="www_697969_com-5070e0 slash"></span>
</span>
<span class="www_697969_com-6ebd21 text"><a href="http://697969.com/html/83015.html" title="html怎么编辑验证码">html怎么编辑验证码</a></span>
</li><li class="www_697969_com-6a269f m-previous">
<span class="www_697969_com-e89f92 rankLeft">
<span class="www_697969_com-d928f5 rankNum num-6">06</span>
<span class="www_697969_com-5070e0 slash"></span>
</span>
<span class="www_697969_com-6ebd21 text"><a href="http://697969.com/json/83014.html" title="txt如何转换json">txt如何转换json</a></span>
</li><li class="www_697969_com-6a269f m-previous">
<span class="www_697969_com-e89f92 rankLeft">
<span class="www_697969_com-d928f5 rankNum num-7">07</span>
<span class="www_697969_com-5070e0 slash"></span>
</span>
<span class="www_697969_com-6ebd21 text"><a href="http://697969.com/html/83013.html" title="html怎么让表单能输入文字">html怎么让表单能输入文字</a></span>
</li></ul>
</section><section class="www_697969_com-b0fcbe widget wow fadeInDown" id="divLinkage">
<h3 class="www_697969_com-1f605e widget-title"><i class="www_697969_com-0e2fb5 fa fa-divLinkage"></i><span>友情链接</span></h3>
<ul class="www_697969_com-e50896 widget-box divLinkage"><li class="www_697969_com-1f1cc9 link-item"><a href="https://www.bxiaohao.com/" target="_blank" title="币小号">币小号</a></li><li class="www_697969_com-1f1cc9 link-item"><a href="https://www.biquan100.com/" target="_blank" title="币圈100">币圈100</a></li><li class="www_697969_com-1f1cc9 link-item"><a href="https://www.187656.com/" target="_blank" title="币社号">币社号</a></li><li class="www_697969_com-1f1cc9 link-item"><a href="https://5060.cn/" target="_blank" title="5060">5060</a></li></ul>
</section> </aside>
</div>
<div class="www_697969_com-782ee0 listree-box">
<h3 class="www_697969_com-1b8718 listree-titles"><a class="www_697969_com-f14642 listree-btn" title="展开">目录[+]</a></h3>
<ul id="listree-ol" style="display:none;"></ul>
</div>
<script>//分享代码
function Share(pType){
var pTitle = "html如何投入使用"; //待分享的标题
var pImage = "图片路径"; //待分享的图片
var pContent = "HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言，想要将HTML投入使用，搭建属于自己的网站，..."; //待分享的内容
var pUrl = window.location.href; //当前的url地址
var pObj = jQuery("div[class='yogo_hc']").find("h4");
if(pObj.length){ pTitle = pObj.text();}
var pObj = jQuery("div[class='yogo_hcs']").find("em");
if(pObj.length){ pContent = pObj.text(); }
var pObj = jQuery("div[class='con_cons']").find("img");
if(pObj.length){ pImage = jQuery("div[class='con_cons']").find("img",0).attr("src"); }
shareys(pType, pUrl, pTitle,pImage, pContent);
}
function shareys(a, c, b, e, d) {
switch (a) {
case "sina":
c = "//service.weibo.com/share/share.php?title\x3d" + encodeURIComponent("\u300c" + b + "\u300d" + d + "\u9605\u8bfb\u8be6\u60c5" + c) + "\x26pic\x3d" + e +"&appkey=&searchPic=true";
window.open(c);
break;
case "tqq":
c = "//connect.qq.com/widget/shareqq/index.html?url\x3d" + encodeURIComponent(c) + "\x26title\x3d" + encodeURIComponent(b) + "\x26pics\x3d" + e;
window.open(c);
break;
case "qzone":
c = "//sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url\x3d" + encodeURIComponent(c) + "\x26title\x3d" + encodeURIComponent(b) + "\x26site\x3d\x26pics\x3d" + encodeURIComponent(e) + "\x26desc\x3d" + encodeURIComponent(d) + "\x26summary\x3d" + encodeURIComponent(d);
window.open(c)
}
};
</script><script src="http://697969.com/zb_users/theme/quietlee/plugin/js/html2canvas.min.js"></script>
<script src="http://697969.com/zb_users/theme/quietlee/plugin/js/common.js"></script>
<script>
var poster_open = 'on';
var txt1 = '长按识别二维码查看详情';
var txt2 = '技术帮';
var comiis_poster_start_wlat = 0;
var comiis_rlmenu = 1;
var comiis_nvscroll = 0;
var comiis_poster_time_baxt;
$(document).ready(function(){
$(document).on('click', '.comiis_poster_a', function(e) {
show_comiis_poster_ykzn();
});
});
function comiis_poster_rrwz(){
setTimeout(function(){
html2canvas(document.querySelector(".comiis_poster_box_img"), {scale:2,useCORS:true}).then(canvas => {
var img = canvas.toDataURL("image/jpeg", .9);
document.getElementById('comiis_poster_images').src = img;
$('.comiis_poster_load').hide();
$('.comiis_poster_imgshow').show();
});
}, 100);
}
function show_comiis_poster_ykzn(){
if(comiis_poster_start_wlat == 0){
comiis_poster_start_wlat = 1;
popup.open('<img src="http://697969.com/zb_users/theme/quietlee/plugin/img/imageloading.gif" class="www_697969_com-1fa512 comiis_loading">');
var url = window.location.href.split('#')[0];
url = encodeURIComponent(url);
var html = '<div id="comiis_poster_box" class="www_697969_com-4d2da8 comiis_poster_nchxd">\n' +
'<div class="www_697969_com-9a7a44 comiis_poster_box">\n' +
'<div class="www_697969_com-142698 comiis_poster_okimg">\n' +
'<div style="padding:150px 0;" class="www_697969_com-0adc85 comiis_poster_load">\n' +
'<div class="www_697969_com-c6e5c4 loading_color">\n' +
' <span class="www_697969_com-68f716 loading_color1"></span>\n' +
' <span class="www_697969_com-4166b6 loading_color2"></span>\n' +
' <span class="www_697969_com-7632be loading_color3"></span>\n' +
' <span class="www_697969_com-ba7587 loading_color4"></span>\n' +
' <span class="www_697969_com-c32426 loading_color5"></span>\n' +
' <span class="www_697969_com-410738 loading_color6"></span>\n' +
' <span class="www_697969_com-dff1e1 loading_color7"></span>\n' +
'</div>\n' +
'<div class="www_697969_com-d2d969 comiis_poster_oktit">正在生成海报, 请稍候</div>\n' +
'</div>\n' +
'<div class="www_697969_com-fb3b14 comiis_poster_imgshow" style="display:none">\n' +
'<img src="" class="www_697969_com-ab53d9 vm" id="comiis_poster_images">\n' +
'<div class="www_697969_com-d2d969 comiis_poster_oktit">↑长按上图保存图片分享</div>\n' +
'</div>\n' +
'</div>\n' +
'<div class="www_697969_com-a76139 comiis_poster_okclose"><a href="javascript:;" class="www_697969_com-7424e8 comiis_poster_closekey"><img src="http://697969.com/zb_users/theme/quietlee/plugin/img/poster_okclose.png" class="www_697969_com-4d3928 vm"></a></div>\n' +
'</div>\n' +
'<div class="www_697969_com-a6bc8f comiis_poster_box_img">\n' +
'<div class="www_697969_com-0b182b comiis_poster_img"><div class="www_697969_com-b0785c img_time">24<span>2024/09</span></div><img src="图片路径" class="www_697969_com-03691f vm" id="comiis_poster_image"></div>\n' +
'<div class="www_697969_com-aec90b comiis_poster_tita">html如何投入使用</div>\n' +
'<div class="www_697969_com-07c646 comiis_poster_txta">HTML（HyperText Markup Language，超文本标记语言）是一种用于创...</div><div class="www_697969_com-50b6be comiis_poster_x guig"></div>\n' +
'<div class="www_697969_com-f1fb1f comiis_poster_foot">\n' +
'<img src="http://697969.com/zb_users/theme/quietlee/plugin/api.php?url='+url+'" class="www_697969_com-a98bd1 kmewm fqpl vm">\n' +
'<img src="http://697969.com/zb_users/theme/quietlee/plugin/img/poster_zw.png" class="www_697969_com-2ab913 kmzw vm"><span class="www_697969_com-31fa6d kmzwtip">'+txt1+'<br>'+txt2+'</span>\n' +
'</div>\n' +
'</div>\n' +
'</div>';
if(html.indexOf("comiis_poster") >= 0){
comiis_poster_time_baxt = setTimeout(function(){
comiis_poster_rrwz();
}, 5000);
$('body').append(html);
$('#comiis_poster_image').on('load',function(){
clearTimeout(comiis_poster_time_baxt);
comiis_poster_rrwz();
});
popup.close();
setTimeout(function() {
$('.comiis_poster_box').addClass("comiis_poster_box_show");
$('.comiis_poster_closekey').off().on('click', function(e) {
$('.comiis_poster_box').removeClass("comiis_poster_box_show").on('webkitTransitionEnd transitionend', function() {
$('#comiis_poster_box').remove();
comiis_poster_start_wlat = 0;
});
return false;
});
}, 60);
}
}
}
var new_comiis_user_share, is_comiis_user_share = 0;
var as = navigator.appVersion.toLowerCase(), isqws = 0;
if (as.match(/MicroMessenger/i) == "micromessenger" || as.match(/qq\//i) == "qq/") {
isqws = 1;
}
if(isqws == 1){
if(typeof comiis_user_share === 'function'){
new_comiis_user_share = comiis_user_share;
is_comiis_user_share = 1;
}
var comiis_user_share = function(){
if(is_comiis_user_share == 1){
isusershare = 0;
new_comiis_user_share();
if(isusershare == 1){
return false;
}
}
isusershare = 1;
show_comiis_poster_ykzn();
return false;
}
}
</script>
</main>
<footer class="www_697969_com-b3b70f site-footer footer">
<div class="www_697969_com-f65834 site-info clearfix">
<div class="www_697969_com-b90a55 container">
<div class="www_697969_com-c0cac2 footer-left"><!--底部左边-->
<div class="www_697969_com-e382bd footer-l-top clearfix">
<a rel="nofollow" href="/" target="_blank">在线留言</a><a rel="nofollow" href="/" target="_blank">关于我们</a><a rel="nofollow" href="/" target="_blank">常见问题</a><a rel="nofollow" href="/" target="_blank">商务合作</a><a rel="nofollow" href="/" target="_blank">网站地图</a> </div>
<div class="www_697969_com-6b0ad7 footer-l-btm">
<p class="www_697969_com-2a119f top-text">Copyright<i class="fa fa-copyright"></i>2024<a href="/">技术帮</a>版权所有. 安全运行<span id="iday"></span>天 <script>function siteRun(d){var nowD=new Date();return parseInt((nowD.getTime()-Date.parse(d))/24/60/60/1000)} document.getElementById("iday").innerHTML=siteRun("2023/06/01");</script></p>
<p class="www_697969_com-942eb1 jubao"></p>
<p class="www_697969_com-52643b btm-text"><a class="ico-ico" href="http://beian.miit.gov.cn" rel="nofollow" target="_blank" rel="nofollow" title="蜀ICP备2023009917号-7"><img src="http://697969.com/zb_users/theme/quietlee/style/images/icp.png" alt="蜀ICP备2023009917号-7">蜀ICP备2023009917号-7</a> <span class="www_697969_com-08138c rt-times">运行时长：4.667秒</span><span class="www_697969_com-0224e3 rt-sql">查询信息：16 次</span><script type="text/javascript" src="//api.tongjiniao.com/c?_=644636523767349248" async></script></p>
</div>
</div>
<div class="www_697969_com-97fde5 footer-right"><!--底部右边-->
<div class="www_697969_com-67e9d6 wxcode"><img alt="微信扫一扫" src="http://697969.com/zb_users/upload/2023/08/202308311693453395303698.png"></div>
</div> </div>
</div>
<div id="backtop" class="www_697969_com-34079c backtop">
<div class="www_697969_com-d43354 bt-box top"><i class="www_697969_com-fd6871 fa fa-angle-up fa-2x"></i></div>
<div class="www_697969_com-7cc513 bt-box bt-comments"><a href="http://697969.com/html/82757.html#comments" target="_self" title="发表评论"><i class="www_697969_com-827e44 fa fa-comment fa-2x"></i></a></div>
<div class="www_697969_com-e9577e bt-box bottom"><i class="www_697969_com-af3a1f fa fa-angle-down fa-2x"></i></div>
</div>
<script src="http://697969.com/zb_users/theme/quietlee/script/jquery.pjax.js"></script>
<script>var cookieDomain = "http://697969.com/";</script>
<script src="http://697969.com/zb_users/theme/quietlee/script/zh_tw.js"></script>
<script src="http://697969.com/zb_users/theme/quietlee/script/custom.js?v=2024-08-02"></script>
<script src="http://697969.com/zb_users/theme/quietlee/script/jquery.lazy.js"></script>
<script src="http://697969.com/zb_users/theme/quietlee/script/wow.min.js"></script>
<noscript><style>html,body{overflow:hidden;}</style><div style="display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;color:#f00;background:#eee;z-index:99999;"><p>抱歉！浏览本站需要JavaScript支持，请进行相关设置后再刷新本页</p></div></noscript>
<script type="text/javascript" src="https://www.697969.com/zb_users/theme/quietlee/script/qqinfo.js"></script></footer>
</body>
</html><!--4,666.87 ms , 16 queries , 7630kb memory , 0 error-->
