01什么是HTML

HTML是Hyper Text Markup Language的缩写,中文的意思是“超文本标记语言”,它是制作网页的标准语言。由于网页中不仅包含普通文本,还包含超文本,故被称作超文本描述语言。

那什么是超文本呢?所谓超文本,就是指图像、视频、动画、声音、表格、链接等多媒体的内容。

HTML是网页的基本描述语言,由Tim Berners-Lee在1990年提出,其目的是方便地把一台电脑中的文本或图形,与另一台电脑中的文本或图形联系在一体,形成一个有机的整体,让人们不必考虑这些信息是在当前的电脑上,还是在网络上的其他电脑上。

HTML 不是一种编程语言,而是一种描述性的标记语言 (markup language),它使用标签来描述网页,负责将网页内容进行格式化,使内容更具逻辑性。

HTML文档不需要编译,直接由浏览器解释执行,浏览器(IE、FireFox、Chrome、Opera、Safari、UC等)软件知道HTML的语法,知道如何解释HTML文档。目前互联网上的绝大部分网页,都是使用HTML编写的。

02HTML发展史

HTML经历了HTML 2.0、HTML 3.2、HTML 4.0、HTML 4.01、HTML5,共5个版本。最新版本HTML 5于2014年10月28日成为W3C推荐标准。

HTML 2.0于1995年11月作为RFC 1866发布,成为第一个正式规范。成为正式规范的目的是为了与当时的各种HTML标准区分开来,故使用2.0作为其版本号。HTML 2.0在RFC 2854于2000年6月发布之后被宣布已经过时。

HTML3.0规范是由当时刚成立的W3C于1995年3月提出,提供了很多新的特性,如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,在草案于1995年9月过期时,标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出,而下一个被提出的版本是开发代号为Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。HTML 3.2于1997年1月14日成为W3C推荐标准。

HTML 4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始“清理”这个标准,把一些元素和属性标记为过时,建议不再使用它们。HTML的未来和CSS结合会更好。HTML 4.0于1997年12月18日成为W3C推荐标准。

HTML 4.01于1999年12月24日成为W3C推荐标准。只是对HTML 4.0的一些微小改进。

HTML 5草案的前身名为Web Applications 1.0。于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案发布。HTML 5于2014年10月28日正式成为W3C推荐标准。

03HTML初体验

学习任何一种语言,首先从编写一个简单程序,来对该语言有个初步认识,以增加学习的乐趣和信心。学习HTML语言也不例外。

HTML文件是纯文本文件,因此,创建网页并不需要特殊的工具。你可以使用任何文本编辑器,如记事本、写字板、UltraEdit32、EditPlus、NotePad 等等。你也可以使用一些专业的所见即所得的 HTML 编辑器,如Dreamweaver等,这完全取决于你的个人喜好。

不过,对于初学者,笔者强烈建议不要借助任何工具,而是使用纯文本编辑器来手工编写HTML代码,这对初学者尤其有帮助。笔者就一直使用 EditPlus 和 NotePad 来编写 HTML代码,从不使用任何所见即所得的 HTML 编辑器。

现在,让我们使用Windows自带的记事本,来尝试制作第一个网页。读者先不必急于了解每一个标签的含义,只需有一个感性认识即可。请按以下步骤执行:

1)在Windows系统中,点击开始 → 所有程序 → 附件 → 记事本,打开记事本。如图 11 所示:

图 11 记事本

2)在记事本中输入以下代码。

Hello world!

您好,欢迎来到HTML世界!

3)点击菜单栏中的 文件 → 保存 命令,或直接在键盘上按Ctrl s,来保存文件。

保存文件时,保存类型选择“所有文件”; 编码,可以使用默认值,建议选UTF-8;文件名可以是任何你喜欢的名字,如hello.html;再选择保存位置,本例保存在 E:/HTML 目录。如图 12 所示:

图 12 保存文件

HTML文件最常用的后缀名是 .html,但是像DOS这样的旧操作系统,后缀名被限制为最多3个字符。因此,也可以使用 .htm 的后缀名来保存HTML文件。

4)运行HTML文件

到刚才保存文件的目录下(如,E 盘根目录),找到刚刚保存的 hello.html 文件,双击该文件,操作系统会自动使用默认的浏览器打开该文件。运行结果如图 13 所示:

图 13 hello.html运行结果

从上图可以看出,HTML代码中,标签中的“Hello, world!”会显示在浏览器窗口的标题栏,<body>标签中的“您好,欢迎来到HTML世界!”会显示在浏览器窗口的正文中。</span></p> </div> <div id="2627add2-8c94-49d0-bd84-8eeae1971b5c" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="9797f1de-d69d-4fe9-b574-42ec58b654ea" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="fc49e0fc-2ba1-4393-9fd5-9b3ed7f1edaa" style="font-size:18px;margin:20px 0px;text-align:left;">举报/反馈</span></div> </div> <p></body></html></p> <div class="entry-copyright"> <i class="fas fa-info-circle me-1"></i>声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。</div> </article> <div class="entry-social"> <div class="row mt-2 mt-lg-3"> <div class="col"> <a class="share-author" href="https://www.9502669.com/author/0802231394e251be"> <div class="avatar me-1"><img class="avatar-img rounded-circle border border-white border-3 shadow" src="//www.9502669.com/wp-content/uploads/avatar/avatar-1.jpg" alt=""> </div>runsly </a> </div> <div class="col-auto"> <a class="btn btn-sm btn-info-soft post-share-btn" href="javascript:void(0);"><i class="fas fa-share-alt me-1"></i>分享</a> <a class="btn btn-sm btn-success-soft post-fav-btn" href="javascript:void(0);" data-is="1"><i class="far fa-star me-1"></i></i>收藏</a> <a class="btn btn-sm btn-danger-soft post-like-btn" href="javascript:void(0);" data-text="已点赞"><i class="far fa-heart me-1"></i>点赞(<span class="count">0</span>)</a> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-faq" role="tabpanel" aria-labelledby="pills-faq-tab"> <ol class="list-group list-group-numbered"> <li class="list-group-item list-group-item-info d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto"> <div class="fw-bold">免费下载或者VIP会员资源能否直接商用?</div> <div class="text-muted">本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。</div> </div> </li> <li class="list-group-item list-group-item-info d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto"> <div class="fw-bold">提示下载完但解压或打开不了?</div> <div class="text-muted">最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。</div> </div> </li> <li class="list-group-item list-group-item-info d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto"> <div class="fw-bold">找不到素材资源介绍文章里的示例图片?</div> <div class="text-muted">对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。</div> </div> </li> <li class="list-group-item list-group-item-info d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto"> <div class="fw-bold">付款后无法显示下载地址或者无法查看内容?</div> <div class="text-muted">如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理</div> </div> </li> <li class="list-group-item list-group-item-info d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto"> <div class="fw-bold">购买该资源后,可以退款吗?</div> <div class="text-muted">源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源</div> </div> </li> </ol> </div> </div> </div> <div class="entry-navigation"> <div class="row g-3"> <div class="col-lg-6 col-12"> <a class="entry-page-prev" href="https://www.9502669.com/91703.html" title="一个不被程序员认为是编程语言的语言——HTML,你怎么看?"> <div class="entry-page-icon"><i class="fas fa-arrow-left"></i></div> <div class="entry-page-info"> <span class="d-block rnav">上一篇</span> <div class="title">一个不被程序员认为是编程语言的语言——HTML,你怎么看?</div> </div> </a> </div> <div class="col-lg-6 col-12"> <a class="entry-page-next" href="https://www.9502669.com/91715.html" title="JavaScript高手进阶:安全键盘"> <div class="entry-page-info"> <span class="d-block rnav">下一篇</span> <div class="title">JavaScript高手进阶:安全键盘</div> </div> <div class="entry-page-icon"><i class="fas fa-arrow-right"></i></div> </a> </div> </div> </div> <div class="related-posts"> <h2 class="related-posts-title"><i class="fab fa-hive me-1"></i>相关文章</h2> <div class="row g-2 g-md-3 row-cols-2 row-cols-md-3 row-cols-lg-4"> <div class="col"> <article class="post-item item-grid"> <div class="tips-badge position-absolute top-0 start-0 z-1 m-2"> </div> <div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.9502669.com/92345.html" title="HTML基础知识(三) HTML标签知识" data-bg="https://www.9502669.com/wp-content/uploads/2022/04/1650580440-0bcc568e00041a9-150x150.png"> <!-- 音视频缩略图 --> </a> </div> <div class="entry-wrapper"> <div class="entry-cat-dot"><a href="https://www.9502669.com/css%e7%9f%a5%e8%af%86">css知识</a></div> <h2 class="entry-title"> <a target="" href="https://www.9502669.com/92345.html" title="HTML基础知识(三) HTML标签知识">HTML基础知识(三) HTML标签知识</a> </h2> <div class="entry-desc">一、标签理解 1.HTML标签由尖括号包围关键词。通常是成对出现的,称为双标签。...</div> <div class="entry-meta"> <span class="meta-date"><i class="far fa-clock me-1"></i><time class="pub-date" datetime="2022-04-22T06:34:00+08:00">3 年前</time></span> <span class="meta-likes d-none d-md-inline-block"><i class="far fa-heart me-1"></i>0</span> <span class="meta-fav d-none d-md-inline-block"><i class="far fa-star me-1"></i>0</span> <span class="meta-views"><i class="far fa-eye me-1"></i>27</span> </div> </div> </article> </div> <div class="col"> <article class="post-item item-grid"> <div class="tips-badge position-absolute top-0 start-0 z-1 m-2"> </div> <div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.9502669.com/91888.html" title="JavaScript系列之-一步一步带你掌握JavaScript" data-bg="https://www.9502669.com/wp-content/uploads/2022/04/1650359375-db4138bcfd0ff3b-150x150.jpg"> <!-- 音视频缩略图 --> </a> </div> <div class="entry-wrapper"> <div class="entry-cat-dot"><a href="https://www.9502669.com/css%e7%9f%a5%e8%af%86">css知识</a></div> <h2 class="entry-title"> <a target="" href="https://www.9502669.com/91888.html" title="JavaScript系列之-一步一步带你掌握JavaScript">JavaScript系列之-一步一步带你掌握JavaScript</a> </h2> <div class="entry-desc">课程简介: 课程目标:学习完本课程,可以熟练掌握JavaScript的核心语法,...</div> <div class="entry-meta"> <span class="meta-date"><i class="far fa-clock me-1"></i><time class="pub-date" datetime="2022-04-19T17:09:34+08:00">3 年前</time></span> <span class="meta-likes d-none d-md-inline-block"><i class="far fa-heart me-1"></i>0</span> <span class="meta-fav d-none d-md-inline-block"><i class="far fa-star me-1"></i>0</span> <span class="meta-views"><i class="far fa-eye me-1"></i>12</span> </div> </div> </article> </div> <div class="col"> <article class="post-item item-grid"> <div class="tips-badge position-absolute top-0 start-0 z-1 m-2"> </div> <div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.9502669.com/91135.html" title="如何使用HTML向你的网站添加脚本" data-bg="https://p9.itc.cn/q_70/images03/20211111/1cad784df4e74eeeaa7b03f4285a2d4c.jpeg"> <!-- 音视频缩略图 --> </a> </div> <div class="entry-wrapper"> <div class="entry-cat-dot"><a href="https://www.9502669.com/css%e7%9f%a5%e8%af%86">css知识</a></div> <h2 class="entry-title"> <a target="" href="https://www.9502669.com/91135.html" title="如何使用HTML向你的网站添加脚本">如何使用HTML向你的网站添加脚本</a> </h2> <div class="entry-desc">原标题:如何使用HTML向你的网站添加脚本 这篇文章将介绍如何向你的网站添加脚本...</div> <div class="entry-meta"> <span class="meta-date"><i class="far fa-clock me-1"></i><time class="pub-date" datetime="2022-04-15T09:12:42+08:00">3 年前</time></span> <span class="meta-likes d-none d-md-inline-block"><i class="far fa-heart me-1"></i>0</span> <span class="meta-fav d-none d-md-inline-block"><i class="far fa-star me-1"></i>0</span> <span class="meta-views"><i class="far fa-eye me-1"></i>14</span> </div> </div> </article> </div> <div class="col"> <article class="post-item item-grid"> <div class="tips-badge position-absolute top-0 start-0 z-1 m-2"> </div> <div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.9502669.com/92650.html" title="【续写春天的故事走进经济特区国家级新区】赣江新区:六大产业助推中部崛起绿色发展打造江西样板先行区" data-bg="https://www.9502669.com/wp-content/themes/ripro-v5/assets/img/thumb.jpg"> <!-- 音视频缩略图 --> </a> </div> <div class="entry-wrapper"> <div class="entry-cat-dot"><a href="https://www.9502669.com/css%e7%9f%a5%e8%af%86">css知识</a></div> <h2 class="entry-title"> <a target="" href="https://www.9502669.com/92650.html" title="【续写春天的故事走进经济特区国家级新区】赣江新区:六大产业助推中部崛起绿色发展打造江西样板先行区">【续写春天的故事走进经济特区国家级新区】赣江新区:六大产业助推中部崛起绿色发展打造江西样板先行区</a> </h2> <div class="entry-desc">undefined</div> <div class="entry-meta"> <span class="meta-date"><i class="far fa-clock me-1"></i><time class="pub-date" datetime="2022-04-28T10:50:26+08:00">3 年前</time></span> <span class="meta-likes d-none d-md-inline-block"><i class="far fa-heart me-1"></i>0</span> <span class="meta-fav d-none d-md-inline-block"><i class="far fa-star me-1"></i>0</span> <span class="meta-views"><i class="far fa-eye me-1"></i>23</span> </div> </div> </article> </div> </div> </div> </div> <div class="sidebar-wrapper col-md-12 col-lg-3 h-100" data-sticky> <div class="sidebar"> <div id="recent-posts-2" class="widget widget_recent_entries"> <h5 class="widget-title">近期文章</h5> <ul> <li> <a href="https://www.9502669.com/93151.html">可灵AI如何为影视行业提出新解法?</a> </li> <li> <a href="https://www.9502669.com/93148.html">反应式数据库驱动R2DBC正式发布1.0</a> </li> <li> <a href="https://www.9502669.com/93146.html">Zabbix利用自定义脚本监控MySQL</a> </li> <li> <a href="https://www.9502669.com/93143.html">迅睿CMS插件 / xunruicms插件</a> </li> <li> <a href="https://www.9502669.com/93141.html">如何正确的购买插件源码或模板源码</a> </li> <li> <a href="https://www.9502669.com/93134.html">crmeb通过用户名和密码注册会员的功能</a> </li> </ul> </div><div id="tag_cloud-7" class="widget widget_tag_cloud"><h5 class="widget-title">标签</h5><div class="tagcloud"><a href="https://www.9502669.com/tag/cms%e7%b3%bb%e7%bb%9f" class="tag-cloud-link tag-link-4616 tag-link-position-1" style="font-size: 13.19801980198pt;" aria-label="cms系统 (128 项)">cms系统</a> <a href="https://www.9502669.com/tag/css" class="tag-cloud-link tag-link-3860 tag-link-position-2" style="font-size: 16.386138613861pt;" aria-label="css (370 项)">css</a> <a href="https://www.9502669.com/tag/css3" class="tag-cloud-link tag-link-3864 tag-link-position-3" style="font-size: 9.5247524752475pt;" aria-label="css3 (37 项)">css3</a> <a href="https://www.9502669.com/tag/html" class="tag-cloud-link tag-link-1390 tag-link-position-4" style="font-size: 15.346534653465pt;" aria-label="HTML (260 项)">HTML</a> <a href="https://www.9502669.com/tag/html5" class="tag-cloud-link tag-link-1072 tag-link-position-5" style="font-size: 9.9405940594059pt;" aria-label="HTML5 (43 项)">HTML5</a> <a href="https://www.9502669.com/tag/it%e6%95%99%e7%a8%8b%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-4445 tag-link-position-6" style="font-size: 22pt;" aria-label="IT教程大全 (2,417 项)">IT教程大全</a> <a href="https://www.9502669.com/tag/it%e9%97%ae%e7%ad%94" class="tag-cloud-link tag-link-4620 tag-link-position-7" style="font-size: 12.29702970297pt;" aria-label="IT问答 (94 项)">IT问答</a> <a href="https://www.9502669.com/tag/java" class="tag-cloud-link tag-link-1017 tag-link-position-8" style="font-size: 11.257425742574pt;" aria-label="java (67 项)">java</a> <a href="https://www.9502669.com/tag/javascript" class="tag-cloud-link tag-link-3854 tag-link-position-9" style="font-size: 16.871287128713pt;" aria-label="JavaScript (439 项)">JavaScript</a> <a href="https://www.9502669.com/tag/jquery" class="tag-cloud-link tag-link-689 tag-link-position-10" style="font-size: 11.950495049505pt;" aria-label="jQuery (84 项)">jQuery</a> <a href="https://www.9502669.com/tag/nodejs" class="tag-cloud-link tag-link-3952 tag-link-position-11" style="font-size: 10.633663366337pt;" aria-label="nodejs (54 项)">nodejs</a> <a href="https://www.9502669.com/tag/ps" class="tag-cloud-link tag-link-1126 tag-link-position-12" style="font-size: 14.584158415842pt;" aria-label="PS (201 项)">PS</a> <a href="https://www.9502669.com/tag/ps%e6%8a%80%e5%b7%a7" class="tag-cloud-link tag-link-1087 tag-link-position-13" style="font-size: 14.722772277228pt;" aria-label="ps技巧 (214 项)">ps技巧</a> <a href="https://www.9502669.com/tag/typecho" class="tag-cloud-link tag-link-4425 tag-link-position-14" style="font-size: 11.742574257426pt;" aria-label="Typecho (79 项)">Typecho</a> <a href="https://www.9502669.com/tag/vue" class="tag-cloud-link tag-link-3950 tag-link-position-15" style="font-size: 8.6930693069307pt;" aria-label="vue (28 项)">vue</a> <a href="https://www.9502669.com/tag/vuejs" class="tag-cloud-link tag-link-3953 tag-link-position-16" style="font-size: 9.5247524752475pt;" aria-label="vuejs (37 项)">vuejs</a> <a href="https://www.9502669.com/tag/web%e5%bc%80%e5%8f%91" class="tag-cloud-link tag-link-89 tag-link-position-17" style="font-size: 12.019801980198pt;" aria-label="Web开发 (87 项)">Web开发</a> <a href="https://www.9502669.com/tag/%e5%88%9b%e6%84%8f%e6%96%87%e6%a1%88" class="tag-cloud-link tag-link-4457 tag-link-position-18" style="font-size: 8.9009900990099pt;" aria-label="创意文案 (30 项)">创意文案</a> <a href="https://www.9502669.com/tag/%e5%9b%be%e6%a1%88%e7%ac%a6%e5%8f%b7%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-1012 tag-link-position-19" style="font-size: 8.9009900990099pt;" aria-label="图案符号大全 (30 项)">图案符号大全</a> <a href="https://www.9502669.com/tag/%e5%ae%89%e5%8d%93" class="tag-cloud-link tag-link-1018 tag-link-position-20" style="font-size: 10.980198019802pt;" aria-label="安卓 (60 项)">安卓</a> <a href="https://www.9502669.com/tag/%e5%b8%9d%e5%9b%bdcms%e6%95%99%e7%a8%8b" class="tag-cloud-link tag-link-662 tag-link-position-21" style="font-size: 13.475247524752pt;" aria-label="帝国cms教程 (140 项)">帝国cms教程</a> <a href="https://www.9502669.com/tag/%e5%bc%80%e5%9c%ba%e7%99%bd" class="tag-cloud-link tag-link-990 tag-link-position-22" style="font-size: 9.3861386138614pt;" aria-label="开场白 (35 项)">开场白</a> <a href="https://www.9502669.com/tag/%e6%8a%80%e6%9c%af%e6%80%bb%e7%bb%93" class="tag-cloud-link tag-link-1231 tag-link-position-23" style="font-size: 12.712871287129pt;" aria-label="技术总结 (108 项)">技术总结</a> <a href="https://www.9502669.com/tag/%e6%8a%80%e6%9c%af%e7%ac%94%e8%ae%b0" class="tag-cloud-link tag-link-1232 tag-link-position-24" style="font-size: 12.712871287129pt;" aria-label="技术笔记 (108 项)">技术笔记</a> <a href="https://www.9502669.com/tag/%e6%95%b0%e5%ad%a6%e7%ac%a6%e5%8f%b7" class="tag-cloud-link tag-link-1008 tag-link-position-25" style="font-size: 8pt;" aria-label="数学符号 (22 项)">数学符号</a> <a href="https://www.9502669.com/tag/%e6%95%b0%e5%ad%a6%e7%ac%a6%e5%8f%b7%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-1009 tag-link-position-26" style="font-size: 8pt;" aria-label="数学符号大全 (22 项)">数学符号大全</a> <a href="https://www.9502669.com/tag/%e6%b7%98%e5%ae%9d%e7%be%8e%e5%b7%a5" class="tag-cloud-link tag-link-960 tag-link-position-27" style="font-size: 9.2475247524752pt;" aria-label="淘宝美工 (34 项)">淘宝美工</a> <a href="https://www.9502669.com/tag/%e6%ba%90%e7%a0%81%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-1145 tag-link-position-28" style="font-size: 11.950495049505pt;" aria-label="源码模板 (84 项)">源码模板</a> <a href="https://www.9502669.com/tag/%e6%bc%94%e8%ae%b2%e5%bc%80%e5%9c%ba%e7%99%bd" class="tag-cloud-link tag-link-991 tag-link-position-29" style="font-size: 9.3861386138614pt;" aria-label="演讲开场白 (35 项)">演讲开场白</a> <a href="https://www.9502669.com/tag/%e7%89%b9%e6%ae%8a%e7%ac%a6%e5%8f%b7" class="tag-cloud-link tag-link-992 tag-link-position-30" style="font-size: 10.079207920792pt;" aria-label="特殊符号 (45 项)">特殊符号</a> <a href="https://www.9502669.com/tag/%e7%96%91%e9%9a%be%e8%a7%a3%e7%ad%94" class="tag-cloud-link tag-link-4508 tag-link-position-31" style="font-size: 8.6237623762376pt;" aria-label="疑难解答 (27 项)">疑难解答</a> <a href="https://www.9502669.com/tag/%e7%9b%b8%e5%85%b3%e6%a0%87%e7%ad%be%ef%bc%9acss" class="tag-cloud-link tag-link-1468 tag-link-position-32" style="font-size: 17.841584158416pt;" aria-label="相关标签:css (595 项)">相关标签:css</a> <a href="https://www.9502669.com/tag/%e7%9b%b8%e5%85%b3%e6%a0%87%e7%ad%be%ef%bc%9ahtml" class="tag-cloud-link tag-link-1522 tag-link-position-33" style="font-size: 15.346534653465pt;" aria-label="相关标签:html (264 项)">相关标签:html</a> <a href="https://www.9502669.com/tag/%e7%9b%b8%e5%85%b3%e6%a0%87%e7%ad%be%ef%bc%9ajavascript" class="tag-cloud-link tag-link-1628 tag-link-position-34" style="font-size: 15.554455445545pt;" aria-label="相关标签:javascript (283 项)">相关标签:javascript</a> <a href="https://www.9502669.com/tag/%e7%9b%b8%e5%85%b3%e6%a0%87%e7%ad%be%ef%bc%9ajquery" class="tag-cloud-link tag-link-1896 tag-link-position-35" style="font-size: 11.465346534653pt;" aria-label="相关标签:jquery (71 项)">相关标签:jquery</a> <a href="https://www.9502669.com/tag/%e7%9b%b8%e5%85%b3%e6%a0%87%e7%ad%be%ef%bc%9ajs" class="tag-cloud-link tag-link-2374 tag-link-position-36" style="font-size: 8.4851485148515pt;" aria-label="相关标签:js (26 项)">相关标签:js</a> <a href="https://www.9502669.com/tag/%e7%9f%a2%e9%87%8f%e5%9b%be" class="tag-cloud-link tag-link-37 tag-link-position-37" style="font-size: 9.1782178217822pt;" aria-label="矢量图 (33 项)">矢量图</a> <a href="https://www.9502669.com/tag/%e7%ac%a6%e5%8f%b7" class="tag-cloud-link tag-link-993 tag-link-position-38" style="font-size: 13.891089108911pt;" aria-label="符号 (162 项)">符号</a> <a href="https://www.9502669.com/tag/%e7%ac%a6%e5%8f%b7%e5%9b%be%e6%a1%88" class="tag-cloud-link tag-link-1011 tag-link-position-39" style="font-size: 8.9009900990099pt;" aria-label="符号图案 (30 项)">符号图案</a> <a href="https://www.9502669.com/tag/%e7%ac%a6%e5%8f%b7%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-986 tag-link-position-40" style="font-size: 10.148514851485pt;" aria-label="符号大全 (46 项)">符号大全</a> <a href="https://www.9502669.com/tag/%e7%bb%87%e6%a2%a6%e6%95%99%e7%a8%8b" class="tag-cloud-link tag-link-560 tag-link-position-41" style="font-size: 13.821782178218pt;" aria-label="织梦教程 (157 项)">织梦教程</a> <a href="https://www.9502669.com/tag/%e7%be%8e%e5%b7%a5%e7%9f%a5%e8%af%86" class="tag-cloud-link tag-link-1118 tag-link-position-42" style="font-size: 9.039603960396pt;" aria-label="美工知识 (31 项)">美工知识</a> <a href="https://www.9502669.com/tag/%e7%be%8e%e5%b7%a5%e8%ae%be%e8%ae%a1" class="tag-cloud-link tag-link-1117 tag-link-position-43" style="font-size: 9.039603960396pt;" aria-label="美工设计 (31 项)">美工设计</a> <a href="https://www.9502669.com/tag/%e8%af%ad%e8%a8%80%e7%ac%a6%e5%8f%b7" class="tag-cloud-link tag-link-1014 tag-link-position-44" style="font-size: 9.039603960396pt;" aria-label="语言符号 (31 项)">语言符号</a> <a href="https://www.9502669.com/tag/%e8%af%ad%e8%a8%80%e7%ac%a6%e5%8f%b7%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-1015 tag-link-position-45" style="font-size: 9.039603960396pt;" aria-label="语言符号大全 (31 项)">语言符号大全</a></div> </div> </div> </div> </div> </div> </main> <!-- **************** MAIN CONTENT END **************** --> <!-- ======================= Footer START --> <footer class="site-footer py-md-4 py-2 mt-2 mt-md-4"> <div class="container"> <div class="row d-none d-lg-flex mb-3"> <div class="col-md-4"> <div class="logo-wrapper"> </div> <div class="logo-wrapper"> <a rel="nofollow noopener noreferrer" href="https://www.9502669.com/"><img class="logo regular" data-light="https://www.9502669.com/wp-content/themes/ripro-v5/assets/img/logo.png" data-dark="https://www.9502669.com/wp-content/themes/ripro-v5/assets/img/logo-dark.png" src="https://www.9502669.com/wp-content/themes/ripro-v5/assets/img/logo.png" alt="学习园地|美工之家"></a></div> <p class="small mb-0">学习园地|美工之家提供学习资料,美工素材、模版插件等优质资源</p> </div> <div class="col-md-2"> <h4 class="widget-title">快速导航</h4> <ul class="list-unstyled widget-links"> <li><a href="https://www.9502669.com/user">个人中心</a></li><li><a href="https://www.9502669.com/tags">标签云</a></li><li><a href="https://www.9502669.com/links">网址导航</a></li> </ul> </div> <div class="col-md-2"> <h4 class="widget-title">关于本站</h4> <ul class="list-unstyled widget-links"> <li><a href="https://www.9502669.com/vip-prices">VIP介绍</a></li><li><a href="https://www.9502669.com/user/ticket">客服咨询</a></li><li><a href="https://www.9502669.com/user/aff">推广计划</a></li> </ul> </div> <div class="col-md-4"> <h4 class="widget-title">联系我们</h4> <div class=""><!--img width="80" height="80" src="https://www.9502669.com/wp-content/themes/ripro-v5/assets/img/ritheme-qr.png" style="float: left;" title="二维码"><img width="80" height="80" src="https://www.9502669.com/wp-content/themes/ripro-v5/assets/img/ritheme-qr.png" style="float: left;" title="二维码">-->微信:dilingdiling123<br>如有BUG或建议可与我们在线联系或登录本站账号进入个人中心提交工单。</div> </div> </div> <div class="text-center small w-100"> <div>Copyright © 2025 <a href="http://www.9502669.com/">美工之家</a> - All rights reserved</div> <div class=""><a href="https://beian.miit.gov.cn" target="_blank" rel="noreferrer nofollow">鲁ICP备18023744号-2</a> - <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=112888848" target="_blank" rel="noreferrer nofollow">鲁公网安备 112888848</a></div> </div> </div> </footer> <!-- ======================= Footer END --> <!-- Back to top rollbar--> <div class="rollbar"> <ul class="actions"> <li><a target="" href="https://www.9502669.com/" rel="nofollow noopener noreferrer"><i class="fas fa-home"></i><span>首页</span></a></li><li><a target="" href="https://www.9502669.com/user" rel="nofollow noopener noreferrer"><i class="far fa-user"></i><span>用户中心</span></a></li><li><a target="" href="https://www.9502669.com/vip-prices" rel="nofollow noopener noreferrer"><i class="fa fa-diamond"></i><span>会员介绍</span></a></li><li><a target="" href="http://wpa.qq.com/msgrd?v=3&uin=6666666&site=qq&menu=yes" rel="nofollow noopener noreferrer"><i class="fab fa-qq"></i><span>QQ客服</span></a></li><li><a target="" href="https://ritheme.com/" rel="nofollow noopener noreferrer"><i class="fab fa-shopware"></i><span>购买主题</span></a></li> </ul> </div> <div class="back-top"><i class="fas fa-caret-up"></i></div> <!-- m-navbar --> <div class="m-navbar"> <ul> <li><a target="" href="https://www.9502669.com" rel="nofollow noopener noreferrer"><i class="fas fa-home"></i><span>首页</span></a></li><li><a target="" href="https://www.9502669.com/tags" rel="nofollow noopener noreferrer"><i class="fas fa-layer-group"></i><span>分类</span></a></li><li><a target="" href="https://www.9502669.com/vip-prices" rel="nofollow noopener noreferrer"><i class="far fa-gem"></i><span>会员</span></a></li><li><a target="" href="https://www.9502669.com/user" rel="nofollow noopener noreferrer"><i class="fas fa-user"></i><span>我的</span></a></li> </ul> </div> <!-- dimmer--> <div class="dimmer"></div> <div class="off-canvas"> <div class="canvas-close"><i class="fas fa-times"></i></div> <!-- logo --> <div class="logo-wrapper"> <a rel="nofollow noopener noreferrer" href="https://www.9502669.com/"><img class="logo regular" data-light="https://www.9502669.com/wp-content/themes/ripro-v5/assets/img/logo.png" data-dark="https://www.9502669.com/wp-content/themes/ripro-v5/assets/img/logo-dark.png" src="https://www.9502669.com/wp-content/themes/ripro-v5/assets/img/logo.png" alt="学习园地|美工之家"></a></div> <div class="mobile-menu d-block d-lg-none"></div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/ripro-v5\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script src="https://www.9502669.com/wp-content/themes/ripro-v5/assets/js/highlight.min.js?ver=11.7.0" id="highlight-js"></script> <script src="https://www.9502669.com/wp-content/themes/ripro-v5/assets/js/vendor.min.js?ver=9.3" id="vendor-js"></script> <script id="main-js-extra"> var zb = {"home_url":"https:\/\/www.9502669.com","ajax_url":"https:\/\/www.9502669.com\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/www.9502669.com\/wp-content\/themes\/ripro-v5","singular_id":"91710","post_content_nav":"0","site_popup_login":"1","site_notify_auto":"0","current_user_id":"0","ajax_nonce":"0837ff84e4","gettext":{"__copypwd":"\u5bc6\u7801\u5df2\u590d\u5236\u526a\u8d34\u677f","__copybtn":"\u590d\u5236","__copy_succes":"\u590d\u5236\u6210\u529f","__comment_be":"\u63d0\u4ea4\u4e2d...","__comment_succes":"\u8bc4\u8bba\u6210\u529f","__comment_succes_n":"\u8bc4\u8bba\u6210\u529f\uff0c\u5373\u5c06\u5237\u65b0\u9875\u9762","__buy_be_n":"\u8bf7\u6c42\u652f\u4ed8\u4e2d\u00b7\u00b7\u00b7","__buy_no_n":"\u652f\u4ed8\u5df2\u53d6\u6d88","__is_delete_n":"\u786e\u5b9a\u5220\u9664\u6b64\u8bb0\u5f55\uff1f"}}; </script> <script src="https://www.9502669.com/wp-content/themes/ripro-v5/assets/js/main.min.js?ver=9.3" id="main-js"></script> <script src="https://www.9502669.com/wp-includes/js/comment-reply.min.js?ver=6.8.2" id="comment-reply-js" async data-wp-strategy="async"></script> <!-- 自定义js代码 统计代码 --> <!-- 自定义js代码 统计代码 END --> </body> </html>