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> <div id="pay-single-box"></div> <div class="ripro_gg_wrap pc"><fieldset><legend>2021服务器优惠</legend><p><strong><span style="color: #ff6600;">阿里云:</span></strong><a href="https://www.aliyun.com/daily-act/ecs/activity_selection?userCode=yl9oi3of" target="_blank" title="阿里云服务器优惠">2核2G5M服务器60元/年、2核4G 200元/年、4核8G服务器365元/年 更多...</a><br> <span style="color: #006eff;">腾讯云:</span><a href="https://cloud.tencent.com/act/cps/redirect?redirect=1077&cps_key=a9dd15029bda048463f3605da38c5b6f&from=console" target="_blank" title="腾讯云服务器优惠">云产品限时秒杀,爆款1核2G云服务器,首年74元 更多...</a></p> <div class="clear"></div></fieldset> </div><div class="article-footer"> <div class="author-box"> <div class="author-image"> <img alt='' data-src='https://www.9502669.com/wp-content/uploads/avatar/avatar-1.jpg' class='lazyload avatar avatar-96 photo gravatar' height='96' width='96' /> </div> <div class="author-info"> <h4 class="author-name"> <a href="javascript:;">runsly</a> <span class="label label-warning"><i class="fa fa-diamond"></i> 钻石</span> </h4> </div> </div> </div> </div> </div> </article> <div class="entry-navigation"> <nav class="article-nav"> <span class="article-nav-prev">上一篇<br><a href="https://www.9502669.com/91703.html" rel="prev">一个不被程序员认为是编程语言的语言——HTML,你怎么看?</a></span> <span class="article-nav-next">下一篇<br><a href="https://www.9502669.com/91715.html" rel="next">JavaScript高手进阶:安全键盘</a></span> </nav> </div> <!-- # 标准网格模式... --> <div class="related-posts-grid"> <h4 class="u-border-title">相关推荐</h4> <div class="row"> <div class="col-6 col-sm-3 col-md-3 mt-10 mb-10"> <article class="post"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/91137.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="50道JavaScript基础面试题(附答案)"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="91137" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <div class="entry-wrapper"> <header class="entry-header"> <h4 class="entry-title"><a href="https://www.9502669.com/91137.html" title="50道JavaScript基础面试题(附答案)" rel="bookmark">50道JavaScript基础面试题(附答案)</a></h4> </header> </div> </article> </div> <div class="col-6 col-sm-3 col-md-3 mt-10 mb-10"> <article class="post"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/91344.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Spring国际认证指南|了解如何使用 AngularJS 检索网页数据"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="91344" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <div class="entry-wrapper"> <header class="entry-header"> <h4 class="entry-title"><a href="https://www.9502669.com/91344.html" title="Spring国际认证指南|了解如何使用 AngularJS 检索网页数据" rel="bookmark">Spring国际认证指南|了解如何使用 AngularJS 检索网页数据</a></h4> </header> </div> </article> </div> <div class="col-6 col-sm-3 col-md-3 mt-10 mb-10"> <article class="post"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/91055.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="给HTML初学者的30条最佳实践"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="91055" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <div class="entry-wrapper"> <header class="entry-header"> <h4 class="entry-title"><a href="https://www.9502669.com/91055.html" title="给HTML初学者的30条最佳实践" rel="bookmark">给HTML初学者的30条最佳实践</a></h4> </header> </div> </article> </div> <div class="col-6 col-sm-3 col-md-3 mt-10 mb-10"> <article class="post"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/92986.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="专访|听Headboy分享他在温彻斯特公学的体验"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="92986" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <div class="entry-wrapper"> <header class="entry-header"> <h4 class="entry-title"><a href="https://www.9502669.com/92986.html" title="专访|听Headboy分享他在温彻斯特公学的体验" rel="bookmark">专访|听Headboy分享他在温彻斯特公学的体验</a></h4> </header> </div> </article> </div> </div> </div> </main> </div> </div> <div class="sidebar-column col-lg-3"> <aside class="widget-area"> <div id="search-2" class="widget widget_search"><form method="get" class="search-form inline" action="https://www.9502669.com/"> <input type="search" class="search-field inline-field" placeholder="输入关键词,回车..." autocomplete="off" value="" name="s" required="required"> <button type="submit" class="search-submit"><i class="mdi mdi-magnify"></i></button> </form></div><div id="cao_widget_post-2" class="widget cao-widget-posts"><h5 class="widget-title">最新动态</h5><div class="posts"><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/93094.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://src.9502669.com/wp-content/uploads/2022/05/1653346921-f678c8c3e43562f.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="前端开发者的必备好书:CSS世界三部曲,你都知道吗?"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="93094" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/93094.html" rel="bookmark" title="前端开发者的必备好书:CSS世界三部曲,你都知道吗?">前端开发者的必备好书:CSS世界三部曲,你都知道吗?</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/93074.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://src.9502669.com/wp-content/uploads/2022/05/1653346836-96fac28d490b22a.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="这些CSS提效技巧,你需要知道"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="93074" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/93074.html" rel="bookmark" title="这些CSS提效技巧,你需要知道">这些CSS提效技巧,你需要知道</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/93072.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="前端新手看过来,教你从零CSS做漂亮网页,这样学习太有成就感了"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="93072" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/93072.html" rel="bookmark" title="前端新手看过来,教你从零CSS做漂亮网页,这样学习太有成就感了">前端新手看过来,教你从零CSS做漂亮网页,这样学习太有成就感了</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/93069.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://src.9502669.com/wp-content/uploads/2022/05/1653179172-74bbc39a97fa9e6.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="web前端开发初学者如何科学的快速学会CSS?"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="93069" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/93069.html" rel="bookmark" title="web前端开发初学者如何科学的快速学会CSS?">web前端开发初学者如何科学的快速学会CSS?</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/93066.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://src.9502669.com/wp-content/uploads/2022/05/1653179094-ef2def3dd1457b9.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="一个深色模式的简单CSS技巧"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="93066" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/93066.html" rel="bookmark" title="一个深色模式的简单CSS技巧">一个深色模式的简单CSS技巧</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/93063.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://src.9502669.com/wp-content/uploads/2022/05/1653179015-7287dbb61533ba8.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="CSS是什么?这一篇全解,绝对有你想要的"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="93063" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/93063.html" rel="bookmark" title="CSS是什么?这一篇全解,绝对有你想要的">CSS是什么?这一篇全解,绝对有你想要的</a></div></div></div><div id="tag_cloud-2" 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 (368个项目)">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.643564356436pt;" aria-label="技术总结 (105个项目)">技术总结</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.643564356436pt;" aria-label="技术笔记 (105个项目)">技术笔记</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.3465346534653pt;" aria-label="疑难解答 (25个项目)">疑难解答</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></aside> </div> </div> </div> </div><!-- end sitecoent --> <footer class="site-footer"> <div class="container"> <div class="footer-widget"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-3 widget--about"> <div class="widget--content"> <div class="footer--logo mb-20"> <img class="tap-logo" src="/wp-content/uploads/2020/05/1588479904-ec4a4c7bdaac2a6.png" data-dark="/wp-content/uploads/2020/05/1588479904-ec4a4c7bdaac2a6.png" alt="美工之家"> </div> <p class="mb-10">加入美工之家发布作品/付费下载/余额管理/积分换码,大家一起技术交流,共同进步。美工素材基地9502669.com</p> </div> </div> <!-- .col-md-2 end --> <div class="col-xs-12 col-sm-3 col-md-2 col-md-offset-1 widget--links"> <div class="widget--title"> <h5>本站导航</h5> </div> <div class="widget--content"> <ul class="list-unstyled mb-0"> <li><a href="https://www.9502669.com/jingpin">精品资源</a></li><li><a href="https://www.9502669.com/sucai">美工素材</a></li><li><a href="https://www.9502669.com/zuopin">个人作品</a></li> </ul> </div> </div> <!-- .col-md-2 end --> <div class="col-xs-12 col-sm-3 col-md-2 widget--links"> <div class="widget--title"> <h5>友情链接</h5> </div> <div class="widget--content"> <ul class="list-unstyled mb-0"> <li><a href="https://www.99zt.cn/">高端源码</a></li><li><a href="https://www.52fw.cn">免费范文</a></li><li><a href="https://www.443.net.cn">免费外链</a></li> </ul> </div> </div> <!-- .col-md-2 end --> <div class="col-xs-12 col-sm-12 col-md-4 widget--newsletter"> <div class="widget--title"> <h5>快速搜索</h5> </div> <div class="widget--content"> <form class="newsletter--form mb-30" action="https://www.9502669.com/" method="get"> <input type="text" class="form-control" name="s" placeholder="关键词"> <button type="submit"><i class="fa fa-arrow-right"></i></button> </form> <h6>美工之家-美工素材交流分享首选平台,设计师互相学习区。</h6> </div> </div> </div> </div> <div class="site-info"> © 2020 9502669.com All rights reserved. <a href="https://www.9502669.com/">美工之家</a> 版权所有 <a href="https://beian.miit.gov.cn" target="_blank" class="text" rel="noreferrer nofollow"> 鲁ICP备18023744号-2</a> <br> </div> </div> </footer> <div class="rollbar"> <div class="rollbar-item tap-dark" etap="tap-dark" title="夜间模式"><i class="mdi mdi-brightness-4"></i></div> <div class="rollbar-item tap-click-qiandao"><a class="click-qiandao" title="签到" href="javascript:;"><i class="fa fa-calendar-check-o"></i></a></div> <div class="rollbar-item tap-pencil"><a target="_blank" title="投稿赚钱" href="https://www.9502669.com/wp-admin/post-new.php"><i class="fa fa-pencil"></i></a></div> <div class="rollbar-item tap-qq" etap="tap-qq"><a target="_blank" title="QQ咨询" href="http://wpa.qq.com/msgrd?v=3&uin=9502669&site=qq&menu=yes"><i class="fa fa-qq"></i></a></div> <div class="rollbar-item tap-blog-style" etap="tap-blog-style" data-id="0" title="博客模式"><i class="fa fa-list"></i></div> <div class="rollbar-item" etap="to_full" title="全屏页面"><i class="fa fa-arrows-alt"></i></div> <div class="rollbar-item" etap="to_top" title="返回顶部"><i class="fa fa-angle-up"></i></div> </div> <div class="dimmer"></div> <div id="popup-signup" class="popup-signup fade" style="display: none;"> <div class="register-login-modal" role="document"> <div class="modal-content"> <div class="modal-body"> <img class="popup-logo" src="https://src.9502669.com/wp-content/uploads/2021/07/1626753463-96d6f2e7e1f705a.png" data-dark="https://src.9502669.com/wp-content/uploads/2021/07/1626753463-96d6f2e7e1f705a.png" alt="美工之家"> <!-- Nav tabs --> <ul class="nav nav-tabs"> <li class="active"><a href="#login" data-toggle="login">登录</a> </li> <li><a href="#signup" data-toggle="signup">注册</a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane fade in active" id="login"> <div class="signup-form-container text-center"> <form class="mb-0"> <div class="open-oauth text-center"><a href="https://www.9502669.com/oauth/qq?rurl=https://www.9502669.com/91710.html" class="btn btn-qq"><i class="fa fa-qq"></i></a></div><div class="or-text"><span>or</span></div> <a href="#" class="forget-password">仅开放社交账号登录</a> </form> <!-- form end --> </div> <!-- .signup-form end --> </div> <div class="tab-pane fade in" id="signup"> <form class="mb-0"> <div class="open-oauth text-center"><a href="https://www.9502669.com/oauth/qq?rurl=https://www.9502669.com/91710.html" class="btn btn-qq"><i class="fa fa-qq"></i></a></div><div class="or-text"><span>or</span></div> <a href="#" class="forget-password">仅开放社交账号注册</a> </form> <!-- form end --> </div> </div> <a target="_blank" href="https://www.9502669.com/wp-login.php?action=lostpassword" class="rest-password">忘记密码?</a> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <!-- /.modal --> </div> <div class="off-canvas"> <div class="canvas-close"><i class="mdi mdi-close"></i></div> <div class="logo-wrapper"> <a href="https://www.9502669.com/"> <img class="logo regular" src="https://src.9502669.com/wp-content/uploads/2021/07/1626753463-96d6f2e7e1f705a.png" alt="美工之家"> </a> </div> <div class="mobile-menu hidden-lg hidden-xl"></div> <aside class="widget-area"> </aside> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e3e432e6b34baedf97226f570ecbb67"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type='text/javascript' src='https://www.9502669.com/wp-content/themes/ripro/assets/js/plugins.js?ver=8.9.0' id='plugins-js'></script> <script type='text/javascript' id='app-js-extra'> /* <![CDATA[ */ var caozhuti = {"site_name":"\u7f8e\u5de5\u4e4b\u5bb6","home_url":"https:\/\/www.9502669.com","ajaxurl":"https:\/\/www.9502669.com\/wp-admin\/admin-ajax.php","is_singular":"1","tencent_captcha":{"is":"","appid":""},"infinite_load":"\u52a0\u8f7d\u66f4\u591a","infinite_loading":"<i class=\"fa fa-spinner fa-spin\"><\/i> \u52a0\u8f7d\u4e2d...","site_notice":{"is":"0","color":"#1e73be","html":"<div class=\"notify-content\"><h3>\u7f8e\u5de5\u4e4b\u5bb6\u6700\u65b0\u516c\u544a<\/h3><div>\u7f8e\u5de5\u3001\u8bbe\u8ba1\u5e08\u805a\u96c6\u5730\u3002\u8d44\u6e90\u4ea4\u6362\uff0c\u53d1\u5e03\u81ea\u5df1\u7684\u6536\u85cf\u6362\u53d6\u4ed6\u4eba\u7684\u6536\u85cf\uff0c\u540c\u65f6\u5356\u51fa\u53ef\u4ee5\u6d3b\u52a8\u6536\u5165\u54e6\uff01QQ\u4e00\u952e\u767b\u5f55\uff0c\u5feb\u6765\u5c1d\u8bd5 \u4e00\u4e0b\u5427<\/div><\/div>"},"pay_type_html":{"html":"<div class=\"pay-button-box\"><div class=\"pay-item\" id=\"alipay\" data-type=\"6\"><i class=\"alipay\"><\/i><span>\u652f\u4ed8\u5b9d<\/span><\/div><\/div><p style=\"font-size: 13px; padding: 0; margin: 0;\">\u5f53\u524d\u4e3a\u6e38\u5ba2\u8d2d\u4e70\u6a21\u5f0f<\/p>","alipay":6,"weixinpay":0}}; /* ]]> */ </script> <script type='text/javascript' src='https://www.9502669.com/wp-content/themes/ripro/assets/js/app.js?ver=8.9.0' id='app-js'></script> <script type='text/javascript' src='https://www.9502669.com/wp-content/themes/ripro/assets/js/plugins/jquery.fancybox.min.js?ver=8.9.0' id='fancybox-js'></script> <script type='text/javascript' src='https://www.9502669.com/wp-includes/js/comment-reply.min.js?ver=5.7.6' id='comment-reply-js'></script> <script type='text/javascript' id='QAPress-js-js-extra'> /* <![CDATA[ */ var QAPress_js = {"ajaxurl":"https:\/\/www.9502669.com\/wp-admin\/admin-ajax.php","ajaxloading":"https:\/\/www.9502669.com\/wp-content\/plugins\/QAPress\/images\/loading.gif"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.9502669.com/wp-content/plugins/QAPress/js/scripts.min.js?ver=2.3.1' id='QAPress-js-js'></script> </body> </html>