HTML基础知识(常见元素、列表、链接元素、图片元素)

Wesley13
• 阅读 865

1、HTML有关概念

全称: Hyper Text Markup Language(超文本标记语言) 其文件扩展名为“.html”或“.htm”

     * 超文本 - 在普通的文本基础上,添加超链接、图片、音频或视频等

     * 标记 - 标记就是HTML中的标签(元素),特点:

* 语言 - 目前目标所能识别的

版本: HTML 4.01 <4.01与4.0不是一个版本>; HTML 5; XHTML:严格版本的HTML

  • Ø 基本结构:

 HTML基础知识(常见元素、列表、链接元素、图片元素)

 附:: 申明版本,则浏览器可以预先知道文档类型,从而正确显示网页内容

: 设置编码格式

meta标签提供了元数据(不显示在页面上,但会被浏览器解析)。

meta元素常用于指定网页的描述、关键词、文件的最后修改时间、作者、和其他元数据。元数据可使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。

eg:为搜索引擎定义关键词、为网页定义内容、为网页定义作者….

  • Ø 元素

空元素 - 只有开始标签,没有结束标签;

起始元素 - 具有开始标签和结束标签 -----成对出现

注: 元素名(大小写均可)- W3C预定义,建议使用小写

  • Ø 属性

作用:定义当前元素的信息            格式:属性名="属性值"  

(a.属性必须定义在开始标签中   b.同一个元素具有多个属性)

i   通用属性 - 几乎所有的HTML元素都具有的属性

  id: 表示当前元素的标识(唯一的)        name: 表示当前元素的名称

  style: 表示定义CSS样式              class: 表示定义CSS样式

i 私有属性 - 某个元素独有的属性

  • Ø 注释

作用:解释当前的元素的作用          特点:不会显示在浏览器的页面中

  格式:               快捷键:CTRL + ?

2、HTML****常见元素

ü  标题

~
(常用的

~

,尤其是

      

:用于搜索引擎抓取HTML页面

搜索引擎抓取HTML内容时,优先级:

      元素中的内容 <strong>大于</strong> <meta name="keywords" content=""><strong>大于</strong><h1>元素</p> <p>ü  段落 <strong><p></p></strong>   </p> <p>特点:自动换行,行间距比较大</p> <p>eg:  <p> </p>  <p></p></p> <p>   或  <p> </p></p> <p><img src="https://oscimg.oschina.net/oscnet/40207e7c3b9d888885ca02197df7523bda1.jpg" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> <p> </p> <p>eg: <p> <br> </p> </p> <p> <img src="https://oscimg.oschina.net/oscnet/4265853b94f399f002a06b873c22ea13fca.jpg" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> <p>ü  <strong><hr></strong> - 水平线       </p> <p>ü  <strong><br></strong> - 换行      [快捷键 - 标签名 + TAB]</p> <p><strong>3****、列表</strong></p> <p>(1)有序列表      (2)无序列表        (3)定义列表</p> <p>      <ol>             <ul>              <dl>         - 表示定义列表</p> <p>         <li></li>         <li></li>          <dt></dt>   - 表示列表项(列表的标题)</p> <p>      </ol>             </ul>               <dd></dd>  - 表示列表项的描述(列表项)</p> <p>                                             </dl></p> <p> <img src="https://oscimg.oschina.net/oscnet/91fb8f41395545d9ee0c9a927d66d0f3687.jpg" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> <p>有序列表 type属性:规定列表类型1、A、a、l、i; start属性:规定起始数字</p> <p>快捷键:标签:*数量 + TAB;   alt+鼠标左键</p> <p><strong>4****、链接元素</strong></p> <p>   格式:<a href="https://www.helloworld.net/redirect?target= " rel="nofollow noopener noreferrer" target="_blank"></a></p> <p>   属性:<a href="https://www.helloworld.net/redirect?target=当前要跳转到的地址" rel="nofollow noopener noreferrer" target="_blank"></a>     <a name="当前元素的名称"></a></p> <p>a链接会自带下划线,若去除下划线,则  a{ text-decoration: none;}</p> <p>href:去往的路径即跳转的页面(必写属性)</p> <p>title:提示文本,也就是鼠标放到链接上显示的文字</p> <p>target = ’_self ’    默认值,在自身页面打开(关闭自身页面,打开链接页面) </p> <p>target = ’_blank ’  打开新页面 (自身页面不关闭,打开一个新的链接页面)</p> <p>作用: 实现页面跳转(默认); 实现回到顶部[锚点(#name)]即指向某固定位置;实现发送邮件</p> <p>eg: <a name="top">这是顶端</a></p> <p>    <a href="mailto:82328769@qq.com" >邮箱地址</a></p> <p>    <a href="#top" >回到顶部</a>      <a href="#middle" >回到中间</a></p> <p>² 相对路径</p> <p>即相对于文件自身出发,就是相对路径。</p> <p>文件和图片(html文档)在同一个目录(文件夹) ,直接写文件名。</p> <p> <img src="https://oscimg.oschina.net/oscnet/e681fdeaae6d7dd2f5df04633b0350bd685.jpg" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> <p>图片(html文档)在文件在下一级目录里。文件夹名称**/**图片(html)名称</p> <p> <img src="https://oscimg.oschina.net/oscnet/b31e929756a65534f15261a2018e39275fb.jpg" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> <p>图片(html)在文件的上一级目录里,**.. /**图片(html)名称</p> <p> <img src="https://oscimg.oschina.net/oscnet/37a7643fc191d2aabc1eca9d8ad337a71b0.jpg" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> <p>图片在文件的上一级的其他目录里,../文件夹名称/图片名称</p> <p> <img src="https://oscimg.oschina.net/oscnet/d68a3da7df641e6c7d23136b23520e945b2.jpg" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> <p>²  绝对路径</p> <p><img src="https://oscimg.oschina.net/oscnet/17a8ef473e216ab3f60e95ec0ee76068d98.jpg" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> <p><img src="https://oscimg.oschina.net/oscnet/444502295780251fad721e34fff11b38637.jpg" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> <p><strong>5****、图片元素</strong></p> <p><img src="当前引入图片的路径" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> <p>                           图片元素的加载原理</p> <p><img src="https://oscimg.oschina.net/oscnet/6e6ca5c2b691df7c73dd417b2f1b42faddb.jpg" alt="HTML基础知识(常见元素、列表、链接元素、图片元素) " /></p> </div> </article> <div class="tags-box" data-v-1bdff09d><a href="/tag/html%E8%AF%AD%E8%A8%80.html" target="_blank" class="item" data-v-1bdff09d>html语言</a><a href="/tag/https.html" target="_blank" class="item" data-v-1bdff09d>https</a><a href="/tag/meta.html" target="_blank" class="item" data-v-1bdff09d>meta</a><a href="/tag/jpg.html" target="_blank" class="item" data-v-1bdff09d>jpg</a><a href="/tag/%E5%89%8D%E7%AB%AF.html" target="_blank" class="item" data-v-1bdff09d>前端</a><a href="/tag/%E5%89%8D%E7%AB%AF.html" target="_blank" class="item" data-v-1bdff09d>前端</a></div> <div class="blog-btns-box" data-v-7d5edd21><div class="btn-item" data-v-7d5edd21><div class="circle zan" data-v-7d5edd21><IconFont type="icon-Dianzan" class="iconfont" data-v-7d5edd21></IconFont></div> <div class="text" data-v-7d5edd21>点赞</div></div> <div class="btn-item" data-v-7d5edd21><div class="circle favorite" data-v-7d5edd21><IconFont type="icon-Like1" class="iconfont" data-v-7d5edd21></IconFont></div> <div class="text" data-v-7d5edd21>收藏</div></div></div></div> <div id="recommend-lesson"><div class="recommend-lesson-title">推荐课程</div> <div class="horizontal" data-v-ba84c88a><a target="_blank" href="/lesson/detail/0764336109" class="re-course-list" data-v-ba84c88a><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/d8a3c58927fb2019d274382d18fe2e89.png" alt="avatar" data-v-ba84c88a> <div class="re-info" data-v-ba84c88a><h2 data-v-ba84c88a>Android进阶之旅-(NDK实战篇之基础知识)</h2> <div class="des" data-v-ba84c88a><div class="price" data-v-ba84c88a>免费</div> <span data-v-ba84c88a>26人学习</span></div></div></a><a target="_blank" href="/lesson/detail/0876290229" class="re-course-list" data-v-ba84c88a><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/f07b74871fb5111cb052e25356727aa9.png" alt="avatar" data-v-ba84c88a> <div class="re-info" data-v-ba84c88a><h2 data-v-ba84c88a>Android进阶之旅-(NDK实战篇之OpenCV)</h2> <div class="des" data-v-ba84c88a><div class="price" data-v-ba84c88a>免费</div> <span data-v-ba84c88a>45人学习</span></div></div></a></div></div> <div id="anchor" class="comment-container"><div id="comment-panel" class="comment-panel" data-v-25426b80><div class="panel-title" data-v-25426b80>评论区</div> <div class="comment-input-box" data-v-25426b80><img src="/_nuxt/img/default-avatar.38df358.png" alt class="user-avatar" data-v-25426b80> <!----></div> <!----></div></div> <div class="recommend-blog-list"><div class="recommend-title">推荐文章</div> <div class="art-list" data-v-6293c55f><div class="blog-item" data-v-6293c55f><div class="blog-header" data-v-6293c55f><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/cd34cdaab69ede1e2bf28de235151c34.webp" alt="blmius" class="img" data-v-6293c55f> <a href="/blmius" target="_blank" class="name" data-v-6293c55f> blmius </a> <div class="dot" data-v-6293c55f>•</div> <div class="time" data-v-6293c55f> 3年前 </div></div> <div class="blog-content" data-v-6293c55f><div class="item-left" data-v-6293c55f><a href="/p/2802547579" target="_blank" title="MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1" class="title single-ellipsis" data-v-6293c55f> MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1 </a> <div class="intro multi-ellipsis-2" data-v-6293c55f> 文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s </div></div> <img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/ed6c6174f1775f65a3fbe98488391419.png" class="item-right" data-v-6293c55f></div> <!----> <div class="blog-footer flex" data-v-6293c55f><div class="iconfont footer-item icon-Show1" data-v-6293c55f><span class="num" data-v-6293c55f>4130</span></div><div class="iconfont footer-item icon-Guanbi1-copy" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div><div class="iconfont footer-item icon-Pinglun1" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div></div></div><div class="blog-item" data-v-6293c55f><div class="blog-header" data-v-6293c55f><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/0d250ec5492da88592013bbd302402ae.jfif" alt="helloworld_34035044" class="img" data-v-6293c55f> <a href="/34035044" target="_blank" class="name" data-v-6293c55f> helloworld_34035044 </a> <div class="dot" data-v-6293c55f>•</div> <div class="time" data-v-6293c55f> 2年前 </div></div> <div class="blog-content" data-v-6293c55f><div class="item-left" data-v-6293c55f><a href="/p/9382788506" target="_blank" title="皕杰报表之UUID" class="title single-ellipsis" data-v-6293c55f> 皕杰报表之UUID </a> <div class="intro multi-ellipsis-2" data-v-6293c55f> ​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为 </div></div> <!----></div> <!----> <div class="blog-footer flex" data-v-6293c55f><div class="iconfont footer-item icon-Show1" data-v-6293c55f><span class="num" data-v-6293c55f>1148</span></div><div class="iconfont footer-item icon-Guanbi1-copy" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div><div class="iconfont footer-item icon-Pinglun1" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div></div></div><div class="blog-item" data-v-6293c55f><div class="blog-header" data-v-6293c55f><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/4f77da7232573922a580077ad6e6e085.jpg" alt="待兔" class="img" data-v-6293c55f> <a href="/waitrabbit" target="_blank" class="name" data-v-6293c55f> 待兔 </a> <div class="dot" data-v-6293c55f>•</div> <div class="time" data-v-6293c55f> 4个月前 </div></div> <div class="blog-content" data-v-6293c55f><div class="item-left" data-v-6293c55f><a href="/p/1863625810" target="_blank" title="手写Java HashMap源码" class="title single-ellipsis" data-v-6293c55f> 手写Java HashMap源码 </a> <div class="intro multi-ellipsis-2" data-v-6293c55f> HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22 </div></div> <!----></div> <!----> <div class="blog-footer flex" data-v-6293c55f><div class="iconfont footer-item icon-Show1" data-v-6293c55f><span class="num" data-v-6293c55f>1071</span></div><div class="iconfont footer-item icon-Guanbi1-copy" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div><div class="iconfont footer-item icon-Pinglun1" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div></div></div><div class="blog-item" data-v-6293c55f><div class="blog-header" data-v-6293c55f><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/d4566ad9edfb956dba92fc21f5e1561f.webp" alt="Jacquelyn38" class="img" data-v-6293c55f> <a href="/Jacquelyn38" target="_blank" class="name" data-v-6293c55f> Jacquelyn38 </a> <div class="dot" data-v-6293c55f>•</div> <div class="time" data-v-6293c55f> 3年前 </div></div> <div class="blog-content" data-v-6293c55f><div class="item-left" data-v-6293c55f><a href="/p/3468005401" target="_blank" title="2020年前端实用代码段,为你的工作保驾护航" class="title single-ellipsis" data-v-6293c55f> 2020年前端实用代码段,为你的工作保驾护航 </a> <div class="intro multi-ellipsis-2" data-v-6293c55f> 有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number ) </div></div> <img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/e7130dfd1edf85ccee4a9e73aa0b77dd.jpeg" class="item-right" data-v-6293c55f></div> <!----> <div class="blog-footer flex" data-v-6293c55f><div class="iconfont footer-item icon-Show1" data-v-6293c55f><span class="num" data-v-6293c55f>2388</span></div><div class="iconfont footer-item icon-Guanbi1-copy" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div><div class="iconfont footer-item icon-Pinglun1" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div></div></div><div class="blog-item" data-v-6293c55f><div class="blog-header" data-v-6293c55f><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/1bad3e5246214111b0d7a482fc5beec5.jfif" alt="Stella981" class="img" data-v-6293c55f> <a href="/Stella981" target="_blank" class="name" data-v-6293c55f> Stella981 </a> <div class="dot" data-v-6293c55f>•</div> <div class="time" data-v-6293c55f> 3年前 </div></div> <div class="blog-content" data-v-6293c55f><div class="item-left" data-v-6293c55f><a href="/p/1764926747" target="_blank" title="Python之time模块的时间戳、时间字符串格式化与转换 " class="title single-ellipsis" data-v-6293c55f> Python之time模块的时间戳、时间字符串格式化与转换 </a> <div class="intro multi-ellipsis-2" data-v-6293c55f> Python处理时间和时间戳的内置模块就有time,和datetime两个,本文先说time模块。关于时间戳的几个概念时间戳,根据1970年1月1日00:00:00开始按秒计算的偏移量。时间元组(struct_time),包含9个元素。 time.struct_time(tm_y </div></div> <!----></div> <!----> <div class="blog-footer flex" data-v-6293c55f><div class="iconfont footer-item icon-Show1" data-v-6293c55f><span class="num" data-v-6293c55f>1257</span></div><div class="iconfont footer-item icon-Guanbi1-copy" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div><div class="iconfont footer-item icon-Pinglun1" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div></div></div><div class="blog-item" data-v-6293c55f><div class="blog-header" data-v-6293c55f><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/46847d754406b0102dee7a1f54d14f92.jfif" alt="Wesley13" class="img" data-v-6293c55f> <a href="/Wesley13" target="_blank" class="name" data-v-6293c55f> Wesley13 </a> <div class="dot" data-v-6293c55f>•</div> <div class="time" data-v-6293c55f> 3年前 </div></div> <div class="blog-content" data-v-6293c55f><div class="item-left" data-v-6293c55f><a href="/p/6029686498" target="_blank" title="mysql设置时区 " class="title single-ellipsis" data-v-6293c55f> mysql设置时区 </a> <div class="intro multi-ellipsis-2" data-v-6293c55f> mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0 </div></div> <!----></div> <!----> <div class="blog-footer flex" data-v-6293c55f><div class="iconfont footer-item icon-Show1" data-v-6293c55f><span class="num" data-v-6293c55f>1317</span></div><div class="iconfont footer-item icon-Guanbi1-copy" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div><div class="iconfont footer-item icon-Pinglun1" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div></div></div><div class="blog-item" data-v-6293c55f><div class="blog-header" data-v-6293c55f><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/46847d754406b0102dee7a1f54d14f92.jfif" alt="Wesley13" class="img" data-v-6293c55f> <a href="/Wesley13" target="_blank" class="name" data-v-6293c55f> Wesley13 </a> <div class="dot" data-v-6293c55f>•</div> <div class="time" data-v-6293c55f> 3年前 </div></div> <div class="blog-content" data-v-6293c55f><div class="item-left" data-v-6293c55f><a href="/p/4384340365" target="_blank" title="00:Java简单了解 " class="title single-ellipsis" data-v-6293c55f> 00:Java简单了解 </a> <div class="intro multi-ellipsis-2" data-v-6293c55f> 浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。 </div></div> <!----></div> <!----> <div class="blog-footer flex" data-v-6293c55f><div class="iconfont footer-item icon-Show1" data-v-6293c55f><span class="num" data-v-6293c55f>1256</span></div><div class="iconfont footer-item icon-Guanbi1-copy" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div><div class="iconfont footer-item icon-Pinglun1" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div></div></div><div class="blog-item" data-v-6293c55f><div class="blog-header" data-v-6293c55f><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/1bad3e5246214111b0d7a482fc5beec5.jfif" alt="Stella981" class="img" data-v-6293c55f> <a href="/Stella981" target="_blank" class="name" data-v-6293c55f> Stella981 </a> <div class="dot" data-v-6293c55f>•</div> <div class="time" data-v-6293c55f> 3年前 </div></div> <div class="blog-content" data-v-6293c55f><div class="item-left" data-v-6293c55f><a href="/p/3395108718" target="_blank" title="Django中Admin中的一些参数配置 " class="title single-ellipsis" data-v-6293c55f> Django中Admin中的一些参数配置 </a> <div class="intro multi-ellipsis-2" data-v-6293c55f> 设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable </div></div> <!----></div> <!----> <div class="blog-footer flex" data-v-6293c55f><div class="iconfont footer-item icon-Show1" data-v-6293c55f><span class="num" data-v-6293c55f>1174</span></div><div class="iconfont footer-item icon-Guanbi1-copy" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div><div class="iconfont footer-item icon-Pinglun1" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div></div></div><div class="blog-item" data-v-6293c55f><div class="blog-header" data-v-6293c55f><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/46847d754406b0102dee7a1f54d14f92.jfif" alt="Wesley13" class="img" data-v-6293c55f> <a href="/Wesley13" target="_blank" class="name" data-v-6293c55f> Wesley13 </a> <div class="dot" data-v-6293c55f>•</div> <div class="time" data-v-6293c55f> 3年前 </div></div> <div class="blog-content" data-v-6293c55f><div class="item-left" data-v-6293c55f><a href="/p/2102334911" target="_blank" title="MySQL部分从库上面因为大量的临时表tmp_table造成慢查询 " class="title single-ellipsis" data-v-6293c55f> MySQL部分从库上面因为大量的临时表tmp_table造成慢查询 </a> <div class="intro multi-ellipsis-2" data-v-6293c55f> 背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_ </div></div> <!----></div> <!----> <div class="blog-footer flex" data-v-6293c55f><div class="iconfont footer-item icon-Show1" data-v-6293c55f><span class="num" data-v-6293c55f>1522</span></div><div class="iconfont footer-item icon-Guanbi1-copy" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div><div class="iconfont footer-item icon-Pinglun1" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div></div></div><div class="blog-item" data-v-6293c55f><div class="blog-header" data-v-6293c55f><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/ff45645a048833b06e967323e7411c91.webp" alt="Python进阶者" class="img" data-v-6293c55f> <a href="/pdcfighting" target="_blank" class="name" data-v-6293c55f> Python进阶者 </a> <div class="dot" data-v-6293c55f>•</div> <div class="time" data-v-6293c55f> 10个月前 </div></div> <div class="blog-content" data-v-6293c55f><div class="item-left" data-v-6293c55f><a href="/p/7920817787" target="_blank" title="Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除" class="title single-ellipsis" data-v-6293c55f> Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除 </a> <div class="intro multi-ellipsis-2" data-v-6293c55f> 大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这 </div></div> <img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/aeaded5a375b9d90ad54a2731b017114.png" class="item-right" data-v-6293c55f></div> <!----> <div class="blog-footer flex" data-v-6293c55f><div class="iconfont footer-item icon-Show1" data-v-6293c55f><span class="num" data-v-6293c55f>509</span></div><div class="iconfont footer-item icon-Guanbi1-copy" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div><div class="iconfont footer-item icon-Pinglun1" data-v-6293c55f><span class="num" data-v-6293c55f>0</span></div></div></div> </div></div></div> <div class="blog-right-container"><div class="personal-info" data-v-af95cca0><div class="base-info" data-v-af95cca0><img src="https://img-hello-world.oss-cn-beijing.aliyuncs.com/imgs/46847d754406b0102dee7a1f54d14f92.jfif" alt="Wesley13" class="avatar" data-v-af95cca0> <div class="info-content" data-v-af95cca0><div onc class="name-level" data-v-af95cca0><div class="name single-ellipsis" data-v-af95cca0> Wesley13 </div> <div class="level-icon level-1" data-v-429e45df data-v-af95cca0> Lv1 </div></div> <!----></div></div> <button type="button" class="follow-btn ant-btn ant-btn-primary ant-btn-background-ghost" data-v-af95cca0><span>关 注</span></button> <div class="signature" data-v-af95cca0>最大的安心是自律温柔和爱自己。</div> <div class="article-fans-stars" data-v-af95cca0><div class="item" data-v-af95cca0><div class="label" data-v-af95cca0>文章</div> <div class="value" data-v-af95cca0> 1.2w </div></div><div class="item" data-v-af95cca0><div class="label" data-v-af95cca0>粉丝</div> <div class="value" data-v-af95cca0> 20 </div></div><div class="item" data-v-af95cca0><div class="label" data-v-af95cca0>获赞</div> <div class="value" data-v-af95cca0> 1.7k </div></div></div> <div class="author-social-info" data-v-af95cca0><!----> <!----> <!----></div></div> <div class="sider-box" data-v-377f20d6><h5 class="common-title" data-v-377f20d6>热门文章</h5> <div class="content-box" data-v-377f20d6><div class="hot-article-list" data-v-5fa70b3e><div class="item" data-v-5fa70b3e><a href="/p/2026823042" title="JavPlayer:AI破坏马赛克,大量马赛克破坏版影片流出 " class="abstract multi-ellipsis-2" data-v-5fa70b3e> JavPlayer:AI破坏马赛克,大量马赛克破坏版影片流出 </a></div><div class="item" data-v-5fa70b3e><a href="/p/2766033731" title="2020年最新可用的磁力搜索引擎&种子搜索网站,持续整理分享 " class="abstract multi-ellipsis-2" data-v-5fa70b3e> 2020年最新可用的磁力搜索引擎&种子搜索网站,持续整理分享 </a></div><div class="item" data-v-5fa70b3e><a href="/p/9442853740" title="8个在线接收手机短信验证码的免费网络服务整理 " class="abstract multi-ellipsis-2" data-v-5fa70b3e> 8个在线接收手机短信验证码的免费网络服务整理 </a></div><div class="item" data-v-5fa70b3e><a href="/p/2494613557" title="IDM 激活破解工具 " class="abstract multi-ellipsis-2" data-v-5fa70b3e> IDM 激活破解工具 </a></div><div class="item" data-v-5fa70b3e><a href="/p/1466098846" title="java.net.ConnectException:Connection timed out:connect 出现连接超时的问题? " class="abstract multi-ellipsis-2" data-v-5fa70b3e> java.net.ConnectException:Connection timed out:connect 出现连接超时的问题? </a></div></div></div></div></div></div></div> <!----></div></div></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A){return {layout:"default",data:[{}],fetch:{},error:f,state:{showSlideAuth:c,showLogin:c,fromIndex:c,urlConfig:{GET_BLOG_COLLECTION_LIST_URL:j,getAllTag:"\u002Ftag\u002FgetAllTag",CREATE_BLOG_URL:"\u002Fmanage\u002FcreateBlog",PUBLISH_BLOG_URL:"\u002Fmanage\u002FpublishBlog",UPDATE_BLOG_DETAIL:"\u002Fmanage\u002FupdateBlog",GET_BLOG_DETAIL:"\u002Fblog\u002FgetBlogDetail",GET_BLOG_NEWEST_DRAFT:k,UPDATE_CHAPTER_URL:l,GET_CHAPTER_NEWEST_DRAFT:m,PUBLISH_CHAPTER:l,CREATE_BLOG_CATE:"\u002Fcollection\u002Fadd",RENAME_COLLECTION:"\u002Fcollection\u002FrenameCollection",DELETE_COLLECTION:"\u002Fcollection\u002FdeleteCollection",GET_MY_BLOG_LIST_URL:"\u002Fadmin\u002FblogList",FOLLOW_AUTHOR:"\u002Fuser\u002Ffollow",UNFOLLOW_AUTHOR:"\u002Fuser\u002Funfollow",GET_RECOMMEND_BLOG:"\u002Fhome\u002FgetHomeBlogByAction",GET_RECOMMEND_BLOG_BY_CATE:"\u002Fhome\u002FgetHomeBlogListByTag",GET_RECOMMEND_BLOG_BY_TAG:"\u002Fhome\u002FgetBlogListByTag",GET_TAG_LIST:"\u002Fuser\u002FhotWords",GET_CATE_LIST:"\u002Ftag\u002FgetHomeTag",GET_RECOMMEND_AUTHOR:"\u002Fhome\u002FgetRecommendAuthorList",GET_DAILY_ALGORITHM:"\u002Fhome\u002Fdailyalgorithm",LOG_IN:"\u002Faccess\u002Flogin",LOG_OUT:"\u002Faccess\u002FsignOut",CHECK_USER_INFO:"\u002Faccess\u002FcheckUserInfo",REGISTER:"\u002Faccess\u002Fregister",CHANGE_PWD:"\u002Faccess\u002FchangePassword",SEND_CODE:"\u002Faccess\u002FsendCode",ACTION_AUTH:"\u002Faccess\u002FactionAuth",ACTION_AUTH2:"\u002Faccess\u002FactionAuth2",CHECK_USER_AND_BLOG:"\u002Faccess\u002FcheckUserAndBlog",CHECK_TOKEN:"\u002Faccess\u002FcheckToken",SIGN_IN:"\u002Faccess\u002FsignIn",GET_PERSONAL_INFO:"\u002Fuser\u002Fdetail\u002Finfo",GET_PERSONAL_BLOG_LIST:"\u002Fuser\u002Fdetail\u002Fbloglist",FILE_UPLOAD:"\u002Ffile\u002Fupload",DL_AND_UPLOAD:"\u002Ffile\u002FdownloadAndUploadOss",GET_MY_FOLLOW_USER_LIST:"\u002Fadmin\u002FgetMyFollowUserList",GET_MY_FANS_USER_LIST:"\u002Fadmin\u002FgetMyFansUserList",GET_MY_FOLLOW_QUESTION_LIST:"\u002Fadmin\u002FgetMyFollowQuestion",GET_MY_SUBSCIBE_SPECIAL_LIST:"\u002Fadmin\u002FgetMySubscribeSpecialList",TAKE_OFF_BLOG:"\u002Fadmin\u002FtakeOffBlog",TAKE_ON_BLOG:"\u002Fadmin\u002FtakeOnBlog",GET_HOME_RECOMMEND_SPECIAL_LIST:"\u002Fhome\u002FgetRecommendSpecialList",GET_MOST_SPECIAL_COUNT_USER_LIST:"\u002Fspecial\u002FgetSpecialMostUserList",GET_SPECIAL_CATE_LIST_URL:"\u002Fspecial\u002FgetSpecialCateList",GET_SPECIAL_LIST_URL:"\u002Fspecial\u002FgetSpecialList",GET_SPECIAL_LIST_PER_CATEGORY_URL:"\u002Fspecial\u002FgetSpecialListPerCategory",GET_CATEGORY_INFO_BY_ID_URL:"\u002Fhome\u002FgetCategoryInfoById",GET_SPECIAL_COUNT_PER_CATEGORY_URL:"\u002Fspecial\u002FgetSpecialTotalCountPerCategory",GET_SPECIAL_BANNER:"\u002Fspecial\u002FgetBannerList",GET_SPECIAL_DETAIL_CHAPTER_LIST:"\u002Fspecial\u002FgetSpecialSectionList",GET_SPECIAL_DETAIL:"\u002Fspecial\u002FgetMySpecialChapterInfo",GetChapterInfo:"\u002Fspecial\u002FgetSectionDetail",GET_SPECIAL_DETAIL_INFO:"\u002Fadmin\u002FgetSpecialDetail",ADD_CHAPTER_URL:"\u002Fadmin\u002FaddChapter",UPDATE_CHAPTER_INFO:"\u002Fadmin\u002FupdateChapterInfo",UPDATE_CHAPTER_SEQUENCE:"\u002Fadmin\u002FupdateChapterSequence",DELETE_CHAPTER_URL:"\u002Fadmin\u002FdeleteChapter",TAKE_ON_SPECIAL:"\u002Fspecial\u002FpublishSection",TAKE_OFF_SPECIAL:"\u002Fadmin\u002FtakeOffSpecial",RENAME_SPECIAL:"\u002Fadmin\u002FrenameSpecial",GET_SPECIAL_CATE_LIST:"\u002Fadmin\u002FgetSpecialCateList",UPDATE_SPECIAL_INTRO:"\u002Fadmin\u002FupdateSpecialIntro",UPDATE_SPECIAL_INFO:"\u002Fadmin\u002FupdateSpecialCateId",UPDATE_SPECIAL_TITLE:"\u002Fadmin\u002FupdateSpecialTitle",DELETE_SPECIAL:"\u002Fadmin\u002FdeleteSpecial",GET_CHAPTER_COMMENT:"\u002Fcomment\u002FgetChapterCommentList",UPDATE_SPECIALINFO:"\u002Fadmin\u002FupdateSpecialBaseInfo",SUBSCRIBE_SPECIAL:n,UN_SUBSCRIBE_SPECIAL:o,MODIFY_SPECIAL:p,GET_TUTORIAL_BIG_CATEGORY:"\u002Ftutorial\u002FgetTutorialBigCategories",GET_ALL_TUTORIALS:q,GET_CHAPTER_AND_SECTION_BY_PATH:"\u002Ftutorial\u002FgetChapterAndSectionByPath",GET_CONTENT_BY_SECTION_PATH:"\u002Ftutorial\u002FgetSectionContent",GET_TUTORIAL_OVERVIEW:r,GET_UID_BY_PROFILE_PATH:"\u002Fuser\u002FgetUidByProfilePath",GET_USER_DETAIL_USER_INFO:"\u002Fuser\u002Fdetail\u002FuserInfo",GET_SPECIAL_CATEGORY:"\u002Fuser\u002Fdetail\u002FspecialCategory",CREATE_SPECIAL_URL:"\u002Fspecial\u002FcreateSpecial",GET_MY_SPECIAL_LIST_URL:"\u002Fadmin\u002FgetMySpecialList",GET_CHAPTER_LIST_PER_SPECIAL_URL:"\u002Fadmin\u002FgetSpecialChapterList",GET_USER_RELATED_QUESTION_LIST:"\u002Fuser\u002Fdetail\u002FgetUserRelatedQuestionList",Get_BLOG_COLLECT_LIST:"\u002Fuser\u002Fdetail\u002FgetUserBlogCollectList",GET_BLOG_LIST_URL:"\u002Fuc\u002FgetUserBlogList",GET_BLOG_LIST_BY_COLLECT_ID:"\u002Fuser\u002Fdetail\u002FgetCollectBlogList",GET_SPECIAL_LIST_BY_SORT_TYPE:"\u002Fuc\u002FgetUserPublishedSpecialList",GET_USER_BASE_INFO:"\u002Fuc\u002FgetUserInfo",GET_NEWEST_BLOG_LIST:"\u002Fuser\u002Fdetail\u002FgetNewestBlogList",GET_NEWEST_COMMENT_LIST:"\u002Fuser\u002Fdetail\u002FgetNewestCommentList",GET_FAVORITE_BLOG_LIST:"\u002Fuc\u002FgetUserFavoriteBlogList",GET_FOLLOW_USER_LIST:"\u002Fuc\u002FgetFollowList",GET_FOLLOW_USER_FANS:"\u002Fuc\u002FgetFanList",GET_HOT_COMMENTS:"\u002Fuc\u002FgetHotComments",IS_USER_BLOG:"\u002Fuc\u002FisUserBlog",GET_SEARCH_WORD:"\u002Fsearch\u002FsearchWord",GET_QUESTION_COMMON_TAG:"\u002Fquestion\u002FgetHotTagList",GET_QUESTION_LIST:"\u002Fquestion\u002FgetQuestionList",GET_QUESTION_DETAIL:"\u002Fquestion\u002FgetQuestionDetail",UPDATE_QUESTION_INFO:"\u002Fquestion\u002FupdateQuestion",GET_QUESTION_BASE_INFO:"\u002Fquestion\u002FgetQuestionBaseInfo",GET_BLOG_COMMENT_LIST:"\u002Fcomment\u002FgetBlogCommentList",ADD_COMMENT:"\u002Fcomment\u002FaddComment",ADD_REPLY:"\u002Fcomment\u002FaddReply",LIKE_BLOG:"\u002Fblog\u002FzanBlog",FAVORITE_BLOG:"\u002Fblog\u002FfavoriteBlog",GET_USER_LIKE_FAVORITE_INFO:"\u002Fadmin\u002FgetUserAndBlogActionInfo",DAMIT_CHANGE_PWD:"\u002Fadmin\u002FchangePassword",UPDATE_PERSONAL:"\u002Fadmin\u002FmodifyPersonalInfo",SUBMIT_SUGGESTION:"\u002Fsuggestion\u002FsubmitSuggestion",GETALLBLOGID:"\u002Faccess\u002FgetAllBlogId",GETCONTENTBYID:"\u002Faccess\u002FgetContentById",UPDATEHTMLBYID:"\u002Faccess\u002FupdateHtmlById",CHANGE_USER_PWD:s,SEND_USER_SMS:"\u002Faccess\u002FsendSmsCode",GET_WIN_USERS:"\u002Fwin\u002FgetWinUsers",GET_FRIEND_LINKS:"\u002Fhome\u002FgetFriendLinks",GET_SITE_MAP:"\u002Fspider\u002FgetSiteMap",GET_BLOG_BY_TAG_NAME:"\u002Fblog\u002FgetBlogByTagName",GET_BLOG_BY_TAG_ID:"\u002Fsearch\u002FsearchTag",GET_RANDOM_TAGS:"\u002Fblog\u002FgetRandomTags",GET_UPLOAD_SIGNATURE:"\u002Fvod\u002FgetUploadSignature",UPLOAD_MEDIA_INFO:"\u002Fvod\u002FuploadMediaInfo",GET_BLOG_INFO:"\u002Fadmin\u002FgetBlogInfo",GET_HOME_RECOMMEND_TAGS:"\u002Ftag\u002FgetHomeRecommendTags",GET_USER_HOT_BLOG_LIST:"\u002Fuc\u002FgetUserHotBlogList",COMMENT_BLOG:"\u002Fcomment\u002Fcomment",GET_COMMENT_LIST:"\u002Fcomment\u002FgetCommentList",REPLY_COMMENT:"\u002Fcomment\u002FreplyComment",GET_COMMENT_REPLIES:"\u002Fcomment\u002FgetCommentReplies",GET_BACK_IMAGE_LIST:"\u002Fuc\u002FgetBackImageList",UPDATE_BACK_IMAGE:"\u002Fuc\u002FupdateBackImage",GET_MY_SPECIAL_LIST:"\u002Fmanage\u002FgetMySpecialList",GET_SUBCRIBED_SPECLIAL_LIST:"\u002Fmanage\u002FgetMySubscribedSpecialList",GET_MY_SPECIAL_DETAIL:"\u002Fmanage\u002FgetMySpecialDetail",SUBCRIBE_SPECLIAL:n,UNSUBCRIBED_SPECLIAL:o,CREATE_COLLECTION:"\u002Fmanage\u002FcreateCollection",GET_COLLECTION_LIST:j,UPDATE_COLLECTION:"\u002Fmanage\u002FupdateCollection",REMOVE_COLLECTION:"\u002Fmanage\u002FremoveCollection",GET_MY_BLOG_LIST:"\u002Fmanage\u002FgetMyBlogList",GET_FOLLOW_LIST:"\u002Fmanage\u002FgetFollowList",UPDATE_FOLLOW:"\u002Fmanage\u002FupdateFollow",GET_MY_INFO:"\u002Fmanage\u002FgetMyInfo",UPDATE_MY_INFO:"\u002Fmanage\u002FupdateMyInfo",GET_MY_FAVORITE_BLOG_LIST:"\u002Fmanage\u002FgetMyFavoriteBlogList",GET_MY_FAVORITE_LESSON_LIST:"\u002Flesson\u002FfavoriteList",UPDATE_FAVORITE_LESSON:"\u002Flesson\u002Ffavorite",UPDATE_CANCEL_FAVORITE_LESSON:"\u002Flesson\u002FremoveFavorite",GET_RECOMMEND_LESSON_BY_BLOG:"\u002Flesson\u002FrecommendLesson",MODIFY_PASSWORD:s,GET_MY_BLOG_DETAIL:k,GET_MY_BLOG_DETAIL_FOR_ADMIN_PREVIEW:"\u002Fmanage\u002FgetMyBlogDetailForAdminPreview",GET_NEW_NOTIFICATION_COUNT:"\u002Fmanage\u002FgetNewNotificationCount",GET_NOTIFICATION_LIST:"\u002Fmanage\u002FgetNotificationList",READ_NOTIFICATION:"\u002Fmanage\u002FreadNotification",CREATE_SECTION:"\u002Fspecial\u002FcreateSection",MODIFIY_SECTION_TITLE:"\u002Fspecial\u002FmodifySectionTitle",MODIFIY_SPECIAL_TITLE:p,MODIFIY_SECTION_STATUS:"\u002Fspecial\u002FmodifySectionStatus",PUBLISH_SPECIAL:"\u002Fspecial\u002FpublishSpecial",OFFLINE_SPECIAL:"\u002Fspecial\u002FofflineSpecial",UNPUBLISHED_SPECIAL_DETAIL:"manage\u002FgetMySpecialDetail",UNPUBLISHED_SPECIAL_CHAPTER_DETAIL:m,UPDATE_BLOG_TITLE:"\u002Fmanage\u002FupdateTitle",UPDATE_BLOG_STATUS_PUBLISHED:"\u002Fmanage\u002FupdateBlogStatusPublished",DELETE_BLOG:"\u002Fmanage\u002FdeleteBlog",GET_CATELIST_TUTORIAL:"\u002Ftutorial\u002FgetCateList",GET_TUTORIAL_LIST:q,GET_TUTORIAL_DETAIL:r,GET_CHAPTER_INFO:"\u002Ftutorial\u002FgetChapterInfo",FAVORITE_SECTION:"\u002Fmanage\u002FfavoriteSection",ZAN_SECTION:"\u002Fmanage\u002FzanSection",LESSON_LIST_ALL:"\u002Flesson\u002Flist\u002Fall",LESSON_LIST_MY:"\u002Flesson\u002Flist\u002Fmy",LESSON_LIST_BUY:"\u002Flesson\u002Flist\u002Fbuy",LESSON_LIST_REC:"\u002Flesson\u002Flist\u002Frec",LESSON_CREATE:"\u002Flesson\u002Fcreate",LESSON_DETAIL_EDIT:"\u002Flesson\u002Fdetail\u002Fedit",LESSON_DETAIL:"\u002Flesson\u002Fdetail",LESSON_DELETE:"\u002Flesson\u002FdeleteLesson",LESSON_CATEGORIES:"\u002Flesson\u002Fcategories",LESSON_DIRECTIONS:"\u002Flesson\u002Fdirections",LESSON_STORE:"\u002Flesson\u002Fstore",LESSON_CREATE_CHAPTER:"\u002Flesson\u002FcreateChapter",LESSON_UPDATE_CHATPER:"\u002Flesson\u002FupdateChapter",LESSON_DELETE_CHAPTER:"\u002Flesson\u002FdeleteChapter",LESSON_CHAPTER_DELETE_VIDEO:"\u002Flesson\u002Fchapter\u002FdeleteVideo",LESSON_CHAPTER_UPDATE_VIDEO:"\u002Flesson\u002Fchapter\u002FupdateVideo",LESSON_CHAPTER_CREATE_VIDEO:"\u002Flesson\u002Fchapter\u002FcreateVideo",LESSON_CHAPTERS:"\u002Flesson\u002Fchapters",LESSON_CHAPTERS_EDIT:"\u002Flesson\u002Fchapters\u002Fedit",LESSON_VIDEO_ENCRYPT:"\u002Flesson\u002Fvideo\u002Fencrypt",LESSON_VIDEO:"\u002Flesson\u002Fvideo",LESSON_VIDEO_M3U8:"\u002Flesson\u002Fvideo\u002Fm3u8",LESSON_COS_TOKEN:"\u002Flesson\u002Fcos\u002Ftoken",LESSON_NOTE:"\u002Flesson\u002Fnote",LESSON_CREATE_SOURCE:"\u002Flesson\u002FcreateResource",LESSON_UPDATE_RESOURCE:"\u002Flesson\u002FupdateResource",LESSON_RESOURCE:"\u002Flesson\u002Fresource",LESSON_DELETE_RESOURCE:"\u002FlessondeleteResource",LESSON_LEARN_REPORT:"\u002Flesson\u002Flearn\u002Freport",ADD_STUDY_COUNT:"\u002Flesson\u002FaddStudyCount",WXPAY_NATIVE_PAY:"\u002Fwxpay\u002FnativePay",WXPAY_QUERY_ORDER_STATUS:"\u002Fwxpay\u002FqueryOrderStatus",WXPAY_ORDER:"\u002Fwxpay\u002Forder",WXPAY_ORDERS:"\u002Fwxpay\u002Forders",WXPAY_CANCELORDER:"\u002Fwxpay\u002FcancelOrder"},isLoading:c,authPhone:b,friendLink:[],showSpecial:c,specialData:f,navFixedVisible:c,deviceId:302230054466602100,blackList:[],access:{token:b,userInfo:{}},admin:{collectionList:[],specialList:[],notifyCount:{},curTab:"blog",blogDetail:{}},backstage:{blogList:{},typeCount:{collectCount:a,commentCount:a,count:a,followCount:a,subscribeCount:a,zanCount:a},isShow:c},course:{isCollapase:t},personal:{errorMsg:b,handling:c,visible:c,success:c,isSmsCoding:c,sendCodeSuccess:c,uid:f,userDetailInfo:{},personalBlogList:[],blogCount:a,personalSpecialList:[],specialCount:a,newestBlog:[],newestComment:[],personalFavoriteList:[],favoriteCount:a,personalFollowList:[],followCount:a,personalFansList:[],fansCount:a,hotComment:[],routeParams:{profile:b,pageType:b}},question:{commonTags:[],questionList:[],questionDetail:{}},recommend:{recommendBlog:{data:[]},tagList:[],categoryList:{data:[]},recommendAuthorList:{data:[]},todayAlgorithm:b,blogDetail:{blogInfo:{uuid:"2864161006",title:"HTML基础知识(常见元素、列表、链接元素、图片元素) ",intro:"1、HTML有关概念全称:HyperTextMarkupLanguage(超文本标记语言)其文件扩展名为“.html”或“.htm”    \\超文本在普通的文本基础上,添加超链接、图片、音频或视频等    \\标记标记就是HTML中的标签(元素),特点:\u003Ca\\语言目前目标所能识别的版本:",content:"**1、HTML有关概念**\n\n全称: Hyper Text Markup Language(超文本标记语言) 其文件扩展名为“.html”或“.htm”\n\n     \\* 超文本 - 在普通的文本基础上,添加超链接、图片、音频或视频等\n\n     \\* 标记 - 标记就是HTML中的标签(元素),特点:\u003Ca\u003E\n\n\\* 语言 - 目前目标所能识别的\n\n版本: HTML 4.01 \u003C4.01与4.0不是一个版本\u003E; HTML 5; XHTML:严格版本的HTML\n\n* Ø 基本结构:\n\n ![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F923a190faa12d51602567c481d7029212aa.jpg)\n\n 附:\u003C!doctype html\u003E: 申明版本,则浏览器可以预先知道文档类型,从而正确显示网页内容\n\n\u003Cmeta charset=\"UTF-8\"\u003E : 设置编码格式\n\nmeta标签提供了元数据(不显示在页面上,但会被浏览器解析)。\n\nmeta元素常用于指定网页的描述、关键词、文件的最后修改时间、作者、和其他元数据。元数据可使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。\n\neg:为搜索引擎定义关键词、为网页定义内容、为网页定义作者….\n\n\u003Cmeta name=\"keywords\" content=\"HTML, CSS, XML, XHTML, JavaScript\"\u003E\n\n\u003Cmeta name=\"description\" content=\"Free Web tutorials on HTML and CSS\"\u003E\n\n\u003Cmeta name=\"author\" content=\"King\"\u003E\n\n* Ø 元素\n\n空元素 - 只有开始标签,没有结束标签;\n\n起始元素 - 具有开始标签和结束标签 -----成对出现\n\n注: 元素名(大小写均可)- W3C预定义,建议使用小写\n\n* Ø 属性\n\n作用:定义当前元素的信息            格式:属性名=\"属性值\"  \n\n(a.属性必须定义在开始标签中   b.同一个元素具有多个属性)\n\ni   通用属性 - 几乎所有的HTML元素都具有的属性\n\n  id: 表示当前元素的标识(唯一的)        name: 表示当前元素的名称\n\n  style: 表示定义CSS样式              class: 表示定义CSS样式\n\ni 私有属性 - 某个元素独有的属性\n\n* Ø 注释\n\n作用:解释当前的元素的作用          特点:不会显示在浏览器的页面中\n\n  格式:\u003C!-- 注释内容 --\u003E               快捷键:CTRL + ?\n\n**2、HTML****常见元素**\n\nü  标题 **\u003Ch1\u003E ~ \u003Ch6\u003E** (常用的\u003Ch1\u003E ~ \u003Ch3\u003E,尤其是\u003Ch1\u003E)\n\n       \u003Ch1\u003E:用于搜索引擎抓取HTML页面\n\n搜索引擎抓取HTML内容时,优先级:\n\n      \u003Ctitle\u003E元素中的内容 **大于** \u003Cmeta name=\"keywords\" content=\"\"\u003E**大于**\u003Ch1\u003E元素\n\nü  段落 **\u003Cp\u003E\u003C\u002Fp\u003E**   \n\n特点:自动换行,行间距比较大\n\neg:  \u003Cp\u003E \u003C\u002Fp\u003E  \u003Cp\u003E\u003C\u002Fp\u003E\n\n   或  \u003Cp\u003E \u003C\u002Fp\u003E\n\n![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F40207e7c3b9d888885ca02197df7523bda1.jpg)\n\n\u003Cp\u003E \u003C\u002Fp\u003E\n\neg: \u003Cp\u003E \u003Cbr\u003E \u003C\u002Fp\u003E \n\n ![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F4265853b94f399f002a06b873c22ea13fca.jpg)\n\nü  **\u003Chr\u003E** - 水平线       \n\nü  **\u003Cbr\u003E** - 换行      \\[快捷键 - 标签名 + TAB\\]\n\n**3****、列表**\n\n(1)有序列表      (2)无序列表        (3)定义列表\n\n      \u003Col\u003E             \u003Cul\u003E              \u003Cdl\u003E         - 表示定义列表\n\n         \u003Cli\u003E\u003C\u002Fli\u003E         \u003Cli\u003E\u003C\u002Fli\u003E          \u003Cdt\u003E\u003C\u002Fdt\u003E   - 表示列表项(列表的标题)\n\n      \u003C\u002Fol\u003E             \u003C\u002Ful\u003E               \u003Cdd\u003E\u003C\u002Fdd\u003E  - 表示列表项的描述(列表项)\n\n                                             \u003C\u002Fdl\u003E\n\n ![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F91fb8f41395545d9ee0c9a927d66d0f3687.jpg)\n\n有序列表 type属性:规定列表类型1、A、a、l、i; start属性:规定起始数字\n\n快捷键:标签:\\*数量 + TAB;   alt+鼠标左键\n\n**4****、链接元素**\n\n   格式:\u003Ca href=\" \"\u003E\u003C\u002Fa\u003E\n\n   属性:\u003Ca href=\"当前要跳转到的地址\"\u003E\u003C\u002Fa\u003E     \u003Ca name=\"当前元素的名称\"\u003E\u003C\u002Fa\u003E\n\na链接会自带下划线,若去除下划线,则  a{ text-decoration: none;}\n\nhref:去往的路径即跳转的页面(必写属性)\n\ntitle:提示文本,也就是鼠标放到链接上显示的文字\n\ntarget = ’\\_self ’    默认值,在自身页面打开(关闭自身页面,打开链接页面) \n\ntarget = ’\\_blank ’  打开新页面 (自身页面不关闭,打开一个新的链接页面)\n\n作用: 实现页面跳转(默认); 实现回到顶部\\[锚点(#name)\\]即指向某固定位置;实现发送邮件\n\neg: \u003Ca name=\"top\"\u003E这是顶端\u003C\u002Fa\u003E\n\n    \u003Ca href=\"mailto:82328769@qq.com\" \u003E邮箱地址\u003C\u002Fa\u003E\n\n    \u003Ca href=\"#top\" \u003E回到顶部\u003C\u002Fa\u003E      \u003Ca href=\"#middle\" \u003E回到中间\u003C\u002Fa\u003E\n\n² 相对路径\n\n即相对于文件自身出发,就是相对路径。\n\n文件和图片(html文档)在同一个目录(文件夹) ,直接写文件名。\n\n ![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002Fe681fdeaae6d7dd2f5df04633b0350bd685.jpg)\n\n图片(html文档)在文件在下一级目录里。文件夹名称**\u002F**图片(html)名称\n\n ![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002Fb31e929756a65534f15261a2018e39275fb.jpg)\n\n图片(html)在文件的上一级目录里,**.. \u002F**图片(html)名称\n\n ![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F37a7643fc191d2aabc1eca9d8ad337a71b0.jpg)\n\n图片在文件的上一级的其他目录里,..\u002F文件夹名称\u002F图片名称\n\n ![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002Fd68a3da7df641e6c7d23136b23520e945b2.jpg)\n\n²  绝对路径\n\n![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F17a8ef473e216ab3f60e95ec0ee76068d98.jpg)\n\n![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F444502295780251fad721e34fff11b38637.jpg)\n\n**5****、图片元素**\n\n\u003Cimg src=\"当前引入图片的路径\"  alt=\" text文本\"  width=\"图片宽度\"  height=\"图片高度\" \u003E\n\n                           图片元素的加载原理\n\n![](https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F6e6ca5c2b691df7c73dd417b2f1b42faddb.jpg)",html:"\u003Cp\u003E\u003Cstrong\u003E1、HTML有关概念\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E全称: Hyper Text Markup Language(超文本标记语言) 其文件扩展名为“.html”或“.htm”\u003C\u002Fp\u003E\n\u003Cp\u003E     * 超文本 - 在普通的文本基础上,添加超链接、图片、音频或视频等\u003C\u002Fp\u003E\n\u003Cp\u003E     * 标记 - 标记就是HTML中的标签(元素),特点:\u003Ca\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E* 语言 - 目前目标所能识别的\u003C\u002Fp\u003E\n\u003Cp\u003E版本: HTML 4.01 <4.01与4.0不是一个版本>; HTML 5; XHTML:严格版本的HTML\u003C\u002Fp\u003E\n\u003Cul\u003E\n\u003Cli\u003EØ 基本结构:\u003C\u002Fli\u003E\n\u003C\u002Ful\u003E\n\u003Cp\u003E \u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F923a190faa12d51602567c481d7029212aa.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E 附:\u003C!doctype html\u003E: 申明版本,则浏览器可以预先知道文档类型,从而正确显示网页内容\u003C\u002Fp\u003E\n\u003Cmeta charset=\"UTF-8\"\u003E : 设置编码格式\n\n\u003Cp\u003Emeta标签提供了元数据(不显示在页面上,但会被浏览器解析)。\u003C\u002Fp\u003E\n\u003Cp\u003Emeta元素常用于指定网页的描述、关键词、文件的最后修改时间、作者、和其他元数据。元数据可使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。\u003C\u002Fp\u003E\n\u003Cp\u003Eeg:为搜索引擎定义关键词、为网页定义内容、为网页定义作者….\u003C\u002Fp\u003E\n\u003Cmeta name=\"keywords\" content=\"HTML, CSS, XML, XHTML, JavaScript\"\u003E\n\n\u003Cmeta name=\"description\" content=\"Free Web tutorials on HTML and CSS\"\u003E\n\n\u003Cmeta name=\"author\" content=\"King\"\u003E\n\n\u003Cul\u003E\n\u003Cli\u003EØ 元素\u003C\u002Fli\u003E\n\u003C\u002Ful\u003E\n\u003Cp\u003E空元素 - 只有开始标签,没有结束标签;\u003C\u002Fp\u003E\n\u003Cp\u003E起始元素 - 具有开始标签和结束标签 -----成对出现\u003C\u002Fp\u003E\n\u003Cp\u003E注: 元素名(大小写均可)- W3C预定义,建议使用小写\u003C\u002Fp\u003E\n\u003Cul\u003E\n\u003Cli\u003EØ 属性\u003C\u002Fli\u003E\n\u003C\u002Ful\u003E\n\u003Cp\u003E作用:定义当前元素的信息            格式:属性名="属性值"  \u003C\u002Fp\u003E\n\u003Cp\u003E(a.属性必须定义在开始标签中   b.同一个元素具有多个属性)\u003C\u002Fp\u003E\n\u003Cp\u003Ei   通用属性 - 几乎所有的HTML元素都具有的属性\u003C\u002Fp\u003E\n\u003Cp\u003E  id: 表示当前元素的标识(唯一的)        name: 表示当前元素的名称\u003C\u002Fp\u003E\n\u003Cp\u003E  style: 表示定义CSS样式              class: 表示定义CSS样式\u003C\u002Fp\u003E\n\u003Cp\u003Ei 私有属性 - 某个元素独有的属性\u003C\u002Fp\u003E\n\u003Cul\u003E\n\u003Cli\u003EØ 注释\u003C\u002Fli\u003E\n\u003C\u002Ful\u003E\n\u003Cp\u003E作用:解释当前的元素的作用          特点:不会显示在浏览器的页面中\u003C\u002Fp\u003E\n\u003Cp\u003E  格式:\u003C!-- 注释内容 --\u003E               快捷键:CTRL + ?\u003C\u002Fp\u003E\n\u003Cp\u003E\u003Cstrong\u003E2、HTML****常见元素\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\n\u003Cp\u003Eü  标题 \u003Cstrong\u003E\u003Ch1\u003E ~ \u003Ch6\u003E\u003C\u002Fstrong\u003E (常用的\u003Ch1\u003E ~ \u003Ch3\u003E,尤其是\u003Ch1\u003E)\u003C\u002Fp\u003E\n\u003Cp\u003E       \u003Ch1\u003E:用于搜索引擎抓取HTML页面\u003C\u002Fp\u003E\n\u003Cp\u003E搜索引擎抓取HTML内容时,优先级:\u003C\u002Fp\u003E\n\u003Cp\u003E      \u003Ctitle\u003E元素中的内容 \u003Cstrong\u003E大于\u003C\u002Fstrong\u003E \u003Cmeta name=\"keywords\" content=\"\"\u003E\u003Cstrong\u003E大于\u003C\u002Fstrong\u003E\u003Ch1\u003E元素\u003C\u002Fp\u003E\n\u003Cp\u003Eü  段落 \u003Cstrong\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003C\u002Fstrong\u003E   \u003C\u002Fp\u003E\n\u003Cp\u003E特点:自动换行,行间距比较大\u003C\u002Fp\u003E\n\u003Cp\u003Eeg:  \u003Cp\u003E \u003C\u002Fp\u003E  \u003Cp\u003E\u003C\u002Fp\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E   或  \u003Cp\u003E \u003C\u002Fp\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E\u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F40207e7c3b9d888885ca02197df7523bda1.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E \u003C\u002Fp\u003E\n\n\u003Cp\u003Eeg: \u003Cp\u003E \u003Cbr\u003E \u003C\u002Fp\u003E \u003C\u002Fp\u003E\n\u003Cp\u003E \u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F4265853b94f399f002a06b873c22ea13fca.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n\u003Cp\u003Eü  \u003Cstrong\u003E\u003Chr\u003E\u003C\u002Fstrong\u003E - 水平线       \u003C\u002Fp\u003E\n\u003Cp\u003Eü  \u003Cstrong\u003E\u003Cbr\u003E\u003C\u002Fstrong\u003E - 换行      [快捷键 - 标签名 + TAB]\u003C\u002Fp\u003E\n\u003Cp\u003E\u003Cstrong\u003E3****、列表\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E(1)有序列表      (2)无序列表        (3)定义列表\u003C\u002Fp\u003E\n\u003Cp\u003E      \u003Col\u003E             \u003Cul\u003E              \u003Cdl\u003E         - 表示定义列表\u003C\u002Fp\u003E\n\u003Cp\u003E         \u003Cli\u003E\u003C\u002Fli\u003E         \u003Cli\u003E\u003C\u002Fli\u003E          \u003Cdt\u003E\u003C\u002Fdt\u003E   - 表示列表项(列表的标题)\u003C\u002Fp\u003E\n\u003Cp\u003E      \u003C\u002Fol\u003E             \u003C\u002Ful\u003E               \u003Cdd\u003E\u003C\u002Fdd\u003E  - 表示列表项的描述(列表项)\u003C\u002Fp\u003E\n\u003Cp\u003E                                             \u003C\u002Fdl\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E \u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F91fb8f41395545d9ee0c9a927d66d0f3687.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E有序列表 type属性:规定列表类型1、A、a、l、i; start属性:规定起始数字\u003C\u002Fp\u003E\n\u003Cp\u003E快捷键:标签:*数量 + TAB;   alt+鼠标左键\u003C\u002Fp\u003E\n\u003Cp\u003E\u003Cstrong\u003E4****、链接元素\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E   格式:\u003Ca href=\" \"\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E   属性:\u003Ca href=\"当前要跳转到的地址\"\u003E\u003C\u002Fa\u003E     \u003Ca name=\"当前元素的名称\"\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\n\u003Cp\u003Ea链接会自带下划线,若去除下划线,则  a{ text-decoration: none;}\u003C\u002Fp\u003E\n\u003Cp\u003Ehref:去往的路径即跳转的页面(必写属性)\u003C\u002Fp\u003E\n\u003Cp\u003Etitle:提示文本,也就是鼠标放到链接上显示的文字\u003C\u002Fp\u003E\n\u003Cp\u003Etarget = ’_self ’    默认值,在自身页面打开(关闭自身页面,打开链接页面) \u003C\u002Fp\u003E\n\u003Cp\u003Etarget = ’_blank ’  打开新页面 (自身页面不关闭,打开一个新的链接页面)\u003C\u002Fp\u003E\n\u003Cp\u003E作用: 实现页面跳转(默认); 实现回到顶部[锚点(#name)]即指向某固定位置;实现发送邮件\u003C\u002Fp\u003E\n\u003Cp\u003Eeg: \u003Ca name=\"top\"\u003E这是顶端\u003C\u002Fa\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E    \u003Ca href=\"mailto:82328769@qq.com\" \u003E邮箱地址\u003C\u002Fa\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E    \u003Ca href=\"#top\" \u003E回到顶部\u003C\u002Fa\u003E      \u003Ca href=\"#middle\" \u003E回到中间\u003C\u002Fa\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E² 相对路径\u003C\u002Fp\u003E\n\u003Cp\u003E即相对于文件自身出发,就是相对路径。\u003C\u002Fp\u003E\n\u003Cp\u003E文件和图片(html文档)在同一个目录(文件夹) ,直接写文件名。\u003C\u002Fp\u003E\n\u003Cp\u003E \u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002Fe681fdeaae6d7dd2f5df04633b0350bd685.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E图片(html文档)在文件在下一级目录里。文件夹名称**\u002F**图片(html)名称\u003C\u002Fp\u003E\n\u003Cp\u003E \u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002Fb31e929756a65534f15261a2018e39275fb.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E图片(html)在文件的上一级目录里,**.. \u002F**图片(html)名称\u003C\u002Fp\u003E\n\u003Cp\u003E \u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F37a7643fc191d2aabc1eca9d8ad337a71b0.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E图片在文件的上一级的其他目录里,..\u002F文件夹名称\u002F图片名称\u003C\u002Fp\u003E\n\u003Cp\u003E \u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002Fd68a3da7df641e6c7d23136b23520e945b2.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E²  绝对路径\u003C\u002Fp\u003E\n\u003Cp\u003E\u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F17a8ef473e216ab3f60e95ec0ee76068d98.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E\u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F444502295780251fad721e34fff11b38637.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E\u003Cstrong\u003E5****、图片元素\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\n\u003Cp\u003E\u003Cimg src=\"当前引入图片的路径\"  alt=\" text文本\"  width=\"图片宽度\"  height=\"图片高度\" \u003E\u003C\u002Fp\u003E\n\u003Cp\u003E                           图片元素的加载原理\u003C\u002Fp\u003E\n\u003Cp\u003E\u003Cimg src=\"https:\u002F\u002Foscimg.oschina.net\u002Foscnet\u002F6e6ca5c2b691df7c73dd417b2f1b42faddb.jpg\" alt=\"\"\u003E\u003C\u002Fp\u003E\n",tags:"[{\"id\":11389,\"uuid\":\"40551943\",\"name\":\"html语言\",\"icon\":\"\",\"status\":1,\"createTime\":\"2022-09-23T22:41:25.027284+08:00\",\"updateTime\":\"2022-09-23T22:41:25.027284+08:00\"},{\"id\":11134,\"uuid\":\"43321447\",\"name\":\"https\",\"icon\":\"\",\"status\":1,\"createTime\":\"2022-09-23T22:35:28.113309+08:00\",\"updateTime\":\"2022-09-23T22:35:28.113309+08:00\"},{\"id\":12295,\"uuid\":\"72656993\",\"name\":\"meta\",\"icon\":\"\",\"status\":1,\"createTime\":\"2022-09-23T22:58:06.672708+08:00\",\"updateTime\":\"2022-09-23T22:58:06.672708+08:00\"},{\"id\":11357,\"uuid\":\"15044421\",\"name\":\"jpg\",\"icon\":\"\",\"status\":1,\"createTime\":\"2022-09-23T22:41:01.389124+08:00\",\"updateTime\":\"2022-09-23T22:41:01.389124+08:00\"},{\"id\":11120,\"uuid\":\"51380297\",\"name\":\"前端\",\"icon\":\"\",\"status\":1,\"createTime\":\"2022-09-23T22:35:22.489653+08:00\",\"updateTime\":\"2022-09-23T22:35:22.489653+08:00\"},{\"id\":11120,\"uuid\":\"51380297\",\"name\":\"前端\",\"icon\":\"\",\"status\":1,\"createTime\":\"2022-09-23T22:35:22.489653+08:00\",\"updateTime\":\"2022-09-23T22:35:22.489653+08:00\"}]",homeImg:b,createTime:u,updateTime:"1970-01-01T08:00:00+08:00",publishTime:u,readCount:865,favoriteCount:a,zanCount:a,isAuthorBlog:c},otherBlogList:[{uuid:"2026823042",title:"JavPlayer:AI破坏马赛克,大量马赛克破坏版影片流出 "},{uuid:"2766033731",title:"2020年最新可用的磁力搜索引擎&种子搜索网站,持续整理分享 "},{uuid:"9442853740",title:"8个在线接收手机短信验证码的免费网络服务整理 "},{uuid:"2494613557",title:"IDM 激活破解工具 "},{uuid:"1466098846",title:"java.net.ConnectException:Connection timed out:connect 出现连接超时的问题? "}],recommendBlogList:[{uuid:"2802547579",title:"MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1",title2:b,intro:"文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\\mode:sql\\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s",createTime:d,updateTime:d,publishTime:"2021-08-20T13:55:40+08:00",homeImg:"https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fed6c6174f1775f65a3fbe98488391419.png",readCount:4130,zanCount:a,favoriteCount:a,status:a,commentCount:a,profile:v,nicker:v,avatar:"https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fimgs\u002Fcd34cdaab69ede1e2bf28de235151c34.webp",collectionId:a,recommendStatus:a,userStatus:a,auditReason:b},{uuid:"9382788506",title:"皕杰报表之UUID",title2:b,intro:"​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为",createTime:d,updateTime:d,publishTime:"2022-07-08T08:32:23+08:00",homeImg:b,readCount:1148,zanCount:a,favoriteCount:a,status:a,commentCount:a,profile:"34035044",nicker:"helloworld_34035044",avatar:"https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fimgs\u002F0d250ec5492da88592013bbd302402ae.jfif",collectionId:a,recommendStatus:a,userStatus:a,auditReason:b},{uuid:"1863625810",title:"手写Java HashMap源码",title2:b,intro:"HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22",createTime:d,updateTime:d,publishTime:"2024-07-08T22:15:50.892629+08:00",homeImg:b,readCount:1071,zanCount:a,favoriteCount:a,status:a,commentCount:a,profile:"waitrabbit",nicker:"待兔",avatar:"https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fimgs\u002F4f77da7232573922a580077ad6e6e085.jpg",collectionId:a,recommendStatus:a,userStatus:a,auditReason:b},{uuid:"3468005401",title:"2020年前端实用代码段,为你的工作保驾护航",title2:b,intro:"有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: \"OK\",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )",createTime:d,updateTime:d,publishTime:"2021-06-03T22:46:22+08:00",homeImg:"https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fe7130dfd1edf85ccee4a9e73aa0b77dd.jpeg",readCount:2388,zanCount:a,favoriteCount:a,status:a,commentCount:a,profile:w,nicker:w,avatar:"https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fimgs\u002Fd4566ad9edfb956dba92fc21f5e1561f.webp",collectionId:a,recommendStatus:a,userStatus:a,auditReason:b},{uuid:"1764926747",title:"Python之time模块的时间戳、时间字符串格式化与转换 ",title2:b,intro:"Python处理时间和时间戳的内置模块就有time,和datetime两个,本文先说time模块。关于时间戳的几个概念时间戳,根据1970年1月1日00:00:00开始按秒计算的偏移量。时间元组(struct_time),包含9个元素。 time.struct_time(tm_y",createTime:d,updateTime:d,publishTime:"2021-10-11T23:44:56+08:00",homeImg:b,readCount:1257,zanCount:a,favoriteCount:a,status:a,commentCount:a,profile:g,nicker:g,avatar:x,collectionId:a,recommendStatus:a,userStatus:a,auditReason:b},{uuid:"6029686498",title:"mysql设置时区 ",title2:b,intro:"mysql设置时区mysql\\_query(\"SETtime\\_zone'8:00'\")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\\_id)asdevice,CONVERT\\_TZ(FROM\\_UNIXTIME(reg\\_time),'08:00','0",createTime:d,updateTime:d,publishTime:"2021-10-11T12:01:24+08:00",homeImg:b,readCount:1317,zanCount:a,favoriteCount:a,status:a,commentCount:a,profile:e,nicker:e,avatar:h,collectionId:a,recommendStatus:a,userStatus:a,auditReason:b},{uuid:"4384340365",title:"00:Java简单了解 ",title2:b,intro:"浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。",createTime:d,updateTime:d,publishTime:"2021-10-11T08:43:43+08:00",homeImg:b,readCount:1256,zanCount:a,favoriteCount:a,status:a,commentCount:a,profile:e,nicker:e,avatar:h,collectionId:a,recommendStatus:a,userStatus:a,auditReason:b},{uuid:"3395108718",title:"Django中Admin中的一些参数配置 ",title2:b,intro:"设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable",createTime:d,updateTime:d,publishTime:"2021-10-11T16:54:04+08:00",homeImg:b,readCount:1174,zanCount:a,favoriteCount:a,status:a,commentCount:a,profile:g,nicker:g,avatar:x,collectionId:a,recommendStatus:a,userStatus:a,auditReason:b},{uuid:"2102334911",title:"MySQL部分从库上面因为大量的临时表tmp_table造成慢查询 ",title2:b,intro:"背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_",createTime:d,updateTime:d,publishTime:"2021-10-11T11:24:10+08:00",homeImg:b,readCount:1522,zanCount:a,favoriteCount:a,status:a,commentCount:a,profile:e,nicker:e,avatar:h,collectionId:a,recommendStatus:a,userStatus:a,auditReason:b},{uuid:"7920817787",title:"Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除",title2:b,intro:"大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这",createTime:d,updateTime:d,publishTime:"2024-01-18T17:34:27.824977+08:00",homeImg:"https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fimgs\u002Faeaded5a375b9d90ad54a2731b017114.png",readCount:509,zanCount:a,favoriteCount:a,status:a,commentCount:a,profile:"pdcfighting",nicker:"Python进阶者",avatar:"https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fimgs\u002Fff45645a048833b06e967323e7411c91.webp",collectionId:a,recommendStatus:a,userStatus:a,auditReason:b}],userInfo:{profile:e,avatar:h,nicker:e,level:a,job:b,company:b,sex:i,slogan:"最大的安心是自律温柔和爱自己。",blogCount:12157,fansCount:20,zanCount:1653,followed:c,isZaned:c,isFavorited:c,webEnable:a,website:b,websiteDomain:b,wechatQrcode:b,wechatOfficialAccount:b}},currentCateId:b,recommendSpecialList:[],userAndBlogActionInfo:{},isLoading:c,isFinished:c,searchList:[],isLoadingSearch:c,isFinishedSearch:c,recommendLessonList:[],recommendLessonListByBlog:[{id:70,uuid:"0764336109",userId:y,name:"Android进阶之旅-(NDK实战篇之基础知识)",subtitle:"Android进阶之旅-(NDK实战篇),巩固基础知识点",content:b,html:b,price:a,discountAmount:a,status:z,reason:b,level:A,type:i,mark:a,canRefund:a,cover:"https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fimgs\u002Fd8a3c58927fb2019d274382d18fe2e89.png",payCount:26,updatedAt:"2023-08-31T22:47:03.078948+08:00",createdAt:"2023-08-31T16:29:24.960733+08:00",deletedAt:f},{id:73,uuid:"0876290229",userId:y,name:"Android进阶之旅-(NDK实战篇之OpenCV)",subtitle:"Android进阶之旅-(NDK实战篇之OpenCV )",content:b,html:b,price:a,discountAmount:a,status:z,reason:b,level:A,type:i,mark:a,canRefund:a,cover:"https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fimgs\u002Ff07b74871fb5111cb052e25356727aa9.png",payCount:45,updatedAt:"2023-09-06T17:28:35.528252+08:00",createdAt:"2023-09-02T18:34:37.841812+08:00",deletedAt:f}]},special:{mostSpecialCountUserList:[],specialList:[],specialCateList:[],bannerList:[],specialDetail:{},specialDetailList:{},chapterList:[],specialListByCate:[],mySpecialDetail:f,isLoading:c,isFinished:c},tutorial:{bigCateList:[],tutorialData:[],tutorialDetail:{},chapterList:[],tutorialOverview:{}}},serverRendered:t,routePath:"\u002Fp\u002F2864161006",config:{_app:{basePath:"\u002F",assetsPath:"\u002F_nuxt\u002F",cdnURL:f}}}}(0,"",false,"0001-01-01T00:00:00Z","Wesley13",null,"Stella981","https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fimgs\u002F46847d754406b0102dee7a1f54d14f92.jfif",1,"\u002Fmanage\u002FgetCollectionList","\u002Fmanage\u002FgetMyBlogDetail","\u002Fspecial\u002FupdateSection","\u002Fmanage\u002FgetMySectionDetail","\u002Fspecial\u002FsubscribeSpecial","\u002Fspecial\u002FunSubscribeSpecial","\u002Fspecial\u002FmodifySpecial","\u002Ftutorial\u002FgetTutorialList","\u002Ftutorial\u002FgetTutorialDetail","\u002Faccess\u002FmodifyPassword",true,"2021-10-11T10:10:16+08:00","blmius","Jacquelyn38","https:\u002F\u002Fimg-hello-world.oss-cn-beijing.aliyuncs.com\u002Fimgs\u002F1bad3e5246214111b0d7a482fc5beec5.jfif",7689,30,4));</script><script src="/_nuxt/hw.165.js?t=1727528274054" defer></script><script src="/_nuxt/hw.116.js?t=1727528274054" defer></script><script src="/_nuxt/hw.0.js?t=1727528274054" defer></script><script src="/_nuxt/hw.1.js?t=1727528274054" defer></script><script src="/_nuxt/hw.2.js?t=1727528274054" defer></script><script src="/_nuxt/hw.166.js?t=1727528274054" defer></script><script src="/_nuxt/hw.14.js?t=1727528274054" defer></script><script src="/_nuxt/hw.171.js?t=1727528274054" defer></script><script src="/_nuxt/hw.15.js?t=1727528274054" defer></script> </body> </html>