【HTML教程】手机开发网页1.02

编程开发   © 文章版权由 admin 解释,禁止匿名转载

#楼主# 2022-7-11

上节学到了基础的三个html标签
#【HTML教程】手机开发网页1.01#
——页面的根元素
——包含可见的页面内容

——定义一个段落

下面介绍一下完整的html页面


讲解一下

<!DOCTYPE HTML>这个标签用于声明这是html的5.0版本。

上节课讲到过,这是必须要有的标签

头部标签,一般用来存放标题,存放样式,存放脚本。

这个标签用于声明,这个html的字符用utf-8的形式,编码出来。有的电脑上的浏览器,输入中文会乱码,所以要写上这个,就不会出现乱码的问题。

标题标签,本文稍后会演示到此标签<br><br>下面我们要用到的工具是:</p><hlx_game>69815</hlx_game><p><br>以后基本上用到的工具都会是这个软件,所以要熟练掌握。<br><br></p> </div> <div class="zz_readall_box pbw cl"> <div class="zz_read_more_mask"></div> <a href="javascript:;" class="zz_read_more_btn">阅读全文</a> </div> <div id="comment_1673602" class="cm"></div> <div id="post_rate_div_1673602"></div> </div> </div> </td> </tr> <tr> <td> <div class="works-show-share cl"> <div class="works-show-share-top"> <div class="wp cl" style="position: relative;"> <div class="share z"> <span>分享:</span> <div class="bdsharebuttonbox"> <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a> <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> </div> <script> window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "32" }, "share": {} }; with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/View/xr_fresh_pc/bdshare/js/share.js?v=1&cdnversion=' + ~(-new Date() / 36e5) ]; </script> </div> <div class="zhanzhuai_dzan"> <a href="javascript:fresh_tp('thread1',75266);" style="display: block;position: relative;padding-top: 5px;"> <span class="bg-zan"></span> <i id="recommendv_add">12</i> </a> </div> <div class="coll-rep y"> <a class="icon-article-jb" href="javascript:;" style="margin-right: 0;"> <i class="zhanzhuai-icons"></i>举报 </a> </div> </div> </div> </div> </td> </tr> <tr class="ad"> <td class="plc"> </td> </tr> </table> </div> </div> </div> <div id="post_list"></div> <div id="post_1673803" class="comment-list"> <div class="zhanzhuai_cleft_avatar"> <a href="https://ktwap.net/u/情风团队北港.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" class="circle js-unveil js-info" uid="197381" pos="right" /> </a> </div> <div class="zhanzhuai_replythread box zhanzhuai_replythread_close""> <table id="pid1673803" class="table_reply plhin" summary="pid1673803" cellspacing="0" cellpadding="0"> <tr> <td class="plc plct" style="width:100%"> <div class="pi"> <strong> <a style="border-radius: 16px 16px 16px 0;border: none;background: #ff4c4c;color: #fff;height: 20px;line-height: 20px;margin-top: 4px;padding: 0 5px">沙发</a> </strong> <div class="pti"> <div class="pdbt"> </div> <div class="authi"> <a href="https://ktwap.net/u/情风团队北港.html" target="_blank" class="xi2">情风团队北港</a> <em id="authorposton197381"> 2022-7-11</em> </div> </div> </div> <div class="pct"> <div class="pcb"> <div class="t_fsz"> <table cellspacing="0" cellpadding="0"> <tr> <td class="t_f" id="postmessage_1673803"> css能运行么? </td> </tr> </table> </div> <div id="comment_1673803" class="cm"></div> <div id="post_rate_div_1673803"></div> </div> </div> </td> </tr> <tr> <td class="plc plcb" style="overflow:visible;--> width:100%"> <div class="po"> <div class="pob cl"> <em> </em> <p class="ricons"> <a class="comment_card_jubao" href="javascript:;"> <i class="icon icon-report" style=" top: 3px;"></i> 举报 </a> <a href="javascript:fresh_tp('post1', 1673803, 'post');"> <i class="icon icon-agree"></i> <span id="review_support_1673803">0</span> </a> </p> </div> </div> </td> </tr> <tr class="ad"> <td class="pls"> </td> </tr> </table> </div> </div> <div id="post_1673804" class="comment-list"> <div class="zhanzhuai_cleft_avatar"> <a href="https://ktwap.net/u/二二老板.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" class="circle js-unveil js-info" uid="161522" pos="right" /> </a> </div> <div class="zhanzhuai_replythread box zhanzhuai_replythread_close""> <table id="pid1673804" class="table_reply plhin" summary="pid1673804" cellspacing="0" cellpadding="0"> <tr> <td class="plc plct" style="width:100%"> <div class="pi"> <strong> <a style="border-radius: 16px 16px 16px 0;border: none;background: #ff8b3d;color: #fff;height: 20px;line-height: 20px;margin-top: 6px;padding: 0 5px">板凳</a> </strong> <div class="pti"> <div class="pdbt"> </div> <div class="authi"> <a href="https://ktwap.net/u/二二老板.html" target="_blank" class="xi2">二二老板</a> <em id="authorposton161522"> 2022-7-11</em> </div> </div> </div> <div class="pct"> <div class="pcb"> <div class="t_fsz"> <table cellspacing="0" cellpadding="0"> <tr> <td class="t_f" id="postmessage_1673804"> 打开easy web<br>点击新建文件,选择html文件,将文件新建到上一节课的html文件夹里<p><img src="https://d.ktwap.net/upload/tid/75266/pid/1673804/fd83e93a2af1b2d829b6f69b9eb4207b..jpg" alt=""></p><p><img src="https://d.ktwap.net/upload/tid/75266/pid/1673804/cced1d3186ff11c42272d5206795f4a4..jpg" alt=""></p><p><img src="https://d.ktwap.net/upload/tid/75266/pid/1673804/571c2a28f8e8656ab16692dfcd632047..jpg" alt=""></p> </td> </tr> </table> </div> <div id="comment_1673804" class="cm"></div> <div id="post_rate_div_1673804"></div> </div> </div> </td> </tr> <tr> <td class="plc plcb" style="overflow:visible;--> width:100%"> <div class="po"> <div class="pob cl"> <em> </em> <p class="ricons"> <a class="comment_card_jubao" href="javascript:;"> <i class="icon icon-report" style=" top: 3px;"></i> 举报 </a> <a href="javascript:fresh_tp('post1', 1673804, 'post');"> <i class="icon icon-agree"></i> <span id="review_support_1673804">0</span> </a> </p> </div> </div> </td> </tr> <tr class="ad"> <td class="pls"> </td> </tr> </table> </div> </div> <div id="post_1673805" class="comment-list"> <div class="zhanzhuai_cleft_avatar"> <a href="https://ktwap.net/u/二二老板.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" class="circle js-unveil js-info" uid="161522" pos="right" /> </a> </div> <div class="zhanzhuai_replythread box zhanzhuai_replythread_close""> <table id="pid1673805" class="table_reply plhin" summary="pid1673805" cellspacing="0" cellpadding="0"> <tr> <td class="plc plct" style="width:100%"> <div class="pi"> <strong> <a style="border-radius: 16px 16px 16px 0;border: none;background: #6999ee;color: #fff;height: 20px;line-height: 20px;margin-top: 6px;padding: 0 5px">地板</a> </strong> <div class="pti"> <div class="pdbt"> </div> <div class="authi"> <a href="https://ktwap.net/u/二二老板.html" target="_blank" class="xi2">二二老板</a> <em id="authorposton161522"> 2022-7-11</em> </div> </div> </div> <div class="pct"> <div class="pcb"> <div class="t_fsz"> <table cellspacing="0" cellpadding="0"> <tr> <td class="t_f" id="postmessage_1673805"> 打开如图<br><br>对比上面的html结构,图片里,utf-8多了一个<br><br>这里不多做讲解,只需要记住他是为了让html页面,适配于手机<p><img src="https://d.ktwap.net/upload/tid/75266/pid/1673805/dfaed6a34d02a1d42ccd7dde9c7b2ed1..jpg" alt=""></p> </td> </tr> </table> </div> <div id="comment_1673805" class="cm"></div> <div id="post_rate_div_1673805"></div> </div> </div> </td> </tr> <tr> <td class="plc plcb" style="overflow:visible;--> width:100%"> <div class="po"> <div class="pob cl"> <em> </em> <p class="ricons"> <a class="comment_card_jubao" href="javascript:;"> <i class="icon icon-report" style=" top: 3px;"></i> 举报 </a> <a href="javascript:fresh_tp('post1', 1673805, 'post');"> <i class="icon icon-agree"></i> <span id="review_support_1673805">0</span> </a> </p> </div> </div> </td> </tr> <tr class="ad"> <td class="pls"> </td> </tr> </table> </div> </div> <div id="post_1673806" class="comment-list"> <div class="zhanzhuai_cleft_avatar"> <a href="https://ktwap.net/u/瞑望.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" class="circle js-unveil js-info" uid="5720" pos="right" /> </a> </div> <div class="zhanzhuai_replythread box zhanzhuai_replythread_close""> <table id="pid1673806" class="table_reply plhin" summary="pid1673806" cellspacing="0" cellpadding="0"> <tr> <td class="plc plct" style="width:100%"> <div class="pi"> <strong> <a style="border-radius: 16px 16px 16px 0;border: none;background: #4caf50;color: #fff;height: 20px;line-height: 20px;margin-top: 6px;padding: 0 5px">4楼</a> </strong> <div class="pti"> <div class="pdbt"> </div> <div class="authi"> <a href="https://ktwap.net/u/瞑望.html" target="_blank" class="xi2">瞑望</a> <em id="authorposton5720"> 2022-7-11</em> </div> </div> </div> <div class="pct"> <div class="pcb"> <div class="t_fsz"> <table cellspacing="0" cellpadding="0"> <tr> <td class="t_f" id="postmessage_1673806"> 哎哟,排版不错 </td> </tr> </table> </div> <div id="comment_1673806" class="cm"></div> <div id="post_rate_div_1673806"></div> </div> </div> </td> </tr> <tr> <td class="plc plcb" style="overflow:visible;--> width:100%"> <div class="po"> <div class="pob cl"> <em> </em> <p class="ricons"> <a class="comment_card_jubao" href="javascript:;"> <i class="icon icon-report" style=" top: 3px;"></i> 举报 </a> <a href="javascript:fresh_tp('post1', 1673806, 'post');"> <i class="icon icon-agree"></i> <span id="review_support_1673806">0</span> </a> </p> </div> </div> </td> </tr> <tr class="ad"> <td class="pls"> </td> </tr> </table> </div> </div> <div id="post_1673807" class="comment-list"> <div class="zhanzhuai_cleft_avatar"> <a href="https://ktwap.net/u/玲儿爱我么.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" class="circle js-unveil js-info" uid="166015" pos="right" /> </a> </div> <div class="zhanzhuai_replythread box zhanzhuai_replythread_close""> <table id="pid1673807" class="table_reply plhin" summary="pid1673807" cellspacing="0" cellpadding="0"> <tr> <td class="plc plct" style="width:100%"> <div class="pi"> <strong> <a style="border-radius: 16px 16px 16px 0;border: none;background: #4caf50;color: #fff;height: 20px;line-height: 20px;margin-top: 6px;padding: 0 5px">5楼</a> </strong> <div class="pti"> <div class="pdbt"> </div> <div class="authi"> <a href="https://ktwap.net/u/玲儿爱我么.html" target="_blank" class="xi2">玲儿爱我么</a> <em id="authorposton166015"> 2022-7-11</em> </div> </div> </div> <div class="pct"> <div class="pcb"> <div class="t_fsz"> <table cellspacing="0" cellpadding="0"> <tr> <td class="t_f" id="postmessage_1673807"> 不用vscode没有灵魂 </td> </tr> </table> </div> <div id="comment_1673807" class="cm"></div> <div id="post_rate_div_1673807"></div> </div> </div> </td> </tr> <tr> <td class="plc plcb" style="overflow:visible;--> width:100%"> <div class="po"> <div class="pob cl"> <em> </em> <p class="ricons"> <a class="comment_card_jubao" href="javascript:;"> <i class="icon icon-report" style=" top: 3px;"></i> 举报 </a> <a href="javascript:fresh_tp('post1', 1673807, 'post');"> <i class="icon icon-agree"></i> <span id="review_support_1673807">0</span> </a> </p> </div> </div> </td> </tr> <tr class="ad"> <td class="pls"> </td> </tr> </table> </div> </div> <div id="post_1673808" class="comment-list"> <div class="zhanzhuai_cleft_avatar"> <a href="https://ktwap.net/u/小米姐姐520.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" class="circle js-unveil js-info" uid="80028" pos="right" /> </a> </div> <div class="zhanzhuai_replythread box zhanzhuai_replythread_close""> <table id="pid1673808" class="table_reply plhin" summary="pid1673808" cellspacing="0" cellpadding="0"> <tr> <td class="plc plct" style="width:100%"> <div class="pi"> <strong> <a style="border-radius: 16px 16px 16px 0;border: none;background: #4caf50;color: #fff;height: 20px;line-height: 20px;margin-top: 6px;padding: 0 5px">6楼</a> </strong> <div class="pti"> <div class="pdbt"> </div> <div class="authi"> <a href="https://ktwap.net/u/小米姐姐520.html" target="_blank" class="xi2">小米姐姐520</a> <em id="authorposton80028"> 2022-7-11</em> </div> </div> </div> <div class="pct"> <div class="pcb"> <div class="t_fsz"> <table cellspacing="0" cellpadding="0"> <tr> <td class="t_f" id="postmessage_1673808"> 辛苦了,给凯币支持一下(⑉°з°)-♡ </td> </tr> </table> </div> <div id="comment_1673808" class="cm"></div> <div id="post_rate_div_1673808"></div> </div> </div> </td> </tr> <tr> <td class="plc plcb" style="overflow:visible;--> width:100%"> <div class="po"> <div class="pob cl"> <em> </em> <p class="ricons"> <a class="comment_card_jubao" href="javascript:;"> <i class="icon icon-report" style=" top: 3px;"></i> 举报 </a> <a href="javascript:fresh_tp('post1', 1673808, 'post');"> <i class="icon icon-agree"></i> <span id="review_support_1673808">0</span> </a> </p> </div> </div> </td> </tr> <tr class="ad"> <td class="pls"> </td> </tr> </table> </div> </div> <div id="post_1673809" class="comment-list"> <div class="zhanzhuai_cleft_avatar"> <a href="https://ktwap.net/u/戏子.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" class="circle js-unveil js-info" uid="37857" pos="right" /> </a> </div> <div class="zhanzhuai_replythread box zhanzhuai_replythread_close""> <table id="pid1673809" class="table_reply plhin" summary="pid1673809" cellspacing="0" cellpadding="0"> <tr> <td class="plc plct" style="width:100%"> <div class="pi"> <strong> <a style="border-radius: 16px 16px 16px 0;border: none;background: #4caf50;color: #fff;height: 20px;line-height: 20px;margin-top: 6px;padding: 0 5px">7楼</a> </strong> <div class="pti"> <div class="pdbt"> </div> <div class="authi"> <a href="https://ktwap.net/u/戏子.html" target="_blank" class="xi2">戏子</a> <em id="authorposton37857"> 2022-7-11</em> </div> </div> </div> <div class="pct"> <div class="pcb"> <div class="t_fsz"> <table cellspacing="0" cellpadding="0"> <tr> <td class="t_f" id="postmessage_1673809"> 头部不定义一下相对大小吗<img class="app-face" src="/public/face/f25.png" alt="[滑稽]"> </td> </tr> </table> </div> <div id="comment_1673809" class="cm"></div> <div id="post_rate_div_1673809"></div> </div> </div> </td> </tr> <tr> <td class="plc plcb" style="overflow:visible;--> width:100%"> <div class="po"> <div class="pob cl"> <em> </em> <p class="ricons"> <a class="comment_card_jubao" href="javascript:;"> <i class="icon icon-report" style=" top: 3px;"></i> 举报 </a> <a href="javascript:fresh_tp('post1', 1673809, 'post');"> <i class="icon icon-agree"></i> <span id="review_support_1673809">0</span> </a> </p> </div> </div> </td> </tr> <tr class="ad"> <td class="pls"> </td> </tr> </table> </div> </div> <div id="post_1673810" class="comment-list"> <div class="zhanzhuai_cleft_avatar"> <a href="https://ktwap.net/u/昵称501300.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" class="circle js-unveil js-info" uid="203354" pos="right" /> </a> </div> <div class="zhanzhuai_replythread box zhanzhuai_replythread_close""> <table id="pid1673810" class="table_reply plhin" summary="pid1673810" cellspacing="0" cellpadding="0"> <tr> <td class="plc plct" style="width:100%"> <div class="pi"> <strong> <a style="border-radius: 16px 16px 16px 0;border: none;background: #4caf50;color: #fff;height: 20px;line-height: 20px;margin-top: 6px;padding: 0 5px">8楼</a> </strong> <div class="pti"> <div class="pdbt"> </div> <div class="authi"> <a href="https://ktwap.net/u/昵称501300.html" target="_blank" class="xi2">昵称501300</a> <em id="authorposton203354"> 2022-7-12</em> </div> </div> </div> <div class="pct"> <div class="pcb"> <div class="t_fsz"> <table cellspacing="0" cellpadding="0"> <tr> <td class="t_f" id="postmessage_1673810"> 火速更新好吧 </td> </tr> </table> </div> <div id="comment_1673810" class="cm"></div> <div id="post_rate_div_1673810"></div> </div> </div> </td> </tr> <tr> <td class="plc plcb" style="overflow:visible;--> width:100%"> <div class="po"> <div class="pob cl"> <em> </em> <p class="ricons"> <a class="comment_card_jubao" href="javascript:;"> <i class="icon icon-report" style=" top: 3px;"></i> 举报 </a> <a href="javascript:fresh_tp('post1', 1673810, 'post');"> <i class="icon icon-agree"></i> <span id="review_support_1673810">0</span> </a> </p> </div> </div> </td> </tr> <tr class="ad"> <td class="pls"> </td> </tr> </table> </div> </div> <div id="post_1673811" class="comment-list"> <div class="zhanzhuai_cleft_avatar"> <a href="https://ktwap.net/u/初雪博客.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" class="circle js-unveil js-info" uid="94334" pos="right" /> </a> </div> <div class="zhanzhuai_replythread box zhanzhuai_replythread_close""> <table id="pid1673811" class="table_reply plhin" summary="pid1673811" cellspacing="0" cellpadding="0"> <tr> <td class="plc plct" style="width:100%"> <div class="pi"> <strong> <a style="border-radius: 16px 16px 16px 0;border: none;background: #4caf50;color: #fff;height: 20px;line-height: 20px;margin-top: 6px;padding: 0 5px">9楼</a> </strong> <div class="pti"> <div class="pdbt"> </div> <div class="authi"> <a href="https://ktwap.net/u/初雪博客.html" target="_blank" class="xi2">初雪博客</a> <em id="authorposton94334"> 2022-7-12</em> </div> </div> </div> <div class="pct"> <div class="pcb"> <div class="t_fsz"> <table cellspacing="0" cellpadding="0"> <tr> <td class="t_f" id="postmessage_1673811"> 反手一个关注<img class="app-face" src="/public/face/f01.png" alt="[呵呵]"> </td> </tr> </table> </div> <div id="comment_1673811" class="cm"></div> <div id="post_rate_div_1673811"></div> </div> </div> </td> </tr> <tr> <td class="plc plcb" style="overflow:visible;--> width:100%"> <div class="po"> <div class="pob cl"> <em> </em> <p class="ricons"> <a class="comment_card_jubao" href="javascript:;"> <i class="icon icon-report" style=" top: 3px;"></i> 举报 </a> <a href="javascript:fresh_tp('post1', 1673811, 'post');"> <i class="icon icon-agree"></i> <span id="review_support_1673811">0</span> </a> </p> </div> </div> </td> </tr> <tr class="ad"> <td class="pls"> </td> </tr> </table> </div> </div> <div id="post_1673812" class="comment-list"> <div class="zhanzhuai_cleft_avatar"> <a href="https://ktwap.net/u/二二老板.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" class="circle js-unveil js-info" uid="161522" pos="right" /> </a> </div> <div class="zhanzhuai_replythread box zhanzhuai_replythread_close""> <table id="pid1673812" class="table_reply plhin" summary="pid1673812" cellspacing="0" cellpadding="0"> <tr> <td class="plc plct" style="width:100%"> <div class="pi"> <strong> <a style="border-radius: 16px 16px 16px 0;border: none;background: #4caf50;color: #fff;height: 20px;line-height: 20px;margin-top: 6px;padding: 0 5px">10楼</a> </strong> <div class="pti"> <div class="pdbt"> </div> <div class="authi"> <a href="https://ktwap.net/u/二二老板.html" target="_blank" class="xi2">二二老板</a> <em id="authorposton161522"> 2022-7-12</em> </div> </div> </div> <div class="pct"> <div class="pcb"> <div class="t_fsz"> <table cellspacing="0" cellpadding="0"> <tr> <td class="t_f" id="postmessage_1673812"> 添加两个标签,<br>如图所示<p><img src="https://d.ktwap.net/upload/tid/75266/pid/1673812/8430eb970e6287291c5ce478f9facd29..jpg" alt=""></p> </td> </tr> </table> </div> <div id="comment_1673812" class="cm"></div> <div id="post_rate_div_1673812"></div> </div> </div> </td> </tr> <tr> <td class="plc plcb" style="overflow:visible;--> width:100%"> <div class="po"> <div class="pob cl"> <em> </em> <p class="ricons"> <a class="comment_card_jubao" href="javascript:;"> <i class="icon icon-report" style=" top: 3px;"></i> 举报 </a> <a href="javascript:fresh_tp('post1', 1673812, 'post');"> <i class="icon icon-agree"></i> <span id="review_support_1673812">0</span> </a> </p> </div> </div> </td> </tr> <tr class="ad"> <td class="pls"> </td> </tr> </table> </div> </div> <div class="pgs cl" style="margin: 15px 0;"> <div class="pg"> <strong>1</strong> <a href="https://ktwap.net/thread/75266/2.html#post_list">2</a> <a href="https://ktwap.net/thread/75266/3.html#post_list">3</a> <a href="https://ktwap.net/thread/75266/2.html#post_list" class="nxt">下一页</a> </div> </div> <div id="postlistreply" class="pl comment-list"> <div id="post_new" class="viewthread_table" style="display: none"></div> </div> <div class="pgs cl" style="margin: 15px 0;"></div> <div id="f_pst" class="zhanzhuai_postbox pl box cl" style=" position: relative;"> <div class="cl" id="thread_post_edit"> <div class="hasfsl" id="fastposteditor"> <div class="tedt " style=" border: 0"> <div class="bar" style=" background: #fff; border-bottom: 0;padding: 0;"> <span class="z"> <h1 style=" font-size: 16px;">评论</h1> </span> </div> <style> hide{ padding: 5px 0 5px 10px; margin: 15px 0 13px; background: #f1f1f1; display: block; border: solid 2px #ababab; border-style: dashed; color:#b52020; text-align: center;} </style> <a href="https://ktwap.net/user/login.html" target="_blank">登录</a>后才可发表内容 <script>var fresh_thread_data = {tid: '75266',uid: "161522",user: '二二老板',fid: '5',avatar: '{#WWW}public/images/user.gif'};$(()=>{fresh.page.thread._no()});</script> </div> </div> </div> </div> </div> <div id="zhanzhuai_sidebar" class="zhanzhuai_view_sd"> <div class="viewthread_author box cl"> <img class="author-icon" src="/View/xr_fresh_pc/image/zz_jb.png" alt="" style="position: absolute;left: -5px;top: -5px;"> <sup></sup> <div class="zhanzhuai_viewthread_user_c"> <div class="zhanzhuai_viewthread_user cl"> <div class="viewthread_author_avatar cl"> <a href="https://ktwap.net/u/二二老板.html" target="_blank"> <img src="https://ktwap.net/public/images/user.gif" /> </a> </div> <div class="viewthread_author_info cl"> <a href="https://ktwap.net/u/二二老板.html" target="_blank">二二老板</a> </div> </div> <div class="viewthread_author_mun cl"> <ul class="cl"> <li> <p class="inst">主题</p> <p class="number">3</p> </li> <li> <p class="inst">帖子</p> <p class="number">35</p> </li> <li style="border-right: 0;"> <p class="inst">关注者</p> <p class="number">0</p> </li> </ul> </div> </div> </div> <div class="viewthread_author_threads zz-rfixed box cl"> <div class="zz-side-tit cl"><em></em>TA的新帖</div> <ul> <li> <a href="https://ktwap.net/thread/72604.html">【HTML】手机开发网页教程1.03</a> <p>2022-8-17</p> </li> <li> <a href="https://ktwap.net/thread/75266.html">【HTML教程】手机开发网页1.02</a> <p>2022-7-11</p> </li> <li> <a href="https://ktwap.net/thread/75503.html">【HTML教程】手机开发网页1.01</a> <p>2022-7-7</p> </li> </ul> </div> <div class="zhanzhuai_vpic zz_related_fixd cl"></div> <script type="text/javascript"> var zz_related = jQuery(".zz_related_fixd").offset().top; var zz_relatedtop = 0; jQuery(window).scroll(function() { zz_relatedtop = jQuery(this).scrollTop(); if (zz_relatedtop >= zz_related) { jQuery(".zz-rfixed").addClass("lists-top-fixed"); } else { jQuery(".zz-rfixed").removeClass("lists-top-fixed"); } }); </script> </div> </div> </div> <script type="text/javascript"> var navH = jQuery("#zhanzhuai-matter-txtbox").offset().top; jQuery(window).scroll(function() { var scroH = jQuery(this).scrollTop(); if (scroH >= navH) { jQuery(".scrollshow").fadeIn(); } else if (scroH < navH) { jQuery(".scrollshow").fadeOut(); } }) </script> <script type="text/javascript"> function pr() { var R = document.getElementById("zhanzhuai_sidebar"); var L = document.getElementById("zhanzhuai_primary"); if (R.className == "sidebar") { R.className = "sidebar-hide zhanzhuai_view_sd"; L.className = "zhanzhuai_view_mn"; } else { R.className = "sidebar"; L.className = "primary"; } } </script> <script type="text/javascript"> var widHeight = jQuery(window).height(); var artHeight = jQuery('.zz_thread_content').height(); if (artHeight > (widHeight * 1.5)) { jQuery('.zz_thread_content').height(widHeight * 1.5 - 285).css({ 'overflow': 'hidden' }); var thread_show = true; jQuery('.zz_read_more_btn').bind('click', bindzz_read_more); } else { thread_show = true; jQuery('.zz_readall_box').hide(); } function bindzz_read_more() { if (!thread_show) { jQuery('.zz_thread_content').height(widHeight * 1.5).css({ 'overflow': 'hidden' }); jQuery('.zz_readall_box').show(); thread_show = true; } else { jQuery('.zz_thread_content').height("").css({ 'overflow': 'hidden' }); jQuery('.zz_readall_box').show(); jQuery('.zz_readall_box').hide(); thread_show = false; } } </script> </div> </div> </div> <div id="ft" class="zz_huxiu_ft"> <div class="wp cl" style="position: relative;"> <div class="zz_huxiu_ft_top cl"> <a href="https://ktwap.net">凯特网</a> <a href="archiver/">Archiver</a> <a href="forum.php?mobile=yes">手机版</a> <a href="forum.php?mod=misc&action=showdarkroom">小黑屋</a> </div> <div class="zz_huxiu_ft_bottom cl"> Copyright © 2019 <a href="https://ktwap.net" target="_blank">凯特网.</a>   Powered by <strong><a href="http://bbs.hyphp.cn/" target="_blank">HYBBS</a></strong> <em>2.3.4</em>   <p>Runtime:0.5734s Mem:2152Kb</p> </div> <div class="zz_huxiu_ft_icon"> </div> </div> </div> <div class="zz_side_nav_box cl"> <ul class="zz_side_nav"> <li class="zz_side_nav_6"> <a href="javascript:void(0);" class="zz_gototop" title="分享" style=" display: none;"> <i></i> <span>返回顶部</span> </a> </li> </ul> </div> <script type="text/javascript"> jQuery(window).scroll(function() { if (jQuery(window).scrollTop() >= 200) { jQuery('.zz_gototop').fadeIn(300); } else { jQuery('.zz_gototop').fadeOut(300); } }); jQuery('.zz_gototop').click(function() { jQuery('html,body').animate({ scrollTop: '0px' }, 300); }); var sct = jQuery(".zz_company, .zhanzhuai-rfixed, .home-fixd").offset().top; var sctop = 0; jQuery(window).scroll(function() { sctop = jQuery(this).scrollTop(); if (sctop >= sct) { jQuery(".zhanzhuai-rfixed, .p-rfixed").addClass("lists-top-fixed"); } else { jQuery(".zhanzhuai-rfixed, .p-rfixed").removeClass("lists-top-fixed"); } }); jQuery(function () { jQuery.ajax({url: '/ajax/fresh_visitor.html', type:'post'}); }); </script> <link href="https://ktwap.net/Plugin/hy_viewer/css/viewer.min.css" rel="stylesheet"> <script src="https://ktwap.net/Plugin/hy_viewer/js/viewer.js"></script> <script type="text/javascript"> window.onload=function(){ if(typeof document.getElementsByClassName('thread-content')[0] === 'object'){ new Viewer(document.getElementsByClassName('thread-content')[0]); } var jh = document.getElementsByClassName('post-content'); for(var o in jh){ if(typeof jh[o] === 'object'){ new Viewer(jh[o]); } } } </script> </body> </html>