html怎么显示

在互联网的世界里，HTML（HyperText Markup Language）是构建网页的基础语言，它通过一系列的标签来定义网页的结构和内容，使得网页能够在浏览器中正确显示，如何用HTML来创建一个不包含标题的文章页面呢？我将带你一起这个有趣的话题。

我们需要了解HTML的基本结构，一个标准的HTML文档通常包含以下部分：

1. ``：这是一个声明，告诉浏览器这是一个HTML5文档，2. ``：这是整个HTML文档的根元素，3. ``：包含了文档的元数据，比如字符集声明、文档标题等，但不显示在页面上，4. ``：这是页面的主体部分，包含了用户可以看到的所有内容，我们来构建一个不包含标题的文章页面，我们不需要在``部分添加``标签，因为我们要省略标题，以下是构建这样一个页面的基本代码：<p>```html</p><!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><article><h1></h1><section><p>文章的开头，我们可以在这里直接开始正文内容。</p><p>我们可以继续添加段落，来展开文章的主题。</p><p>可以包含多个段落，每个段落都用<p>标签包围。</p><p>为了使文章更加生动，我们可以使用<strong>标签来强调某些词语。</strong></p><p>同样，<em>标签可以用来表示斜体，增加文章的可读性。</em></p></section></article></body></html><p>```</p>在这个例子中，我们省略了`<h1>`标签，因为我们要创建一个不包含标题的文章页面，文章的正文内容被包含在一个`<article>`元素中，这是一个语义化的HTML5标签，用于表示独立的、完整的内容块，如一篇文章、一个博客帖子等，文章的每个段落都用`<p>`标签包围，这是HTML中用于定义段落的标准标签，我们还可以使用`<strong>`和`<em>`标签来强调文章中的某些词语，使文章更加突出和易于阅读。<p>为了让文章更加吸引人，我们还可以添加一些图片和链接，以下是如何添加图片和链接的示例：</p><p>```html</p><article><section><p>这是文章的开头，我们可以在这里直接开始正文内容。</p><p>我们可以继续添加段落，来展开文章的主题。</p><p>为了使文章更加生动，我们可以使用<strong>标签来强调某些词语。</strong></p><p>同样，<em>标签可以用来表示斜体，增加文章的可读性。</em></p><a class="view-image" href="image.jpg" data-fancybox="gallery" title="html怎么显示"><img class="ue-image" src="image.jpg" alt="html怎么显示"></a><p>这是一个图片标签，它将图片插入到文章中。</p><a href="https://example.com">这是一个链接，点击它可以跳转到另一个网页。</a></section></article><p>```</p>在这个例子中，`<img>`标签用于插入图片，`src`属性指定了图片的路径，`alt`属性提供了图片的描述性文字，这对于搜索引擎优化和屏幕阅读器用户是非常重要的，`<a>`标签用于创建链接，`href`属性指定了链接的目标URL。<p>我们还可以通过CSS来进一步美化文章的样式，我们可以为文章添加背景颜色、改变字体大小和颜色等，以下是添加一些基本样式的示例：</p><p>```html</p><style><p> body {</p><p> font-family: Arial, sans-serif;</p><p> background-color: #f4f4f4;</p><p> color: #333;</p><p> }</p><p> section {</p><p> margin: 20px;</p><p> padding: 20px;</p><p> background-color: #fff;</p><p> border-radius: 8px;</p><p> box-shadow: 0 2px 4px rgba(0,0,0,0.1);</p><p> }</p></style><p>```</p><p>在这个CSS样式中，我们设置了整个页面的字体、背景颜色和文字颜色，对于文章的主体部分，我们添加了外边距、内边距、背景颜色、边框圆角和阴影效果，使得文章看起来更加整洁和美观。</p><p>通过这些基本的HTML和CSS知识，我们可以创建一个不包含标题的文章页面，并且通过添加图片和链接、应用样式来增强文章的吸引力和可读性，HTML的世界是丰富多彩的，这些基础知识，你就可以开始更多的网页设计技巧了。</p></div><div class="newsad"><li><i></i><a href="https://google-appg.com.cn/" class="red" target="_blank"><strong>谷歌浏览器</strong></a></li> <li><i></i><a href="https://google-appg.com.cn/" class="red" target="_blank"><strong>谷歌浏览器下载</strong></a></li> <li><i></i><a href="https://lan-kuailian.com.cn/" class="red" target="_blank"><strong>快连</strong></a></li> <li><i></i><a href="https://google-gegu.com.cn/" class="red" target="_blank"><strong>谷歌浏览器</strong></a></li> <li><i></i><a href="https://google-gegu.com.cn/" class="red" target="_blank"><strong>谷歌浏览器下载</strong></a></li> <li><i></i><a href="https://google-gege.com.cn/" class="red" target="_blank"><strong>谷歌浏览器</strong></a></li> <li><i></i><a href="https://google-gege.com.cn/" class="red" target="_blank"><strong>谷歌浏览器下载</strong></a></li></div> </div> <div class="gaoyuan yc">内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构》的官方网站或公开发表的信息，内容仅供参考使用!本站为非盈利性质站点,本着免费分享原则,发布内容不收取任何费用也不接任何广告! 邮箱：i77i88@88.com</div> </div> <footer class="entry-footer"> <div class="post-tags"><a href="http://563515.com/tag/37112.html" rel="tag" title="查看标签为《文章》的所有文章">文章</a><a href="http://563515.com/tag/39086.html" rel="tag" title="查看标签为《页面》的所有文章">页面</a><a href="http://563515.com/tag/39372.html" rel="tag" title="查看标签为《标题》的所有文章">标题</a></div> <div class="readlist ds-reward-stl"> <div class="read_outer"><a class="read" href="javascript:;" title="阅读模式"><i class="fa fa-send"></i> 阅读</a></div> <div class="read_outer"><a class="comiis_poster_a" href="javascript:;" title="生成封面"><i class="fa fa-image"></i> 海报</a></div> <div id="mClick" class="mobile_click"> <div class="share"> <div class="Menu-item"><a href="javascript:Share('tqq')"><i class="fa fa-qq"></i> QQ 分享</a></div> <div class="Menu-item"><a href="javascript:Share('sina')"><i class="fa fa-weibo"></i> 微博分享</a></div> <div class="Menu-item"><i class="fa fa-weixin"></i> 微信分享<img alt="微信扫一扫" src="http://563515.com/zb_users/theme/quietlee/plugin/api.php?url=http://563515.com/php/60660.html"></div> </div> <i class="fa fa-share" title="分享转发"></i> 分享 </div> </div> </footer> </article> <nav class="single-nav"> <div class="entry-page-prev j-lazy" style="background-image: url(http://563515.com/zb_users/cache/ly_autoimg/jquery%E5%AF%BC%E5%87%BAdiv%E4%B8%BA%E5%9B%BE%E7%89%87.jpg)"> <a href="http://563515.com/jquery/60659.html" title="jquery导出div为图片"><span>jquery导出div为图片</span></a> <div class="entry-page-info"><span class="pull-left">« 上一篇</span><span class="pull-right">2025-09-16</span></div> </div> <div class="entry-page-next j-lazy" style="background-image: url(http://563515.com/zb_users/cache/ly_autoimg/html%E6%80%8E%E4%B9%88%E7%B2%BE%E7%A1%AE%E5%AE%9A%E4%BD%8D.jpg)"> <a href="http://563515.com/html/60661.html" title="html怎么精确定位"><span>html怎么精确定位</span></a> <div class="entry-page-info"><span class="pull-right">下一篇 »</span><span class="pull-left">2025-09-16</span></div> </div> </nav> <div class="part-mor"> <h3 class="section-title"><span><i class="fa fa-rss-square"></i>相关阅读</span></h3> <ul class="section-cont-tags pic-box-list clearfix">  <li><a href="http://563515.com/php/61290.html"><i class="pic-thumb"><img class="lazy" src="http://563515.com/zb_users/cache/ly_autoimg/php%E5%A6%82%E4%BD%95%E5%8F%96%E4%B8%AD%E6%96%87%E5%89%8D%E5%87%A0%E4%BD%8D.jpg" alt="php如何取中文前几位" title="php如何取中文前几位"></i> <h3>php如何取中文前几位</h3> <p><b class="datetime">2025-09-24</b><span class="viewd">3 人在看</span></p> </a></li> <li><a href="http://563515.com/php/61289.html"><i class="pic-thumb"><img class="lazy" src="http://563515.com/zb_users/cache/ly_autoimg/php%E7%9A%84%E7%BD%91%E7%AB%99%E6%98%AF%E4%BB%80%E4%B9%88%E7%B3%BB%E7%BB%9F%E5%90%97.jpg" alt="php的网站是什么系统吗" title="php的网站是什么系统吗"></i> <h3>php的网站是什么系统吗</h3> <p><b class="datetime">2025-09-24</b><span class="viewd">5 人在看</span></p> </a></li> <li><a href="http://563515.com/php/61288.html"><i class="pic-thumb"><img class="lazy" src="http://563515.com/zb_users/cache/ly_autoimg/php%E5%A6%82%E4%BD%95%E8%8E%B7%E5%8F%96%E7%82%B9%E5%87%BB%E4%BA%BA%E7%9A%84%E4%BF%A1%E6%81%AF.jpg" alt="php如何获取点击人的信息" title="php如何获取点击人的信息"></i> <h3>php如何获取点击人的信息</h3> <p><b class="datetime">2025-09-24</b><span class="viewd">5 人在看</span></p> </a></li> <li><a href="http://563515.com/php/61286.html"><i class="pic-thumb"><img class="lazy" src="http://563515.com/zb_users/cache/ly_autoimg/php%E5%A6%82%E4%BD%95%E5%8F%91%E9%80%81%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1.jpg" alt="php如何发送企业微信" title="php如何发送企业微信"></i> <h3>php如何发送企业微信</h3> <p><b class="datetime">2025-09-24</b><span class="viewd">4 人在看</span></p> </a></li> </ul> </div> <section id="comments"> <div id="comt-respond" class="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://563515.com/zb_system/cmd.php?act=cmt&postid=60660&key=ef3c224a021d899b8ec9ea8618490a0b" > <input type="hidden" name="inpId" id="inpId" value="60660" /> <input type="hidden" name="inpRevID" id="inpRevID" value="0" /> <div class="comt-box"> <div class="form-group liuyan form-name"><input type="text" name="inpName" id="inpName" class="text" value="访客" placeholder="昵称" size="28" tabindex="1" /></div> <div class="form-group liuyan form-email"><input type="text" name="inpEmail" id="inpEmail" class="text" value="" placeholder="邮箱" size="28" tabindex="2" /></div> <div class="form-group liuyan form-www"><input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" placeholder="网址" size="28" tabindex="3" /></div> </div> <div id="comment-tools"> <div class="tools_text"> <textarea placeholder="请遵守相关法律与法规，文明评论。O(∩_∩)O~~" name="txaArticle" id="txaArticle" class="text input-block-level comt-area" cols="50" rows="4" tabindex="5"></textarea> </div> </div> <div class="psumbit"> <div class="tools_title"> <span class="com-title com-reply">快捷回复：</span> <a class="psumbit-kjhf" href="javascript:addNumber('文章不错,写的很好！')" title="文章不错,写的很好！"><i class="fa fa-thumbs-o-up"></i></a> <a class="psumbit-kjhf" href="javascript:addNumber('emmmmm。。看不懂怎么破？')" title="emmmmm。。看不懂怎么破？"><i class="fa fa-thumbs-o-down"></i></a> <a class="psumbit-kjhf" href="javascript:addNumber('赞、狂赞、超赞、不得不赞、史上最赞！')" title="赞、狂赞、超赞、不得不赞、史上最赞！"><i class="fa fa-heart"></i></a> <span class="com-title">表情：</span><a href="javascript:;" class="face-show"><i class="fa fa-smile-o"></i></a> <div id="ComtoolsFrame" class="ComtoolsFrame" style="display: none;"></div> </div> <input name="sumbit" type="submit" tabindex="6" value="提交" onclick="return zbp.comment.post()" class="button" /> <div class="form-inpVerify"> <div class="input-inpVerify"> <input type="text" id="inpVerify" name="inpVerify" tabindex="4" placeholder="验证码"> <div class="input-group-addon"><img src="http://563515.com/zb_system/script/c_validcode.php?id=cmt" alt="验证码" class="verifyimg" onclick="javascript:this.src='http://563515.com/zb_system/script/c_validcode.php?id=cmt&tm='+Math.random();"/></div> </div> </div> </div> </form> </div><div class="commentlist"> <div class="comment-tab"> <div class="come-comt">评论列表 <span id="comment_count">（暂无评论，<span style="color:#E1171B">21</span>人围观）</span></div> </div> <h2 class="comment-text-center"><i class="fa fa-frown-o"></i> 还没有评论，来说两句吧...</h2> <label id="AjaxCommentBegin"></label> </div> <span class="icon icon_comment" title="comment"></span> </section><a href="http://563515.com/jquery/60659.html" class="prev-article" title="jquery导出div为图片"> <i class="fa fa fa-angle-left"></i> </a><a href="http://563515.com/html/60661.html" class="next-article" title="html怎么精确定位"> <i class="fa fa fa-angle-right"></i> </a> </div> <aside class="side fr mside"> <section class="widget abautor"> <div class="widget-list"> <div class="widget_avatar" style="background-image: url(http://563515.com/zb_users/upload/2024/03/202403051709615605151977.png);"><a href="http://563515.com/author/3.html"><img class="widget-about-image" src="http://563515.com/zb_users/avatar/0.png" alt="趣知号" height="70" width="70"><div class="widget-cover vip1"></div><i title="管理员" class="author-ident author1"></i></a></div> <div class="widget-about-intro"> <div class="name"><h3>趣知号</h3><span class="autlv aut-1 vs">V</span><span class="autlv aut-1">管理员</span></div> <div class="widget-about-desc">文章 12855 篇 <i>|</i> 评论 0 次</div> <div class="widget-article-newest"><span>最新文章</span></div> <ul class="widget-about-posts"> <li><span class="widget-posts-meta">09/19</span><a class="widget-posts-title" href="http://563515.com/jquery/61236.html" title="jquery取得iframe">jquery取得iframe</a></li> <li><span class="widget-posts-meta">09/19</span><a class="widget-posts-title" href="http://563515.com/jquery/61235.html" title="jquerycoinslider插件">jquerycoinslider插件</a></li> <li><span class="widget-posts-meta">09/19</span><a class="widget-posts-title" href="http://563515.com/python/61234.html" title="python什么时候支持f字符串">python什么时候支持f字符串</a></li> </ul> </div> </div> </section> <section class="widget wow fadeInDown" id="divPrevious"> <h3 class="widget-title"><i class="fa fa-divPrevious"></i><span>最近发表</span></h3> <ul class="widget-box divPrevious"><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-1">01</span> <span class="slash"></span> </span> <span class="text"><a href="http://563515.com/json/61292.html" title="后台接收id怎么往json里面传">后台接收id怎么往json里面传</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-2">02</span> <span class="slash"></span> </span> <span class="text"><a href="http://563515.com/json/61291.html" title="影视源json怎么做">影视源json怎么做</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-3">03</span> <span class="slash"></span> </span> <span class="text"><a href="http://563515.com/php/61290.html" title="php如何取中文前几位">php如何取中文前几位</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-4">04</span> <span class="slash"></span> </span> <span class="text"><a href="http://563515.com/php/61289.html" title="php的网站是什么系统吗">php的网站是什么系统吗</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-5">05</span> <span class="slash"></span> </span> <span class="text"><a href="http://563515.com/php/61288.html" title="php如何获取点击人的信息">php如何获取点击人的信息</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-6">06</span> <span class="slash"></span> </span> <span class="text"><a href="http://563515.com/json/61287.html" title="json如何在前台展示内容">json如何在前台展示内容</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-7">07</span> <span class="slash"></span> </span> <span class="text"><a href="http://563515.com/php/61286.html" title="php如何发送企业微信">php如何发送企业微信</a></span> </li></ul> </section><section class="widget wow fadeInDown" id="side_random"> <h3 class="widget-title"><i class="fa fa-side_random"></i><span>随便看看</span></h3> <div class="r-item-btn"><i class="fa fa-circle-o-notch"></i>换一换</div><ul class="widget-box side_random"><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://563515.com/json/61284.html"><img width="480" height="300" src="http://563515.com/zb_users/theme/quietlee/style/noimg/13.jpg" alt="错误的json如何格式化"></a><h4 class="r-title"><a href="http://563515.com/json/61284.html" title="错误的json如何格式化">错误的json如何格式化</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://563515.com/json/61142.html"><img width="480" height="300" src="http://563515.com/zb_users/theme/quietlee/style/noimg/5.jpg" alt="后台如何接受前台的json传参数"></a><h4 class="r-title"><a href="http://563515.com/json/61142.html" title="后台如何接受前台的json传参数">后台如何接受前台的json传参数</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://563515.com/html/60279.html"><img width="480" height="300" src="http://563515.com/zb_users/theme/quietlee/style/noimg/4.jpg" alt="html5中的盒子边距怎么调"></a><h4 class="r-title"><a href="http://563515.com/html/60279.html" title="html5中的盒子边距怎么调">html5中的盒子边距怎么调</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://563515.com/html/60178.html"><img width="480" height="300" src="http://563515.com/zb_users/theme/quietlee/style/noimg/8.jpg" alt="html中collapse代码怎么写"></a><h4 class="r-title"><a href="http://563515.com/html/60178.html" title="html中collapse代码怎么写">html中collapse代码怎么写</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://563515.com/json/60761.html"><img width="480" height="300" src="http://563515.com/zb_users/theme/quietlee/style/noimg/6.jpg" alt="怎么用get方式传json"></a><h4 class="r-title"><a href="http://563515.com/json/60761.html" title="怎么用get方式传json">怎么用get方式传json</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://563515.com/html/60326.html"><img width="480" height="300" src="http://563515.com/zb_users/theme/quietlee/style/noimg/15.jpg" alt="html中ol中标签怎么改"></a><h4 class="r-title"><a href="http://563515.com/html/60326.html" title="html中ol中标签怎么改">html中ol中标签怎么改</a></h4></div></li></ul> </section><section class="widget wow fadeInDown" id="divTags"> <h3 class="widget-title"><i class="fa fa-divTags"></i><span>标签列表</span></h3> <ul class="widget-box divTags"><li> <a href="http://563515.com/tag/890.html" title="网站建设">网站建设<span class="tag-count">4446</span></a> </li><li> <a href="http://563515.com/tag/891.html" title="网站设计">网站设计<span class="tag-count">3854</span></a> </li><li> <a href="http://563515.com/tag/38978.html" title="quot">quot<span class="tag-count">3349</span></a> </li><li> <a href="http://563515.com/tag/893.html" title="网站推广">网站推广<span class="tag-count">2546</span></a> </li><li> <a href="http://563515.com/tag/901.html" title="网站搭建">网站搭建<span class="tag-count">2303</span></a> </li><li> <a href="http://563515.com/tag/894.html" title="用户体验">用户体验<span class="tag-count">1854</span></a> </li><li> <a href="http://563515.com/tag/38982.html" title="lt">lt<span class="tag-count">1761</span></a> </li><li> <a href="http://563515.com/tag/11.html" title="JSON">JSON<span class="tag-count">1714</span></a> </li><li> <a href="http://563515.com/tag/38983.html" title="gt">gt<span class="tag-count">1523</span></a> </li><li> <a href="http://563515.com/tag/931.html" title="企业建站">企业建站<span class="tag-count">1182</span></a> </li><li> <a href="http://563515.com/tag/888.html" title="搭建网站">搭建网站<span class="tag-count">1125</span></a> </li><li> <a href="http://563515.com/tag/32448.html" title="数据">数据<span class="tag-count">1073</span></a> </li><li> <a href="http://563515.com/tag/38992.html" title="文件">文件<span class="tag-count">1051</span></a> </li><li> <a href="http://563515.com/tag/905.html" title="网站开发">网站开发<span class="tag-count">924</span></a> </li><li> <a href="http://563515.com/tag/6.html" title="PHP">PHP<span class="tag-count">860</span></a> </li><li> <a href="http://563515.com/tag/2.html" title="Python">Python<span class="tag-count">707</span></a> </li><li> <a href="http://563515.com/tag/7805.html" title="代码">代码<span class="tag-count">690</span></a> </li><li> <a href="http://563515.com/tag/38979.html" title="字符串">字符串<span class="tag-count">658</span></a> </li></ul> </section><section class="widget wow fadeInDown" id="divLinkage"> <h3 class="widget-title"><i class="fa fa-divLinkage"></i><span>友情链接</span></h3> <ul class="widget-box divLinkage"><li class="link-item"><a href="https://186863.com/" target="_blank" title="汇融财商">汇融财商</a></li><li class="link-item"><a href="https://kua-kuailian.com.cn" title="快连vpn">快连</a></li><li class="link-item"><a href="https://whatsapp-pa.com.cn" title="WhatsApp网页版">WhatsApp网页版</a></li><li class="link-item"><a href="https://whatsapp-pa.com.cn" title="WhatsApp网页版登录">WhatsApp网页版登录</a></li><li class="link-item"><a href="https://klw-kuailian.com.cn" title="快连下载">快连下载</a></li><li class="link-item"><a href="https://google-gege.com.cn" title="谷歌浏览器">谷歌浏览器</a></li><li class="link-item"><a href="https://youdao-yd.com.cn" title="有道翻译">有道翻译下载</a></li><li class="link-item"><a href="https://youdao-yd.com.cn" title="有道翻译下载">有道翻译</a></li><li class="link-item"><a href="https://sougou-sg.com.cn" title="搜狗输入法">搜狗输入法官网</a></li><li class="link-item"><a href="https://sougou-sg.com.cn" title="搜狗输入法官网">搜狗输入法</a></li><li class="link-item"><a href="http://cateandcole.com" title="欧意下载">欧意下载</a></li> </ul> </section> </aside> </div> <div class="listree-box"> <h3 class="listree-titles"><a class="listree-btn" title="展开">目录[+]</a></h3> <ul id="listree-ol" style="display:none;"></ul> </div> <script>//分享代码 function Share(pType){ var pTitle = "html怎么显示"; //待分享的标题 var pImage = "image.jpg"; //待分享的图片 var pContent = "在互联网的世界里，HTML（HyperText Markup Language）是构建网页的基础语言，它通过一系列的标签来定义网页的结构和内容，使得网页能够..."; //待分享的内容 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://563515.com/zb_users/theme/quietlee/plugin/js/html2canvas.min.js"></script> <script src="http://563515.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://563515.com/zb_users/theme/quietlee/plugin/img/imageloading.gif" class="comiis_loading">'); var url = window.location.href.split('#')[0]; url = encodeURIComponent(url); var html = '<div id="comiis_poster_box" class="comiis_poster_nchxd">\n' + '<div class="comiis_poster_box">\n' + '<div class="comiis_poster_okimg">\n' + '<div style="padding:150px 0;" class="comiis_poster_load">\n' + '<div class="loading_color">\n' + ' <span class="loading_color1"></span>\n' + ' <span class="loading_color2"></span>\n' + ' <span class="loading_color3"></span>\n' + ' <span class="loading_color4"></span>\n' + ' <span class="loading_color5"></span>\n' + ' <span class="loading_color6"></span>\n' + ' <span class="loading_color7"></span>\n' + '</div>\n' + '<div class="comiis_poster_oktit">正在生成海报, 请稍候</div>\n' + '</div>\n' + '<div class="comiis_poster_imgshow" style="display:none">\n' + '<img src="" class="vm" id="comiis_poster_images">\n' + '<div class="comiis_poster_oktit">↑长按上图保存图片分享</div>\n' + '</div>\n' + '</div>\n' + '<div class="comiis_poster_okclose"><a href="javascript:;" class="comiis_poster_closekey"><img src="http://563515.com/zb_users/theme/quietlee/plugin/img/poster_okclose.png" class="vm"></a></div>\n' + '</div>\n' + '<div class="comiis_poster_box_img">\n' + '<div class="comiis_poster_img"><div class="img_time">16<span>2025/09</span></div><img src="image.jpg" class="vm" id="comiis_poster_image"></div>\n' + '<div class="comiis_poster_tita">html怎么显示</div>\n' + '<div class="comiis_poster_txta">在互联网的世界里，HTML（HyperText Markup Language）是构建网页...</div><div class="comiis_poster_x guig"></div>\n' + '<div class="comiis_poster_foot">\n' + '<img src="http://563515.com/zb_users/theme/quietlee/plugin/api.php?url='+url+'" class="kmewm fqpl vm">\n' + '<img src="http://563515.com/zb_users/theme/quietlee/plugin/img/poster_zw.png" class="kmzw vm"><span class="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="site-footer footer"> <div class="site-info clearfix"> <div class="container"> <div class="footer-left"> <div class="footer-l-top clearfix"> <a href="https://whatsapp-pa.com.cn/">WhatsApp网页版</a> <a href="https://whatsapp-pa.com.cn/">WhatsApp网页版登录</a> <a href="https://kua-kuailian.com.cn/">快连下载</a> <a href="https://li-kuailian.com.cn/">快连</a> <a href="https://whatsapp-aa.com.cn/">WhatsApp网页版</a> <a href="https://whatsapp-wa.com.cn/">WhatsApp网页版登录</a> <a href="https://whatsapp-sa.com.cn/">WhatsApp网页版登录</a> <a href="https://google-gege.com.cn/">谷歌浏览器</a> <a href="https://google-gegu.com.cn/">谷歌浏览器</a> </div> <div class="footer-l-btm"> <p class="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/01/01");</script></p> <p class="jubao"></p> <p class="btm-text"><a class="ico-ico" href="http://beian.miit.gov.cn" rel="nofollow" target="_blank" rel="nofollow" title="鲁ICP备20230"><img src="http://563515.com/zb_users/theme/quietlee/style/images/icp.png" alt="鲁ICP备20230">鲁ICP备202</a> <span class="rt-times">运行时长：0.100秒</span><span class="rt-sql">查询信息：16 次</span></p> </div> </div> <div class="footer-right"> <div class="wxcode"><img alt="微信扫一扫" src="http://563515.com/zb_users/upload/2023/10/202310171697549101852019.jpg"></div> </div> </div> </div> <div id="backtop" class="backtop"> <div class="bt-box top"><i class="fa fa-angle-up fa-2x"></i></div> <div class="bt-box bt-comments"><a href="http://563515.com/php/60660.html#comments" target="_self" title="发表评论"><i class="fa fa-comment fa-2x"></i></a></div> <div class="bt-box bottom"><i class="fa fa-angle-down fa-2x"></i></div> </div> <script src="http://563515.com/zb_users/theme/quietlee/script/jquery.pjax.js"></script> <script src="http://563515.com/zb_users/theme/quietlee/script/custom.js?v=2024-04-02"></script> <script src="http://563515.com/zb_users/theme/quietlee/script/jquery.lazy.js"></script> <script src="http://563515.com/zb_users/theme/quietlee/script/wow.min.js"></script> <script src="http://563515.com/zb_users/theme/quietlee/script/fancybox.js"></script> <script src="http://563515.com/zb_users/theme/quietlee/script/nprogress.js"></script> <script>NProgress.start();setTimeout(function() { NProgress.done(); }, 1000);</script> <script type="text/javascript" src="https://563515.com/zb_users/theme/quietlee/script/qqinfo.js"></script></footer> </body> </html>