HTML基本标签及结构详解

这篇文章主要介绍了HTML基本标签及结构详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

1.HTML概述

1.HTML：超文本标记语言。是一种标识性语言，非编程语言，不能使用逻辑运算。通过标签将网络上的文档格式进行统一，使分散的网络资源链接为一个逻辑整体。

超文本是一种组织信息的方式，通过超级链接将多种媒介链接起来

标记:标签。用包裹的具有一定含义的内容，比如:…

静态网页:不变

动态网页：跟后台同时改变

2.HTML标签结构

1.文档结构：

    我的第一个<span class="wpcom_tag_link"><a href="https://www.chuangxiangniao.com/p/tag/html" title="html" target="_blank">html</a></span>网页



        /*书写样式的地方*/

这是一个段落

//放脚本代码的地方

2.常用标签：

…

     文本
     文本
     文本
     文本
     锚点链接 href=https://www.admin5.com/article/20201130/” 目标位置的属性要设置为与其一直 id=https://www.admin5.com/article/20201130/”

     src路径 alt替换文本 title 图片提示文本 width:图像宽度 height:图像高度 border边框
     显示不出的名字

//自定义列表重点每个网站的最下面基本都是通过自定义

自定义列表

4.标签属性:

<!–标签属性:
            1.通常由属性名=”属性值”组成
            2.起附加信息的作用。
            3.不是所有标签都有属性，比如br标签–>
            下面的title class就是属性名，而后面的就是属性值

这是一个测试段落

5.部分其他标签:

   加粗
   加粗且强调
   <!–2 i和em：使文字倾斜,em具有强调作用。且都是行级标签(不会自动换行)，
   如果只是简单倾斜效果，用i标签就可以了，比如添加图标等–>
   倾斜
   倾斜且强调
   <!–3.pre预格式化文本,保留换行和空格及宽度。
   文字的字号会小一号,块级标签（在浏览器中会独占一行）–>


       pre预格式化
       文本,保留换行和空
       格及宽度

我是正常的

   我是小一号的文字

正常显示:X1+X2=Y

下标:X₁+X₂=Y

下标:X¹+X²=Y

   删除线
   下划线
   转义字符：空格 < 小于号 >大于号

6.表格标签以及表单标签

表格标签结构: 作用:显示展示数据

表头单元格

单元格

行

    属性
    align left center right 对齐
    border边框 cellpadding 文字和单元格的距离 cellspacing 单元之间的距离 width
     表格结构标签

表头区域

主体区域

    合并单元格:跨行合并:rowspan行和行跨列合并:colspan列和列
    合并代码:跨行:在最上侧单元格为目标单元格，写合并代码
    跨列:在最左侧单元格为目标单元格，写合并代码
    跨行或跨列步骤:
    1.确定跨行还是跨列 2.找到目标单元格 3.删除多余单元格

7.表单标签:

表单标签:主要用途:收集用户信息
    表单由表单域表单控件（元素）提示信息组成
    表单域实现用户信息传递
    action跟着的为地址 method提交方式 name名称

    input输入表单元素:

    type属性值:text文本 password密码 button ridio单选框() checkbox(多选按钮)…..
    submit(提交按钮，将表单值提交给服务器) reset 清除表单的所有数据
    button 普通按钮结合js使用 file 上传文件

    name属性:表单元素的名字，单选按钮必须有相同的名字才可以多选1
        单选按钮和复选框都要有相同的name
    value属性定义值
     每个元素都应该有的，主要给后台人员来使用的

  checked 针对单选和多选当页面打开的时候默认选择

  maxlength 最大长度

select下拉表单元素
    使用场景:有多个选项，想节约空间


    select至少包含一个option 在option中的属性selected = selected进行默认选择

使用场景 for 和表单元素的id属性相同就对应上
textarea文本域表单元素输入文本较多时
<textarea>一般规定长度通过css</p> <p>到此这篇关于HTML基本标签及结构详解的文章就介绍到这了,更多相关HTML基本标签及结构内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！</p> <p>来源：脚本之家</p> <p>链接：https://www.jb51.net/web/753398.html</p>         <div class="entry-copyright"><p>版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。</p> <p>发布者：SEO优化专员，转转请注明出处：<span>https://www.chuangxiangniao.com/p/897099.html</span></div> </div> <div class="entry-tag"><a href="https://www.chuangxiangniao.com/p/tag/html" rel="tag">html</a><a href="https://www.chuangxiangniao.com/p/tag/jswenjianhebing" rel="tag">JS文件合并</a></div> <div class="entry-action"> <div class="btn-zan" data-id="897099"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up-fill"></use></svg></i> 赞 <span class="entry-action-num">(0)</span></div> </div> <div class="entry-bar"> <div class="entry-bar-inner"> <div class="entry-bar-info entry-bar-info2"> <div class="info-item meta"> <a class="meta-item j-heart" href="javascript:;" data-id="897099"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i> <span class="data">0</span></a> <a class="meta-item" href="#comments"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i> <span class="data">0</span></a> </div> <div class="info-item share"> <a class="meta-item mobile j-mobile-share" href="javascript:;" data-id="897099" data-qrcode="https://www.chuangxiangniao.com/p/897099.html"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> 生成海报</a> <a class="meta-item wechat" data-share="wechat" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-wechat"></use></svg></i> </a> <a class="meta-item weibo" data-share="weibo" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-weibo"></use></svg></i> </a> <a class="meta-item qq" data-share="qq" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qq"></use></svg></i> </a> <a class="meta-item qzone" data-share="qzone" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qzone"></use></svg></i> </a> </div> <div class="info-item act"> <a href="javascript:;" id="j-reading"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-article"></use></svg></i></a> </div> </div> </div> </div> </div> <div class="entry-author"> <h3 class="entry-author-title">关于作者</h3> <div class="entry-author-inner"> <div class="entry-author-avatar"> <a class="avatar j-user-card" href="https://www.chuangxiangniao.com/user/20" target="_blank" data-user="20"><img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-120 photo' height='120' width='120' /></a> </div> <div class="entry-author-content"> <div class="entry-author-info"> <h4 class="entry-author-name"> <a class="j-user-card" href="https://www.chuangxiangniao.com/user/20" target="_blank" data-user="20">SEO优化专员<span class="user-group">签约作者</span></a> </h4> <div class="entry-author-action"> <button type="button" class="wpcom-btn btn-xs btn-follow j-follow btn-primary" data-user="20"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-add"></use></svg></i>关注</button><button type="button" class="wpcom-btn btn-primary btn-xs btn-message j-message" data-user="20"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-mail-fill"></use></svg></i>私信</button> </div> </div> <div class="entry-author-stats"> <div class="user-stats-item"> <b>34.1K</b> <span>文章</span> </div> <div class="user-stats-item"> <b>0</b> <span>评论</span> </div> <div class="user-stats-item"> <b>0</b> <span>粉丝</span> </div> </div> <div class="entry-author-description">这个人很懒，什么都没有留下～</div> </div> </div> </div> <div class="entry-page"> <div class="entry-page-prev j-lazy" style="background-image: url('https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png');" data-original="https://cdn.chuangxiangniao.com/2025/01/20250103165144188.png?imageMogr2/crop/480x300/gravity/center"> <a href="https://www.chuangxiangniao.com/p/897078.html" title="html指定页面字符集的两种方法" rel="prev"> <span>html指定页面字符集的两种方法</span> </a> <div class="entry-page-info"> <span class="pull-left"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg></i> 上一篇</span> <span class="pull-right">2025年1月4日 00:51:39</span> </div> </div> <div class="entry-page-next entry-page-nobg"> <a href="https://www.chuangxiangniao.com/p/897106.html" title="Git创建子分支,合并分支并提交" rel="next"> <span>Git创建子分支,合并分支并提交</span> </a> <div class="entry-page-info"> <span class="pull-right">下一篇 <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg></i></span> <span class="pull-left">2025年1月4日 00:52:35</span> </div> </div> </div> <div class="wpcom_myimg_wrap __single_2"><section class="sec-panel topic-recommend" style="margin-bottom: 0px;"> <div class=sec-panel-head> <h2><span>AD推荐</span> <small>黄金广告位招租...</small> <a href="/" target="_blank" class="more">更多推荐</a></h2> </div> <div class="sec-panel-body"> <ul class="list topic-list topic-list-2 topic-col-4"> <li class="topic"> <a class="topic-wrap" href="https://env-00jxh6ravp6m-static.normal.cloudstatic.cn/index.html?zid=632167" target="_blank"> <div class="cover-container"> <img class="j-lazy" src="https://www.changchenghao.cn/wp-content/uploads/2019/09/lazy-480x300.png" data-original="https://cdn.chuangxiangniao.com/2024/12/20241212040854381.jpg" alt="资源平台"></div> </a> </li> <li class="topic"> <a class="topic-wrap" href="https://www.chuangxiangniao.com/p/419560.html" target="_blank"> <div class="cover-container"> <img class="j-lazy" src="https://www.changchenghao.cn/wp-content/uploads/2019/09/lazy-480x300.png" data-original="https://cdn.chuangxiangniao.com/2024/12/20241212040856165.jpg" alt="知识付费"></div> </a> </li> <li class="topic"> <a class="topic-wrap" href="https://www.chuangxiangniao.com/p/419521.html" target="_blank"> <div class="cover-container"> <img class="j-lazy" src="https://www.changchenghao.cn/wp-content/uploads/2019/09/lazy-480x300.png" data-original="https://cdn.chuangxiangniao.com/2024/12/20241212040855532.jpg" alt="推广引流"></div> </a> </li> <li class="topic"> <a class="topic-wrap" href="https://www.chuangxiangniao.com/p/419470.html" target="_blank"> <div class="cover-container"> <img class="j-lazy" src="https://www.changchenghao.cn/wp-content/uploads/2019/09/lazy-480x300.png" data-original="https://cdn.chuangxiangniao.com/2024/12/20241212040856335.jpg" alt="法律咨询"></div> </a> </li> </ul> </div> </section></div> <div class="entry-related-posts"> <h3 class="entry-related-title">相关推荐</h3><ul class="entry-related cols-3 post-loop post-loop-default"><li class="item item2 item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/904075.html" target="_blank" rel="bookmark"> 如何通过HTML代码提高SEO的效果 </a> </h3> <div class="item-excerpt"> <p>很多网站，不管我们怎么努力，不管是内链还是外链都做得很好，但是网站排名与否，让很多站长很苦恼！这到底是为什么？网站上的HTML代码可能是错误的，因为对于许多程序员来说，他们经常认为可以在IE中正常显示的网页的代码是正确的。如果有很多错误代码…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="20" target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar j-user-card"> <img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>SEO优化专员</span> </a> </div> <a class="item-meta-li" href="https://www.chuangxiangniao.com/webmaster/so" target="_blank">搜索优化</a> <span class="item-meta-li date">2025年1月4日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/904075.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/901396.html" title="html中table固定头部表格tbody可上下左右滑动" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="html中table固定头部表格tbody可上下左右滑动" decoding="async" fetchpriority="high" data-original="https://cdn.chuangxiangniao.com/2025/01/20250103182143201.png?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/webmaster/jishu" target="_blank">编程技术</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/901396.html" target="_blank" rel="bookmark"> html中table固定头部表格tbody可上下左右滑动 </a> </h3> <div class="item-excerpt"> <p>这篇文章主要介绍了html中table固定头部表格tbody可上下左右滑动，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧当表格头部固定时，需要分为两个表格来做：一部分…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="20" target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar j-user-card"> <img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>SEO优化专员</span> </a> </div> <span class="item-meta-li date">2025年1月4日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/901396.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item-myimg"><div class="wpcom_myimg_wrap __flow"><div class="sec-panel-body" style=" padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; "> <ul class="list topic-list topic-list-2 topic-col-4"> <li class="topic"> <a class="topic-wrap" href="https://env-00jxh6ravp6m-static.normal.cloudstatic.cn/index.html?zid=632167" target="_blank"> <div class="cover-container"> <img class="j-lazy" src="https://www.changchenghao.cn/wp-content/uploads/2019/09/lazy-480x300.png" data-original="https://cdn.chuangxiangniao.com/2024/12/20241212040854381.jpg" alt="资源平台"></div> </a> </li> <li class="topic"> <a class="topic-wrap" href="https://www.chuangxiangniao.com/p/419560.html" target="_blank"> <div class="cover-container"> <img class="j-lazy" src="https://www.changchenghao.cn/wp-content/uploads/2019/09/lazy-480x300.png" data-original="https://cdn.chuangxiangniao.com/2024/12/20241212040856165.jpg" alt="知识付费"></div> </a> </li> <li class="topic"> <a class="topic-wrap" href="https://www.chuangxiangniao.com/p/419521.html" target="_blank"> <div class="cover-container"> <img class="j-lazy" src="https://www.changchenghao.cn/wp-content/uploads/2019/09/lazy-480x300.png" data-original="https://cdn.chuangxiangniao.com/2024/12/20241212040855532.jpg" alt="推广引流"></div> </a> </li> <li class="topic"> <a class="topic-wrap" href="https://www.chuangxiangniao.com/p/419470.html" target="_blank"> <div class="cover-container"> <img class="j-lazy" src="https://www.changchenghao.cn/wp-content/uploads/2019/09/lazy-480x300.png" data-original="https://cdn.chuangxiangniao.com/2024/12/20241212040856335.jpg" alt="法律咨询"></div> </a> </li> </ul> </div></div></li><li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/901348.html" title="html中把多余文字转化为省略号的实现方法方法" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="html中把多余文字转化为省略号的实现方法方法" decoding="async" data-original="https://cdn.chuangxiangniao.com/2025/01/20250103182027816.png?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/webmaster/jishu" target="_blank">编程技术</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/901348.html" target="_blank" rel="bookmark"> html中把多余文字转化为省略号的实现方法方法 </a> </h3> <div class="item-excerpt"> <p>这篇文章主要介绍了html中把多余文字转化为省略号的实现方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下在html中如果要把多余的文字显示为省略号，那么有以下几种方法：单行文本：…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="20" target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar j-user-card"> <img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>SEO优化专员</span> </a> </div> <span class="item-meta-li date">2025年1月4日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/901348.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/901340.html" title="详解html中表格table的行列合并问题解决" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="详解html中表格table的行列合并问题解决" decoding="async" data-original="https://cdn.chuangxiangniao.com/2025/01/20250103182016308.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/webmaster/jishu" target="_blank">编程技术</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/901340.html" target="_blank" rel="bookmark"> 详解html中表格table的行列合并问题解决 </a> </h3> <div class="item-excerpt"> <p>这篇文章主要介绍了详解html中表格table的行列合并问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧因为要做个网站，里面的内容除了大段文字之外，还有大量的表…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="20" target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar j-user-card"> <img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>SEO优化专员</span> </a> </div> <span class="item-meta-li date">2025年1月4日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/901340.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2 item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/901298.html" target="_blank" rel="bookmark"> html 实现tab切换的示例代码 </a> </h3> <div class="item-excerpt"> <p>这篇文章主要介绍了html 实现tab切换的示例代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧 tab切换在项目中也算是常用技术，一般实现tab切换都用js或者jq…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="20" target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar j-user-card"> <img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>SEO优化专员</span> </a> </div> <a class="item-meta-li" href="https://www.chuangxiangniao.com/webmaster/jishu" target="_blank">编程技术</a> <span class="item-meta-li date">2025年1月4日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/901298.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/901168.html" title="HTML table行距的改变方法示例" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="HTML table行距的改变方法示例" decoding="async" data-original="https://cdn.chuangxiangniao.com/2025/01/20250103181515944.png?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/webmaster/jishu" target="_blank">编程技术</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/901168.html" target="_blank" rel="bookmark"> HTML table行距的改变方法示例 </a> </h3> <div class="item-excerpt"> <p>这篇文章主要介绍了HTML table行距的改变方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧在使用HTML表的时候有时候需要我们改变行距，但是改变margi…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="20" target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar j-user-card"> <img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>SEO优化专员</span> </a> </div> <span class="item-meta-li date">2025年1月4日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/901168.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/900946.html" title="详解HTML中字体使用line-height依然不能垂直居中解决办法" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="详解HTML中字体使用line-height依然不能垂直居中解决办法" decoding="async" data-original="https://cdn.chuangxiangniao.com/2025/01/20250103181018747.png?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/webmaster/jishu" target="_blank">编程技术</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/900946.html" target="_blank" rel="bookmark"> 详解HTML中字体使用line-height依然不能垂直居中解决办法 </a> </h3> <div class="item-excerpt"> <p>这篇文章主要介绍了详解HTML中字体使用line-height依然不能垂直居中解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧以图片所示的效果为例，显然我们不仅…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="20" target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar j-user-card"> <img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>SEO优化专员</span> </a> </div> <span class="item-meta-li date">2025年1月4日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/900946.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2 item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/900936.html" target="_blank" rel="bookmark"> HTML Table 空白单元格补全的实现方法 </a> </h3> <div class="item-excerpt"> <p>这篇文章主要介绍了HTML Table 空白单元格补全的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧在最初自学 Web 开发的时候，那时没有所谓的 DIV/…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="20" target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar j-user-card"> <img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>SEO优化专员</span> </a> </div> <a class="item-meta-li" href="https://www.chuangxiangniao.com/webmaster/jishu" target="_blank">编程技术</a> <span class="item-meta-li date">2025年1月4日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/900936.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2 item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/900928.html" target="_blank" rel="bookmark"> html解决table设置宽度无效的问题 </a> </h3> <div class="item-excerpt"> <p>这篇文章主要介绍了html解决table设置宽度无效的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧如果对table设置table-layer:fixed样式后，…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="20" target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar j-user-card"> <img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>SEO优化专员</span> </a> </div> <a class="item-meta-li" href="https://www.chuangxiangniao.com/webmaster/jishu" target="_blank">编程技术</a> <span class="item-meta-li date">2025年1月4日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/900928.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/900918.html" target="_blank" rel="bookmark"> HTML中div嵌套div的margin不起作用的解决方法 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/900918.html" title="HTML中div嵌套div的margin不起作用的解决方法" target="_blank"> <span><i class="item-images-el j-lazy" style="background-image: url('https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png');" data-original="//cdn.chuangxiangniao.com/2025/01/20250103180926767.png"></i></span><span><i class="item-images-el j-lazy" style="background-image: url('https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png');" data-original="//cdn.chuangxiangniao.com/2025/01/20250104020926204.png"></i></span><span><i class="item-images-el j-lazy" style="background-image: url('https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png');" data-original="//cdn.chuangxiangniao.com/2025/01/20250104020927248.png"></i></span><span><i class="item-images-el j-lazy" style="background-image: url('https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png');" data-original="//cdn.chuangxiangniao.com/2025/01/20250104020927831.png"></i></span> </a> <div class="item-excerpt"> <p>这篇文章主要介绍了HTML中div嵌套div的margin不起作用的解决方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下下面介绍一下div嵌套div时margin不起作用的解决方案…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="20" target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar j-user-card"> <img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>SEO优化专员</span> </a> </div> <span class="item-meta-li date">2025年1月4日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/webmaster/jishu" target="_blank">编程技术</a> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/900918.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> </ul> </div> <div id="comments" class="entry-comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">发表回复 <small><a rel="nofollow" id="cancel-comment-reply-link" href="/p/897099.html#respond" style="display:none;"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-close"></use></svg></i></a></small></h3><div class="comment-form"><div class="comment-must-login">请登录后评论...</div><div class="form-submit"><div class="form-submit-text pull-left"><a href="https://www.chuangxiangniao.com/login?modal-type=login">登录</a>后才能评论</div> <button name="submit" type="submit" id="must-submit" class="wpcom-btn btn-primary btn-xs submit">提交</button></div></div> </div> </div> </article> </main> <aside class="sidebar">   <div class="widget widget_profile"><div class="profile-cover"><img class="j-lazy" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="//cdn.chuangxiangniao.com/2024/12/20241211050912765-scaled.jpg" alt="SEO优化专员"></div> <div class="avatar-wrap"> <a target="_blank" href="https://www.chuangxiangniao.com/user/20" class="avatar-link"><img alt='SEO优化专员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-120 photo' height='120' width='120' /></a></div> <div class="profile-info"> <a target="_blank" href="https://www.chuangxiangniao.com/user/20" class="profile-name"><span class="author-name">SEO优化专员</span><span class="user-group">签约作者</span></a> <p class="author-description">这个人很懒，什么都没有留下～</p> <div class="profile-stats"> <div class="profile-stats-inner"> <div class="user-stats-item"> <b>34.1K</b> <span>文章</span> </div> <div class="user-stats-item"> <b>0</b> <span>评论</span> </div> <div class="user-stats-item"> <b>0</b> <span>粉丝</span> </div> </div> </div> <button type="button" class="wpcom-btn btn-xs btn-follow j-follow btn-primary" data-user="20"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-add"></use></svg></i>关注</button><button type="button" class="wpcom-btn btn-primary btn-xs btn-message j-message" data-user="20"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-mail-fill"></use></svg></i>私信</button> </div> <div class="profile-posts"> <h3 class="widget-title"><span>最近文章</span></h3> <ul> <li><a href="https://www.chuangxiangniao.com/p/976421.html" title="智能语音交互入口的新未来">智能语音交互入口的新未来</a></li> <li><a href="https://www.chuangxiangniao.com/p/976419.html" title="宝安机器人亮相《我和我的祖国》首映礼，共迎国庆">宝安机器人亮相《我和我的祖国》首映礼，共迎国庆</a></li> <li><a href="https://www.chuangxiangniao.com/p/976415.html" title="谈颠覆有点扯但华为入局VR眼镜能让VR早普及几年？">谈颠覆有点扯但华为入局VR眼镜能让VR早普及几年？</a></li> <li><a href="https://www.chuangxiangniao.com/p/976413.html" title="孩子放假玩手机管不住？这款学习机帮大忙">孩子放假玩手机管不住？这款学习机帮大忙</a></li> <li><a href="https://www.chuangxiangniao.com/p/976411.html" title="AI会议记录神器来了，咪鼠智能麦克风到底有哪些亮点？">AI会议记录神器来了，咪鼠智能麦克风到底有哪些亮点？</a></li> </ul> </div> </div><div class="widget widget_post_thumb"><h3 class="widget-title"><span>最新发布</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/136212.html" title="今年元旦能去江汉路跨年吗2023"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="今年元旦能去江汉路跨年吗2023" decoding="async" data-original="https://cdn.chuangxiangniao.com/2024/12/20241206072223652.png?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/136212.html" title="今年元旦能去江汉路跨年吗2023">今年元旦能去江汉路跨年吗2023</a></p> <p class="item-date">2025年1月9日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/135999.html" title="集成灶工作时有响声怎么回事"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="集成灶工作时有响声怎么回事" decoding="async" data-original="https://cdn.chuangxiangniao.com/2024/12/20241206072204521.png?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/135999.html" title="集成灶工作时有响声怎么回事">集成灶工作时有响声怎么回事</a></p> <p class="item-date">2025年1月9日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/134988.html" title="亚克力鱼缸太易脏了怎么清理"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="亚克力鱼缸太易脏了怎么清理" decoding="async" data-original="https://cdn.chuangxiangniao.com/2024/12/20241206072031412.png?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/134988.html" title="亚克力鱼缸太易脏了怎么清理">亚克力鱼缸太易脏了怎么清理</a></p> <p class="item-date">2025年1月9日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/136178.html" title="武汉江汉路2023元旦跨年不管控吗"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="武汉江汉路2023元旦跨年不管控吗" decoding="async" data-original="https://cdn.chuangxiangniao.com/2024/12/20241206072220733.png?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/136178.html" title="武汉江汉路2023元旦跨年不管控吗">武汉江汉路2023元旦跨年不管控吗</a></p> <p class="item-date">2025年1月9日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/227334.html" title="立秋后睡凉席会得荨麻疹吗"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="立秋后睡凉席会得荨麻疹吗" decoding="async" data-original="https://cdn.chuangxiangniao.com/2024/12/20241206154140679.png?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/227334.html" title="立秋后睡凉席会得荨麻疹吗">立秋后睡凉席会得荨麻疹吗</a></p> <p class="item-date">2025年1月9日</p> </div> </li> </ul> </div><div class="widget widget_user_list"><h3 class="widget-title"><span>优质作者</span></h3> <ul class="user-list-wrap"> <li class="user-list-item j-user-card" data-user="1"> <a href="https://www.chuangxiangniao.com/user/1" target="_blank"><img alt='创想鸟的头像' src='//cdn.chuangxiangniao.com/member/avatars/20241211045945794.jpg' class='avatar avatar-96 photo' height='96' width='96' /></a> <div class="user-list-content"> <div class="user-list-hd"> <a class="user-list-name" href="https://www.chuangxiangniao.com/user/1" target="_blank"> <span class="user-name-inner">创想鸟</span> </a> </div> <a href="https://www.chuangxiangniao.com/user/1"> <p class="user-list-desc">乾坤未定，您我皆是黑马！</p> </a> </div> </li> <li class="user-list-item j-user-card" data-user="4"> <a href="https://www.chuangxiangniao.com/user/4" target="_blank"><img alt='百晓生的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-96 photo' height='96' width='96' /></a> <div class="user-list-content"> <div class="user-list-hd"> <a class="user-list-name" href="https://www.chuangxiangniao.com/user/4" target="_blank"> <span class="user-name-inner">百晓生</span> </a> </div> <a href="https://www.chuangxiangniao.com/user/4"> <p class="user-list-desc">这个人很懒，什么都没有留下～</p> </a> </div> </li> <li class="user-list-item j-user-card" data-user="5"> <a href="https://www.chuangxiangniao.com/user/5" target="_blank"><img alt='营销推广研究员的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-96 photo' height='96' width='96' /></a> <div class="user-list-content"> <div class="user-list-hd"> <a class="user-list-name" href="https://www.chuangxiangniao.com/user/5" target="_blank"> <span class="user-name-inner">营销推广研究员</span> </a> </div> <a href="https://www.chuangxiangniao.com/user/5"> <p class="user-list-desc">这个人很懒，什么都没有留下～</p> </a> </div> </li> <li class="user-list-item j-user-card" data-user="7"> <a href="https://www.chuangxiangniao.com/user/7" target="_blank"><img alt='律来帮的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-96 photo' height='96' width='96' /></a> <div class="user-list-content"> <div class="user-list-hd"> <a class="user-list-name" href="https://www.chuangxiangniao.com/user/7" target="_blank"> <span class="user-name-inner">律来帮</span> </a> </div> <a href="https://www.chuangxiangniao.com/user/7"> <p class="user-list-desc">30+律师团队,为您提供全面法律服务.刑事,婚姻,债务,工伤,房产,各类官司诉讼经验丰富,安徽律师,预约1对1到所咨询,专业律师代理您的案件!</p> </a> </div> </li> <li class="user-list-item j-user-card" data-user="10"> <a href="https://www.chuangxiangniao.com/user/10" target="_blank"><img alt='精准科技的头像' src='//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg' class='avatar avatar-96 photo' height='96' width='96' /></a> <div class="user-list-content"> <div class="user-list-hd"> <a class="user-list-name" href="https://www.chuangxiangniao.com/user/10" target="_blank"> <span class="user-name-inner">精准科技</span> </a> </div> <a href="https://www.chuangxiangniao.com/user/10"> <p class="user-list-desc">这个人很懒，什么都没有留下～</p> </a> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="footer-col-wrap footer-with-icon"> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"><li id="menu-item-4196" class="menu-item menu-item-4196"><a href="https://www.chuangxiangniao.com/ptgy">平台公约</a></li> <li id="menu-item-4192" class="menu-item menu-item-4192"><a href="https://www.chuangxiangniao.com/tgxz">投稿须知</a></li> <li id="menu-item-4201" class="menu-item menu-item-4201"><a href="https://www.chuangxiangniao.com/mzsm">免责声明</a></li> <li id="menu-item-4184" class="menu-item menu-item-4184"><a href="https://www.chuangxiangniao.com/bqsm">版权声明</a></li> <li id="menu-item-4185" class="menu-item menu-item-4185"><a href="https://www.chuangxiangniao.com/jbts">举报投诉</a></li> <li id="menu-item-4187" class="menu-item menu-item-4187"><a href="https://www.chuangxiangniao.com/about">关于我们</a></li> <li id="menu-item-152" class="menu-item menu-item-152"><a href="https://www.chuangxiangniao.com/contact">联系我们</a></li> <li id="menu-item-4186" class="menu-item menu-item-4186"><a href="https://www.chuangxiangniao.com/jqwcnrwlbhcys">加强未成年人网络保护倡议书</a></li> <li id="menu-item-407347" class="menu-item menu-item-407347"><a href="https://www.chuangxiangniao.com/dzwlyyshqljycys">抵制网络谣言、守护清朗家园</a></li> </ul> <div class="copyright"> <p>声明：本站仅提供信息存储空间服务，本站不拥有所有权，不承担相关法律责任。<br /> 如有侵犯您的版权，请联系我们，本站将在三个工作日内改正。<br /> 请附上版权证明邮件告知联系邮箱：253000106@qq.com<br /> Copyright <span data-slate-fragment="JTVCJTdCJTIydHlwZSUyMiUzQSUyMnBhcmFncmFwaCUyMiUyQyUyMmNoaWxkcmVuJTIyJTNBJTVCJTdCJTIyaWQlMjIlM0ElMjJ6WUVnYlhuNFJ6JTIyJTJDJTIycGFyYUlkeCUyMiUzQTAlMkMlMjJzcmMlMjIlM0ElMjIlQzIlQTkyMDA4JTIwLSUyMDIwMjQlMjBTZW93aHklMjAuJTIwJTIyJTJDJTIyZHN0JTIyJTNBJTIyJUMyJUE5MjAwOC0yMDI0JUU1JUJFJTkwJUU2JTgzJUEwJUUzJTgwJTgyJTIyJTJDJTIybWV0YWRhdGElMjIlM0ElMjIlMjIlMkMlMjJtZXRhRGF0YSUyMiUzQSU1QiU1RCUyQyUyMnRleHQlMjIlM0ElMjIlQzIlQTkyMDA4JTIwLSUyMDIwMjQlMjIlN0QlNUQlN0QlNUQ=">©2008 - 2024</span> 创想鸟版权所有 <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow noopener noreferrer">皖ICP备2024035995号-1</a></p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-wechat sns-icon"></i> <span style="background-image:url('//cdn.chuangxiangniao.com/2024/12/20241205061218911.jpg');"></span> </a> <a href="https://www.chuangxiangniao.com/sitemap/sitemap.xml" target="_blank" rel="nofollow" aria-label="icon"> <i class="wpcom-icon fa fa-sitemap sns-icon"></i> </a> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-1 action-pos-1" style="bottom:300px;"> <div class="action-item"> <i class="wpcom-icon fa fa-comments action-item-icon"></i> <div class="action-item-inner action-item-type-2"> <h3 style="text-align: center;">联系我们</h3> <h5 style="text-align: center;"><span style="color: #2d6ded; font-size: 24px; line-height: 2;"><strong>156-6553-5169</strong></span></h5> <p>在线咨询：<a class="btn btn-primary btn-xs" href="https://wpa.qq.com/msgrd?v=3&uin=253000106&site=qq&menu=yes" target="_blank" rel="noopener noreferrer"><i class="wpcom-icon fa fa-qq"></i> QQ交谈</a></p> <p>邮件：253000106@qq.com</p> <p>工作时间：周一至周五，9:30-18:30，节假日休息</p> </div> </div> <div class="action-item"> <i class="wpcom-icon fa fa-wechat action-item-icon"></i> <div class="action-item-inner action-item-type-1"> <img class="action-item-img" src="//cdn.chuangxiangniao.com/2024/12/20241205061218911.jpg" alt="联系微信"> </div> </div> <div class="action-item j-share"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> </div> <div class="action-item gotop j-top"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-arrow-up-2"></use></svg></i> </div> </div> <script id="imwpf-this-page"> var g_this_page = { "type": "post", "id": 897099, "terms": [{"id":172035,"tax":"category"},{"id":null,"tax":null},{"id":172164,"tax":"post_tag"},{"id":172274,"tax":"post_tag"}] };console.log(g_this_page); </script><div class="imwpcache_status_ok"></div><script type="text/javascript" id="main-js-extra"> /* <![CDATA[ */ var _wpcom_js = {"webp":"","ajaxurl":"https:\/\/www.chuangxiangniao.com\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/www.chuangxiangniao.com\/wp-content\/themes\/justnews","slide_speed":"5000","is_admin":"0","lang":"zh_CN","js_lang":{"share_to":"\u5206\u4eab\u5230:","copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd","confirm":"\u786e\u5b9a","qrcode":"\u4e8c\u7ef4\u7801","page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","expand_more":"\u9605\u8bfb\u5269\u4f59 %s"},"share":"1","share_items":{"wechat":{"title":"\u5fae\u4fe1","icon":"wechat"},"qq":{"title":"QQ\u597d\u53cb","icon":"qq"},"qzone":{"title":"QQ\u7a7a\u95f4","icon":"qzone"},"weibo":{"title":"\u5fae\u535a","icon":"weibo"},"douban":{"name":"douban","title":"\u8c46\u74e3","icon":"douban"},"mail":{"title":"\u90ae\u4ef6","icon":"mail-fill"}},"lightbox":"1","post_id":"897099","user_card_height":"356","poster":{"notice":"\u8bf7\u300c\u70b9\u51fb\u4e0b\u8f7d\u300d\u6216\u300c\u957f\u6309\u4fdd\u5b58\u56fe\u7247\u300d\u540e\u5206\u4eab\u7ed9\u66f4\u591a\u597d\u53cb","generating":"\u6b63\u5728\u751f\u6210\u6d77\u62a5\u56fe\u7247...","failed":"\u6d77\u62a5\u56fe\u7247\u751f\u6210\u5931\u8d25"},"video_height":"484","fixed_sidebar":"1","dark_style":"2","font_url":"\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@400;500&display=swap","follow_btn":"<i class=\"wpcom-icon wi\"><svg aria-hidden=\"true\"><use xlink:href=\"#wi-add\"><\/use><\/svg><\/i>\u5173\u6ce8","followed_btn":"\u5df2\u5173\u6ce8","user_card":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/js/main.js?ver=6.19.4" id="main-js"></script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/js/icons-2.8.8.js?ver=6.19.4" id="wpcom-icons-js"></script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/js/comment-reply.js?ver=6.19.4" id="comment-reply-js"></script> <script type="text/javascript" id="wwa-js-extra"> /* <![CDATA[ */ var _wwa_js = {"ajaxurl":"https:\/\/www.chuangxiangniao.com\/wp-admin\/admin-ajax.php","post_id":"897099","rewarded":""}; /* ]]> */ </script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/justweapp/js/script.js?ver=3.15.1" id="wwa-js"></script> <script type="text/javascript" id="wpcom-member-js-extra"> /* <![CDATA[ */ var _wpmx_js = {"ajaxurl":"https:\/\/www.chuangxiangniao.com\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/www.chuangxiangniao.com\/wp-content\/plugins\/wpcom-member\/","post_id":"897099","js_lang":{"login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c"},"login_url":"https:\/\/www.chuangxiangniao.com\/login?modal-type=login","register_url":"https:\/\/www.chuangxiangniao.com\/register?modal-type=register","errors":{"require":"\u4e0d\u80fd\u4e3a\u7a7a","email":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u5b50\u90ae\u7bb1","pls_enter":"\u8bf7\u8f93\u5165","password":"\u5bc6\u7801\u5fc5\u987b\u4e3a6~32\u4e2a\u5b57\u7b26","passcheck":"\u4e24\u6b21\u5bc6\u7801\u8f93\u5165\u4e0d\u4e00\u81f4","phone":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u624b\u673a\u53f7\u7801","terms":"\u8bf7\u9605\u8bfb\u5e76\u540c\u610f\u6761\u6b3e","sms_code":"\u9a8c\u8bc1\u7801\u9519\u8bef","captcha_verify":"\u8bf7\u70b9\u51fb\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","captcha_fail":"\u4eba\u673a\u9a8c\u8bc1\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5","nonce":"\u968f\u673a\u6570\u6821\u9a8c\u5931\u8d25","req_error":"\u8bf7\u6c42\u5931\u8d25"},"hidden_content":"1","copy_post":"1","copy_post_text":"","copy_post_container":".entry-content"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member/js/index.js?ver=1.7.1" id="wpcom-member-js"></script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member-pro/js/index.js?ver=2.0.2" id="wpcom-member-pro-js"></script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/js/wp-embed.js?ver=6.19.4" id="wp-embed-js"></script> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node12.aizhantj.com:21233/tjjs/?k=ly2ume9c5m7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?e1627df632cb7d8422ff5a171866ae673d0a9fd8a088d803a9d0f3c3bef0aa6adb92f43d4b1c8ff14071b55e1e71da09d918f66d1949fb3b81012c4e4e9e4a34644f149b0c276c07ebf664bf3622e408"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?357b28aff465596d316075fdd7393426"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "@id": "https://www.chuangxiangniao.com/p/897099.html", "url": "https://www.chuangxiangniao.com/p/897099.html", "headline": "HTML基本标签及结构详解", "description": "这篇文章主要介绍了HTML基本标签及结构详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下 1.HTML概述 1.HTML：超文本标记语言。是一种标识性语言，非编程语言，不能使用逻辑运算。通过标签…", "datePublished": "2025-01-04T00:52:18+08:00", "dateModified": "2025-01-04T00:52:18+08:00", "author": {"@type":"Person","name":"SEO优化专员","url":"https://www.chuangxiangniao.com/user/20","image":"//cdn.chuangxiangniao.com/2024/12/20241211045902958.jpg"} } </script> <script>console.log('命中缓存\n缓存页加载耗时: 0.0027s\n缓存页生成时间: 2025-01-09 10:31:40')</script></body> </html>