HTML基础知识(三) HTML标签知识

一、标签理解

1.HTML标签由尖括号包围关键词。通常是成对出现的,称为双标签。例如(开始标签)和(结束标签)。有些特殊标签为单个标签,称为单标签。例如

2.标签关系有包含关系和并列关系

3.标签的含义(语义):标签是用来干嘛的。(在适合的地方给一个合理的标签可以使页面结构更清晰)

4.每个网页都会有一个基本的结构标签(也称为骨架标签),HTML页面也称为HTML文档

二、基本结构标签

1.标签是根标签,页面中最大的标签

2.标签是文档的头部,在标签内必须设置标签</p> </div> <div id="ebbce546-4357-42e5-ae58-260100903d2c" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="c7f0b4ee-4b9d-4790-915c-cd99ca119824" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">3.<title>标签是文档的标题,网页的标题</p> </div> <div id="ec7b90ee-be53-4a36-9154-f548e24e037f" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="0ff09a8b-7e99-4d8b-861b-2b3b05607dc3" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">4.<body>标签是文档的主体,文档的所有内容,网页内容</p> </div> <div id="dd48cbe6-d9e5-4cce-9133-f65dd466341e" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="7b17c255-ef53-449f-8d7d-83b3f661896c" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92347" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-63c2efd6d9a3e30.png?x-oss-process=style/p63q90" width="408" height="193" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-63c2efd6d9a3e30.png?x-oss-process=style/p63q90 408w, https://src.9502669.com/wp-content/uploads/2022/04/1650580441-63c2efd6d9a3e30-300x142.png 300w" sizes="(max-width: 408px) 100vw, 408px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92347" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-63c2efd6d9a3e30.png?x-oss-process=style/p63q90" width="408" height="193" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-63c2efd6d9a3e30.png?x-oss-process=style/p63q90 408w, https://src.9502669.com/wp-content/uploads/2022/04/1650580441-63c2efd6d9a3e30-300x142.png 300w" sizes="(max-width: 408px) 100vw, 408px" /></noscript></div> </div> <div id="a6b0289f-c340-4b7f-ba28-1d0c14267b0d" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="4d31e045-884b-4419-b588-e739641242f0" style="font-size:20px;margin:20px 0px;font-weight:700;">三、常见标签</h3> </div> <div id="4c7e31b7-51d0-43c2-8e73-42a231e27d0f" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="e604bee0-bfc1-42ba-9055-ed6508baf350" style="font-size:20px;margin:20px 0px;font-weight:700;">1.标题标签</p> <h1>–</p> <h6>(head的缩写)</h3> </div> <div id="14790f88-136c-4054-8d9b-29f935305b62" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="1461c0ea-7a15-4844-b16b-7df7227931fb" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="a4c5555f-b3df-47d3-8889-053ce827e7a1" style="font-size:18px;margin:20px 0px;text-align:left;">(1) 语义:作为标题使用,并依据重要性递减(2) 特点:a.加了标题标签文字会变粗,字号依次变大 b.一个标题独占一行</span><span id="c1865346-b513-49ee-9775-72748976049d" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="2d736359-5db5-4567-83a4-f2c5abca93bf" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="2047b952-0897-4aaf-bfe2-521f09ffcc87" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92348" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-0648034b70fc635.png?x-oss-process=style/p63q90" width="517" height="148" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-0648034b70fc635.png?x-oss-process=style/p63q90 517w, https://src.9502669.com/wp-content/uploads/2022/04/1650580441-0648034b70fc635-300x86.png 300w" sizes="(max-width: 517px) 100vw, 517px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92348" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-0648034b70fc635.png?x-oss-process=style/p63q90" width="517" height="148" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-0648034b70fc635.png?x-oss-process=style/p63q90 517w, https://src.9502669.com/wp-content/uploads/2022/04/1650580441-0648034b70fc635-300x86.png 300w" sizes="(max-width: 517px) 100vw, 517px" /></noscript></span></span></span><span id="264354d8-a1f5-465f-a4a8-8fbfa1cab243" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="4ca79f70-06ef-410b-ba85-1be61d6209d5" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="143ad2e5-2bd9-4ca7-8b05-1a2568cc1bbd" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92349" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-4947fa2b2e55922.png?x-oss-process=style/p63q90" width="349" height="410" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-4947fa2b2e55922.png?x-oss-process=style/p63q90 349w, https://src.9502669.com/wp-content/uploads/2022/04/1650580441-4947fa2b2e55922-255x300.png 255w" sizes="(max-width: 349px) 100vw, 349px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92349" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-4947fa2b2e55922.png?x-oss-process=style/p63q90" width="349" height="410" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580441-4947fa2b2e55922.png?x-oss-process=style/p63q90 349w, https://src.9502669.com/wp-content/uploads/2022/04/1650580441-4947fa2b2e55922-255x300.png 255w" sizes="(max-width: 349px) 100vw, 349px" /></noscript></span></span></span><span id="dd05f75e-f8ac-49f1-b0e3-c82a4928f3be" style="font-size:18px;margin:20px 0px;text-align:left;"></span></p> </div> <div id="b091be2d-24ba-4e00-8a84-a8ee6e0cd06d" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="750d5204-65aa-4612-a65b-07b1cf636e97" style="font-size:20px;margin:20px 0px;font-weight:700;">2.段落标签</p> <p>(paragraph的缩写)</h3> </div> <div id="e5a4386d-90a4-4b35-93d2-ed98e56d5c7e" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="b023ffb8-6f87-4d4b-8438-19cd7896ab71" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(1) 语义:可以把HTML文档分割为若干段落</p> </div> <div id="b10af6dd-b0e8-4aa0-92a8-fc5956069f9a" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="cf1f8366-257d-4a3a-ac0c-4a9c375a4ca1" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="b38b5034-985a-45a4-9b20-a1791aa7efee" style="font-size:18px;margin:20px 0px;text-align:left;">(2) 特点:a.一个段落根据浏览器窗口的大的自动换行 b.段落之间有大的空隙</span><span id="918a7cfe-685b-4c9c-a1fd-fd4dbcef7e9b" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="1048284f-1a5a-4f49-ba88-929b202f1237" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="9552613d-a1ed-4d65-99a1-9fc0473b9d9c" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92350" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-7afdf2caa4899d7.png?x-oss-process=style/p63q90" width="904" height="289" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-7afdf2caa4899d7.png?x-oss-process=style/p63q90 904w, https://src.9502669.com/wp-content/uploads/2022/04/1650580442-7afdf2caa4899d7-300x96.png 300w, https://src.9502669.com/wp-content/uploads/2022/04/1650580442-7afdf2caa4899d7-768x246.png 768w" sizes="(max-width: 904px) 100vw, 904px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92350" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-7afdf2caa4899d7.png?x-oss-process=style/p63q90" width="904" height="289" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-7afdf2caa4899d7.png?x-oss-process=style/p63q90 904w, https://src.9502669.com/wp-content/uploads/2022/04/1650580442-7afdf2caa4899d7-300x96.png 300w, https://src.9502669.com/wp-content/uploads/2022/04/1650580442-7afdf2caa4899d7-768x246.png 768w" sizes="(max-width: 904px) 100vw, 904px" /></noscript></span></span><span id="658a3856-4f51-4111-8851-ac43d3311c0a" style="font-size:18px;margin:20px 0px;text-align:left;"></span></span></p> </div> <div id="737e16d3-4a42-456b-ac4a-c0c51ae8cdfb" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="2524670d-5ad8-42f8-9def-0e9705c6c7fa" style="font-size:20px;margin:20px 0px;font-weight:700;">3.换行标签<br />(break的缩写)</h3> </div> <div id="a281509b-4abd-4e48-aa1f-9836139f7259" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="83ea3024-4510-4428-96e3-f83aa515fa38" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(1) 语义:强制换行</p> </div> <div id="62548387-8187-4839-8138-f081a81a5e96" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="a52c08c9-8b1e-4981-9847-ce56dc2354f1" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(2) 特点:a.<br />是个单标签 b.<br />只是简单重新开始一行与段落不同</p> </div> <div id="f8adf723-ab13-4f4d-92be-2bf71a296696" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="5f0b9dd2-71c8-4d74-97b6-a31065f2d94c" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92351" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-30af70e11e5cb69.png?x-oss-process=style/p63q90" width="311" height="354" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-30af70e11e5cb69.png?x-oss-process=style/p63q90 311w, https://src.9502669.com/wp-content/uploads/2022/04/1650580442-30af70e11e5cb69-264x300.png 264w" sizes="(max-width: 311px) 100vw, 311px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92351" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-30af70e11e5cb69.png?x-oss-process=style/p63q90" width="311" height="354" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-30af70e11e5cb69.png?x-oss-process=style/p63q90 311w, https://src.9502669.com/wp-content/uploads/2022/04/1650580442-30af70e11e5cb69-264x300.png 264w" sizes="(max-width: 311px) 100vw, 311px" /></noscript></div> </div> <div id="7c31b139-39c5-43ea-80cd-a88b4940a42a" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="03668871-8952-475d-9558-530d96ddfce4" style="font-size:20px;margin:20px 0px;font-weight:700;">4.文本格式标签(为文字设置粗体,斜体或下划线等效果,语义:突出重要性)</h3> </div> <div id="2f980818-6dbc-47d4-b84e-303adedd5556" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="b473710b-9e7a-42d2-bff0-d39010485b26" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(1) 加粗:<strong></strong>或<b></b> 推荐使用<strong>标签,语义更强烈</p> </div> <div id="a0f878b3-2c44-4a48-bc7c-ff741311fb3f" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="3ade5ad8-71a3-441d-869f-e6b40ebc624c" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(2) 倾斜:<em></em>或<i></i> 推荐使用<em>标签,语义更强烈(emphasize)</p> </div> <div id="94b06082-e8c3-49ee-93a4-9624178ae938" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="86ee4a94-56f3-404f-b1c3-eaddb6f0d84d" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(3) 删除线:<del></del>或<s></s> 推荐使用<del>标签,语义更强烈(delete)</p> </div> <div id="8004a2ab-0c1b-49b8-b590-2f7e6a153b4a" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="79b6e772-d9a5-4907-80e9-32902872437d" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(4) 下划线:<ins></ins>或<u></u> 推荐使用<ins>标签,语义更强烈(insert)</p> </div> <div id="9c22b7b4-bdfd-4732-923a-0f3d59f3fdf9" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="59c62dda-4609-4d59-9e35-6f153d03e145" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92352" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-8b7b04403c79f9f.png?x-oss-process=style/p63q90" width="610" height="151" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-8b7b04403c79f9f.png?x-oss-process=style/p63q90 610w, https://src.9502669.com/wp-content/uploads/2022/04/1650580442-8b7b04403c79f9f-300x74.png 300w" sizes="(max-width: 610px) 100vw, 610px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92352" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-8b7b04403c79f9f.png?x-oss-process=style/p63q90" width="610" height="151" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580442-8b7b04403c79f9f.png?x-oss-process=style/p63q90 610w, https://src.9502669.com/wp-content/uploads/2022/04/1650580442-8b7b04403c79f9f-300x74.png 300w" sizes="(max-width: 610px) 100vw, 610px" /></noscript></div> </div> <div id="4790dda0-e042-47b7-bdd2-8cdf358797e9" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="554d89bc-5f01-4079-b87f-4c3b25bd2532" style="font-size:18px;margin:20px 0px;text-align:left;"><img class="lazyload " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://pics7.baidu.com/feed/8644ebf81a4c510fa3d87a499fa40227d52aa549.png?token=cc58a8181f03f6eb3755476dcacf91ef" style="width:100%;" /><noscript><img src="https://pics7.baidu.com/feed/8644ebf81a4c510fa3d87a499fa40227d52aa549.png?token=cc58a8181f03f6eb3755476dcacf91ef" style="width:100%;" /></noscript></div> </div> <div id="c174b662-cdb4-4486-86a9-f336167a95cf" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="07a73183-7355-4ebf-8012-9d774b9445c0" style="font-size:20px;margin:20px 0px;font-weight:700;">5.</p> <div>和<span>标签(没有语义,是一个盒子,用来装内容 division span)</h3> </div> <div id="22703e4c-b871-4fc2-8ae8-1420ded07d47" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="9dcdf683-2c96-411d-b24d-3716b5e2c5aa" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">特点:a.</p> <div>标签用来布局,一行只能放一个</p> <div>,是个大盒子 b.<span>标签用来布局,一行可以有多个<span>,是个小盒子</p> </div> <div id="93a87f38-3faf-4f78-b19b-c17b36f8603b" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="33b34f76-3727-4883-98d0-e6fd13602c5e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="5d80106b-997a-46c4-8fd8-6542f53def71" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="c542a45d-1562-42c9-a55e-687a32c4ae13" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="ba0125ef-6d7a-42dc-87db-96dd3fe0940e" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92353" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580443-0ab23840d73e6a9.png?x-oss-process=style/p63q90" width="834" height="150" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580443-0ab23840d73e6a9.png?x-oss-process=style/p63q90 834w, https://src.9502669.com/wp-content/uploads/2022/04/1650580443-0ab23840d73e6a9-300x54.png 300w, https://src.9502669.com/wp-content/uploads/2022/04/1650580443-0ab23840d73e6a9-768x138.png 768w" sizes="(max-width: 834px) 100vw, 834px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92353" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580443-0ab23840d73e6a9.png?x-oss-process=style/p63q90" width="834" height="150" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580443-0ab23840d73e6a9.png?x-oss-process=style/p63q90 834w, https://src.9502669.com/wp-content/uploads/2022/04/1650580443-0ab23840d73e6a9-300x54.png 300w, https://src.9502669.com/wp-content/uploads/2022/04/1650580443-0ab23840d73e6a9-768x138.png 768w" sizes="(max-width: 834px) 100vw, 834px" /></noscript></span></span></span><span id="7469fb8e-217a-41f5-a829-3e9fec186673" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="198253b1-7f23-4afb-88e5-553615a1e6c7" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="5e125f0c-cad4-4db3-a323-2bb388cae3ac" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92354" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580443-89acf3d6938d318.png?x-oss-process=style/p63q90" width="879" height="123" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580443-89acf3d6938d318.png?x-oss-process=style/p63q90 879w, https://src.9502669.com/wp-content/uploads/2022/04/1650580443-89acf3d6938d318-300x42.png 300w, https://src.9502669.com/wp-content/uploads/2022/04/1650580443-89acf3d6938d318-768x107.png 768w" sizes="(max-width: 879px) 100vw, 879px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92354" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580443-89acf3d6938d318.png?x-oss-process=style/p63q90" width="879" height="123" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580443-89acf3d6938d318.png?x-oss-process=style/p63q90 879w, https://src.9502669.com/wp-content/uploads/2022/04/1650580443-89acf3d6938d318-300x42.png 300w, https://src.9502669.com/wp-content/uploads/2022/04/1650580443-89acf3d6938d318-768x107.png 768w" sizes="(max-width: 879px) 100vw, 879px" /></noscript></span></span></span></p> </div> <div id="212596bd-779f-479c-9e75-cbd3e9cee12d" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="0d7e2ab9-811f-4919-aa06-03a288ba0138" style="font-size:20px;margin:20px 0px;font-weight:700;">6.图像标签和路径</h3> </div> <div id="a81174cf-6a13-4223-98a2-47b3ecc6e4a1" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="4128cb92-f355-40fb-a41e-913baa824da3" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(1) <img>标签用于定义图像,src为必须属性</p> </div> <div id="29580150-663d-4961-a853-64c28ee61b9f" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="525694bc-033d-4b0e-8c7a-ca584e79a763" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(2) 特点:属性采取键值对的格式,即key=”value”</p> </div> <div id="5f884939-aa83-49a3-bea0-01ead0fe1f01" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="e591bdfe-0d34-4c74-8f14-cbde11c8e0fd" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(3) 路径</p> </div> <div id="c57ab860-7ede-4784-adaf-c0fd6030908f" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="26cdc8b5-748f-4978-956b-f0e2fbdbb141" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">a.目录文件夹和根目录(目录文件夹的第一层)</p> </div> <div id="fad56ad1-e712-47f7-9310-8b214059607e" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="0e5b32a7-7481-49e5-80b9-9036d95cd918" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">b.相对路径:以引用文件所在位置为参考基础而建立出的目录路径</p> </div> <div id="594a165b-ca18-4262-89a4-6ed7d50b5fd6" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="eb6208da-a08e-4794-9071-0232adf68da1" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">c.绝对路径</p> </div> <div id="c3af3e2f-fceb-403d-bcc8-b0abb5c51e5f" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="c240a31e-85ce-4950-ba72-2bc73dbb8b41" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92355" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-aa3366ed6289e82.png?x-oss-process=style/p63q90" width="640" height="232" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-aa3366ed6289e82.png?x-oss-process=style/p63q90 640w, https://src.9502669.com/wp-content/uploads/2022/04/1650580444-aa3366ed6289e82-300x109.png 300w" sizes="(max-width: 640px) 100vw, 640px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92355" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-aa3366ed6289e82.png?x-oss-process=style/p63q90" width="640" height="232" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-aa3366ed6289e82.png?x-oss-process=style/p63q90 640w, https://src.9502669.com/wp-content/uploads/2022/04/1650580444-aa3366ed6289e82-300x109.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></noscript></div> </div> <div id="66086c1b-360a-4b1e-8f38-6a04fab248b7" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="b33e6d63-ba5f-4173-8c72-ce35cda8fd49" style="font-size:20px;margin:20px 0px;font-weight:700;">7.超链接标签<a>(用于定义超链接,作用是从一个页面链接到另一个页面)</h3> </div> <div id="165ddd90-70ab-4bc7-8813-8cb7130350a9" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="40868e0d-6782-47dc-aeaa-9d35b409a73d" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(1) a. href用于指定链接目标的url地址,为必须属性 b.target:用于指定链接页面的打开方式,_self为默认值在本窗口打开,_blank为在新窗口中打开方式</p> </div> <div id="9a450018-bd39-46a8-b984-65f424cc4250" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="9d938f1b-f97c-4884-b5dd-4a26b901e5ea" style="font-size:20px;margin:20px 0px;font-weight:700;">(2) 链接方式(解释如图)</h3> </div> <div id="d7382756-34b3-4abf-8892-fe5c99d29f77" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="3178030d-d10a-4db3-82a0-1969a3482edc" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92356" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-b25e7543a2ec52f.png?x-oss-process=style/p63q90" width="640" height="189" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-b25e7543a2ec52f.png?x-oss-process=style/p63q90 640w, https://src.9502669.com/wp-content/uploads/2022/04/1650580444-b25e7543a2ec52f-300x89.png 300w" sizes="(max-width: 640px) 100vw, 640px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92356" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-b25e7543a2ec52f.png?x-oss-process=style/p63q90" width="640" height="189" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-b25e7543a2ec52f.png?x-oss-process=style/p63q90 640w, https://src.9502669.com/wp-content/uploads/2022/04/1650580444-b25e7543a2ec52f-300x89.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></noscript></div> </div> <div id="e4a0ee96-cd69-4116-b70b-ea61f0a9c073" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="10158522-a304-4ac0-bfab-729b7044593a" style="font-size:20px;margin:20px 0px;font-weight:700;">8.表格标签</h3> </div> <div id="ed88c0ca-4678-42e0-9ae6-06f905191ac4" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="9eec0964-b2b4-42cb-94e2-b097150a116b" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92357" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-dc97f9454b20a97.png?x-oss-process=style/p63q90" width="640" height="329" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-dc97f9454b20a97.png?x-oss-process=style/p63q90 640w, https://src.9502669.com/wp-content/uploads/2022/04/1650580444-dc97f9454b20a97-300x154.png 300w" sizes="(max-width: 640px) 100vw, 640px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92357" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-dc97f9454b20a97.png?x-oss-process=style/p63q90" width="640" height="329" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580444-dc97f9454b20a97.png?x-oss-process=style/p63q90 640w, https://src.9502669.com/wp-content/uploads/2022/04/1650580444-dc97f9454b20a97-300x154.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></noscript></div> </div> <div id="56e47644-20db-4c59-8439-f6cf0c28697f" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="b8c2d966-e7a8-4f75-b46d-7b88fb170126" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(1) </p> <table>标签定义表格的标签</p> </div> <div id="7b83e1fb-8616-4c05-beda-46882affff22" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="1e395466-d670-4ec1-8846-54b5e870c8ae" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(2) </p> <tr>标签定义表格中的单元格,嵌套在</p> <table>中</p> </div> <div id="15a2ca44-91ee-4cd2-b417-7ff47669302d" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="57c86042-ee93-418e-9e70-733d56d2f52e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(3) </p> <td>标签定义表格中的单元格,嵌套在</p> <tr>中</p> </div> <div id="146dc86e-2a5e-4d62-b046-eb46270e3b4e" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="244bfe7b-4cd5-4279-9aaa-55a73546dadf" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(4) </p> <th>标签为表头单元格</p> </div> <div id="363d0dc0-e0b6-4a47-a5d6-46e9d054cf1f" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="faa33241-9db5-4276-be81-c584ba5883b5" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(5) </p> <thead>标签为表头区域,内部必须有</p> <tr>标签</p> </div> <div id="0cf2f9d5-7719-46de-80a4-5edd85b5a038" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="a41c07fc-e139-4eb7-9eaf-9ab58cb5f7e0" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(6) </p> <tbody>标签为表格主体</p> </div> <div id="0f074998-08ea-43a0-bd08-a9fb60054070" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="dfd10fcf-3f78-4c8c-b75d-12198c4fd872" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92358" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580445-733645daaca2211.png?x-oss-process=style/p63q90" width="370" height="272" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580445-733645daaca2211.png?x-oss-process=style/p63q90 370w, https://src.9502669.com/wp-content/uploads/2022/04/1650580445-733645daaca2211-300x221.png 300w" sizes="(max-width: 370px) 100vw, 370px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92358" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580445-733645daaca2211.png?x-oss-process=style/p63q90" width="370" height="272" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580445-733645daaca2211.png?x-oss-process=style/p63q90 370w, https://src.9502669.com/wp-content/uploads/2022/04/1650580445-733645daaca2211-300x221.png 300w" sizes="(max-width: 370px) 100vw, 370px" /></noscript></div> </div> <div id="91c435a7-4e83-4ffd-8440-253cede82423" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="91e982c6-20aa-4d4f-b56a-affbd9bcc65d" style="font-size:20px;margin:20px 0px;font-weight:700;">9.列表标签(无序列表,有序列表和自定义列表)</h3> </div> <div id="855a4b56-765c-4a0b-81f8-ed1a6ac141a2" style="font-size:18px;margin:20px 0px;text-align:left;"> <p id="894942ef-d151-4092-ba18-bbd8ea97800d" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">(1) 无序列表</p> <ul> <li> </div> <div id="68c64d84-3746-45ad-af74-809edb531bc0" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="870ce2a9-9fc3-4226-bbb6-1f9d82e11908" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92359" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580445-3c421b23bbfc6ee.png?x-oss-process=style/p63q90" width="640" height="337" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580445-3c421b23bbfc6ee.png?x-oss-process=style/p63q90 640w, https://src.9502669.com/wp-content/uploads/2022/04/1650580445-3c421b23bbfc6ee-300x158.png 300w" sizes="(max-width: 640px) 100vw, 640px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92359" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580445-3c421b23bbfc6ee.png?x-oss-process=style/p63q90" width="640" height="337" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580445-3c421b23bbfc6ee.png?x-oss-process=style/p63q90 640w, https://src.9502669.com/wp-content/uploads/2022/04/1650580445-3c421b23bbfc6ee-300x158.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></noscript></div> </div> <div id="7851e951-4ced-48b8-a9cb-a218f44358fb" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="547c572c-ecb4-4cf9-8fb8-442b780791b4" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92360" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-9260f2fec269ac8.png?x-oss-process=style/p63q90" width="168" height="219" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92360" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-9260f2fec269ac8.png?x-oss-process=style/p63q90" width="168" height="219" /></noscript></div> </div> <div id="4706c142-41cc-40da-9965-3bea657a1f04" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="27101bc9-3a43-4654-9228-7ac2380c0a11" style="font-size:20px;margin:20px 0px;font-weight:700;">(2) 有序列表</p> <ol> <li></h3> </div> <div id="90670c8c-5585-4af0-b92e-7de44b165d79" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="2bacb044-d30d-487e-af08-d002200ffb53" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92361" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-62b4072f0b08b44.png?x-oss-process=style/p63q90" width="470" height="316" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-62b4072f0b08b44.png?x-oss-process=style/p63q90 470w, https://src.9502669.com/wp-content/uploads/2022/04/1650580446-62b4072f0b08b44-300x202.png 300w" sizes="(max-width: 470px) 100vw, 470px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92361" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-62b4072f0b08b44.png?x-oss-process=style/p63q90" width="470" height="316" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-62b4072f0b08b44.png?x-oss-process=style/p63q90 470w, https://src.9502669.com/wp-content/uploads/2022/04/1650580446-62b4072f0b08b44-300x202.png 300w" sizes="(max-width: 470px) 100vw, 470px" /></noscript></div> </div> <div id="fe1b0d3d-6cb6-46fc-8078-4583eb364b9a" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="0ab348c1-5fb7-4b47-b724-9dc4e587cdc2" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92362" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-1513190814c8b00.png?x-oss-process=style/p63q90" width="186" height="170" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92362" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-1513190814c8b00.png?x-oss-process=style/p63q90" width="186" height="170" /></noscript></div> </div> <div id="442348de-00f5-49bb-b0aa-1533b81477cb" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="c77ecd56-6d87-44c0-9568-b9a9767367a0" style="font-size:20px;margin:20px 0px;font-weight:700;">(3) 自定义列表</p> <dl> <dt></h3> </div> <div id="60a623b9-d967-4c82-ac67-b6053c89d7bb" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="12d4ae8b-bd71-47e2-82c1-c8cac848de0f" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92363" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-5f69c556eb6ab24.png?x-oss-process=style/p63q90" width="490" height="289" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-5f69c556eb6ab24.png?x-oss-process=style/p63q90 490w, https://src.9502669.com/wp-content/uploads/2022/04/1650580446-5f69c556eb6ab24-300x177.png 300w" sizes="(max-width: 490px) 100vw, 490px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92363" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-5f69c556eb6ab24.png?x-oss-process=style/p63q90" width="490" height="289" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580446-5f69c556eb6ab24.png?x-oss-process=style/p63q90 490w, https://src.9502669.com/wp-content/uploads/2022/04/1650580446-5f69c556eb6ab24-300x177.png 300w" sizes="(max-width: 490px) 100vw, 490px" /></noscript></div> </div> <div id="863de95e-a8fb-46c9-827b-e660e986d844" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="18508865-058b-472a-9ff2-b7e31c999226" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92364" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580447-f62b94013c662e2.png?x-oss-process=style/p63q90" width="138" height="101" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92364" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580447-f62b94013c662e2.png?x-oss-process=style/p63q90" width="138" height="101" /></noscript></div> </div> <div id="6780d8ac-ab1e-4dd1-b686-6e5bd6cb5a74" style="font-size:18px;margin:20px 0px;text-align:left;"> <h3 id="8858afdf-3c68-4a90-9645-bd6c1eefc06c" style="font-size:20px;margin:20px 0px;font-weight:700;">10.表单标签(表单域,表单控件,提示信息)</h3> </div> <div id="e1e04925-da70-4798-aeef-f0d23a5f57ab" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="89e311c0-81ce-4163-ad28-08a0f262fa53" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92365" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580447-f66c57705b38b62.png?x-oss-process=style/p63q90" width="640" height="473" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580447-f66c57705b38b62.png?x-oss-process=style/p63q90 640w, https://src.9502669.com/wp-content/uploads/2022/04/1650580447-f66c57705b38b62-300x222.png 300w" sizes="(max-width: 640px) 100vw, 640px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92365" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580447-f66c57705b38b62.png?x-oss-process=style/p63q90" width="640" height="473" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580447-f66c57705b38b62.png?x-oss-process=style/p63q90 640w, https://src.9502669.com/wp-content/uploads/2022/04/1650580447-f66c57705b38b62-300x222.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></noscript></div> </div> <div id="b188ea57-2bde-40c2-b267-45d07fdfde2c" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="21eb1843-0721-40b8-943c-23aa7b05bfd2" style="font-size:18px;margin:20px 0px;text-align:left;"><img loading="lazy" class="lazyload alignnone size-full wp-image-92366" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580448-5401a325ef53545.png?x-oss-process=style/p63q90" width="364" height="463" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580448-5401a325ef53545.png?x-oss-process=style/p63q90 364w, https://src.9502669.com/wp-content/uploads/2022/04/1650580448-5401a325ef53545-236x300.png 236w" sizes="(max-width: 364px) 100vw, 364px" /><noscript><img loading="lazy" class="alignnone size-full wp-image-92366" src="https://src.9502669.com/wp-content/uploads/2022/04/1650580448-5401a325ef53545.png?x-oss-process=style/p63q90" width="364" height="463" srcset="https://src.9502669.com/wp-content/uploads/2022/04/1650580448-5401a325ef53545.png?x-oss-process=style/p63q90 364w, https://src.9502669.com/wp-content/uploads/2022/04/1650580448-5401a325ef53545-236x300.png 236w" sizes="(max-width: 364px) 100vw, 364px" /></noscript></div> </div> <div id="8941815f-670c-4e04-ac26-b4b6ba680eee" style="font-size:18px;margin:20px 0px;text-align:left;"> <div id="ac58c70f-40c3-4816-ad4f-530f6cd4b13e" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="3c770344-fcf6-4c2f-bae3-b41e997c4d4b" 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/92339.html" rel="prev">28「源码」数据可视化:基于 Echarts Flask 动态实时大屏 – 数据分析</a></span> <span class="article-nav-next">下一篇<br><a href="https://www.9502669.com/92368.html" rel="next">div</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/92584.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/04/1651015296-d6ffaf38d713ccf.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="3种方法(div法、css法、js法)制作html的旋转太极图"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="92584" 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/92584.html" title="3种方法(div法、css法、js法)制作html的旋转太极图" rel="bookmark">3种方法(div法、css法、js法)制作html的旋转太极图</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/91358.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="中泰国际:维持JS环球生活(01691)“买入”评级 目标价降至14.1港元"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="91358" 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/91358.html" title="中泰国际:维持JS环球生活(01691)“买入”评级 目标价降至14.1港元" rel="bookmark">中泰国际:维持JS环球生活(01691)“买入”评级 目标价降至14.1港元</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/91133.html"> <img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://p0.itc.cn/q_70/images01/20210125/3941addb3b7844618a3b9f5bb9a64c60.jpeg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="HTML5优点有哪些?"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="91133" 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/91133.html" title="HTML5优点有哪些?" rel="bookmark">HTML5优点有哪些?</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/91027.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="Web前端培训:CSS与CSS3的区别"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="91027" 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/91027.html" title="Web前端培训:CSS与CSS3的区别" rel="bookmark">Web前端培训:CSS与CSS3的区别</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/92747.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/1652608055-18759b43061cfe0.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="迅睿cms问答风格自适应模板-美工之家独家发布"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="92747" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/92747.html" rel="bookmark" title="迅睿cms问答风格自适应模板-美工之家独家发布">迅睿cms问答风格自适应模板-美工之家独家发布</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/92739.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="迅睿cms将独立模块首页改为网站首页"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="92739" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/92739.html" rel="bookmark" title="迅睿cms将独立模块首页改为网站首页">迅睿cms将独立模块首页改为网站首页</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/92733.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/1652487560-d6d4f5eaaa4da71.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="最新迅睿cms自媒体博客模板-滴零滴零独家出品"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="92733" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/92733.html" rel="bookmark" title="最新迅睿cms自媒体博客模板-滴零滴零独家出品">最新迅睿cms自媒体博客模板-滴零滴零独家出品</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/92730.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/296c50533d2126dc70437b91f8ad03a0.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Word2003文档中字数统计在哪?"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="92730" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/92730.html" rel="bookmark" title="Word2003文档中字数统计在哪?">Word2003文档中字数统计在哪?</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/92725.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/064fb4559c2707d9541d4733090eb684.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Word2007文档水印怎么去除"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="92725" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/92725.html" rel="bookmark" title="Word2007文档水印怎么去除">Word2007文档水印怎么去除</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/92718.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/e6e8f285c9f41b9b07741a565d19c983.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Word2007自动滚动怎么设置"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="92718" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/92718.html" rel="bookmark" title="Word2007自动滚动怎么设置">Word2007自动滚动怎么设置</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/92345.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/92345.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>