Home > Web Front-end > HTML Tutorial > HTML tag list and usage instructions_HTML/Xhtml_Web page production

HTML tag list and usage instructions_HTML/Xhtml_Web page production

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release: 2016-05-16 16:40:56
Original
1431 people have browsed it

HTML tag list

标记 类型 名称或意义 作用 备注
文件标记
文件宣告 让浏览器知道这是 HTML 文件  
开头 提供文件整体信息  
</td> <td>●</td> <td>标题</td> <td>定义文件标题,将显示于浏览器顶端</td> <td> </td> </tr> <tr> <td><BODY></td> <td>●</td> <td>主体</td> <td>设计文件格式及内容所在</td> <td> </td> </tr> <tr> <td colspan="5"><strong>排版标记</strong></td> </tr> <tr> <td><!--Note--></td> <td>○</td> <td>Description tag</td> <td>Add a description to the file but not display it</td> <td> </td> </tr> <tr> <td><P></td> <td>○</td> <td>Paragraph mark</td> <td>Leave a blank line between words, pictures, tables, etc. </td> <td> </td> </tr> <tr> <td><BR></td> <td>○</td> <td>Line break tag</td> <td>Let the words, pictures and tables be displayed on the next line</td> <td> </td> </tr> <tr> <td><HR></td> <td>○</td> <td>Horizontal line</td> <td>Insert a horizontal line</td> <td> </td> </tr> <tr> <td><CENTER></td> <td>●</td> <td>Centered</td> <td>Let words, pictures, tables, etc. be displayed in the middle</td> <td>Objection</td> </tr> <tr> <td><PRE></td> <td>●</td> <td>Default format</td> <td>Display the files according to the arrangement of the original code</td> <td> </td> </tr> <tr> <td><DIV></td> <td>●</td> <td>Location tag</td> <td>Set the placement of words, pictures, tables, etc.</td> <td> </td> </tr> <tr> <td><NOBR></td> <td>●</td> <td>No line breaks</td> <td>Prevent text from wrapping when it is too long</td> <td> </td> </tr> <tr> <td><WBR></td> <td>●</td> <td>Line break recommended</td> <td>Default line break position</td> <td> </td> </tr> <tr> <td colspan="5">Font tag</td> </tr> <tr> <td><STRONG></td> <td>●</td> <td>Emphatic tone</td> <td>Produce the effect of bold font</td> <td> </td> </tr> <tr> <td><B></td> <td>●</td> <td>Bold mark</td> <td>Produce bold font effect</td> <td> </td> </tr> <tr> <td><EM></td> <td>●</td> <td>Emphasis mark</td> <td>The font has an italic effect</td> <td> </td> </tr> <tr> <td><I></td> <td>●</td> <td>italic mark</td> <td>The font has an italic effect</td> <td> </td> </tr> <tr> <td><TT></td> <td>●</td> <td>Monospace font</td> <td>Courier font, same letter width</td> <td> </td> </tr> <tr> <td><U></td> <td>●</td> <td>Underline</td> <td>Underline</td> <td>Objection</td> </tr> <tr> <td><H1></td> <td>●</td> <td>Level 1 title tag</td> <td>Make the font larger, the higher the level, the smaller it becomes</td> <td> </td> </tr> <tr> <td><H2></td> <td>●</td> <td>Level 2 title tag</td> <td>Make font larger</td> <td> </td> </tr> <tr> <td><H3></td> <td>●</td> <td>Level 3 title tag</td> <td>Make font larger</td> <td> </td> </tr> <tr> <td><H4></td> <td>●</td> <td>Level 4 title tag</td> <td>Make font larger</td> <td> </td> </tr> <tr> <td><H5></td> <td>●</td> <td>Level 5 title tag</td> <td>Make font larger</td> <td> </td> </tr> <tr> <td><H6></td> <td>●</td> <td>Level 6 title tag</td> <td>Make font larger</td> <td> </td> </tr> <tr> <td><FONT></td> <td>●</td> <td>Font tag</td> <td>Set font, size, color</td> <td>Objection</td> </tr> <tr> <td><BASEFONT></td> <td>○</td> <td>Basic font mark</td> <td>Set all fonts, sizes, colors</td> <td>Objection</td> </tr> <tr> <td><BIG></td> <td>●</td> <td>Increase font size</td> <td>Make the font slightly larger</td> <td> </td> </tr> <tr> <td><SMALL></td> <td>●</td> <td>Reduced font</td> <td>Make the font slightly smaller</td> <td> </td> </tr> <tr> <td><STRIKE></td> <td>●</td> <td>Strikethrough</td> <td>Strikethrough text</td> <td>Objection</td> </tr> <tr> <td><CODE></td> <td>●</td> <td>Program code</td> <td>The font is slightly wider like <TT></td> <td> </td> </tr> <tr> <td><KBD></td> <td>●</td> <td>Keyboard words</td> <td>Slightly wider font, single white space</td> <td> </td> </tr> <tr> <td><SAMP></td> <td>●</td> <td>Example</td> <td>The character w is slightly like <TT></td> <td> </td> </tr> <tr> <td><VAR></td> <td>●</td> <td>Variable</td> <td>italic effect</td> <td> </td> </tr> <tr> <td><CITE></td> <td>●</td> <td>italic mark</td> <td>italic effect</td> <td> </td> </tr> <tr> <td><BLOCKQUOTE></td> <td>●</td> <td>Indent right</td> <td>Indent text to the right</td> <td> </td> </tr> <tr> <td><DFN></td> <td>●</td> <td>Predicate definition</td> <td>italic effect</td> <td> </td> </tr> <tr> <td><ADDRESS></td> <td>●</td> <td>Address tag</td> <td>italic effect</td> <td> </td> </tr> <tr> <td><SUB></td> <td>●</td> <td>Subscript</td> <td>Text subscript</td> <td> </td> </tr> <tr> <td><SUP></td> <td>●</td> <td>Superscript </td> <td>Text superscript</td> <td> </td> </tr> <tr> <td colspan="5"><strong>Checklist tag</strong></td> </tr> <tr> <td><OL></td> <td>●</td> <td>Sequence List</td> <td>The list items will be arranged in numerical and alphabetical order</td> <td> </td> </tr> <tr> <td><UL></td> <td>●</td> <td>Unordered list</td> <td>Checklist items will be arranged as symbols with solid dots</td> <td> </td> </tr> <tr> <td><LI></td> <td>○</td> <td>Checklist items</td> <td>Items in the list, one mark per line</td> <td> </td> </tr> <tr> <td><MENU></td> <td>●</td> <td>Option list</td> <td>You can specify bullet points with the type parameter.</td> <td>反对</td> </tr> <tr> <td><DIR></td> <td>●</td> <td>目录清单</td> <td>与<menu>相同</td> <td>反对</td> </tr> <tr> <td><DL></td> <td>●</td> <td>定义清单</td> <td>清单分两层出现</td> <td> </td> </tr> <tr> <td><DT></td> <td>○</td> <td>定义条目</td> <td>清单项标题</td> <td> </td> </tr> <tr> <td><DD></td> <td>○</td> <td>定义内容</td> <td>清单项内容</td> <td> </td> </tr> <tr> <td colspan="5"><strong>表格标记</strong></td> </tr> <tr> <td><TABLE></td> <td>●</td> <td>表格标记</td> <td>设定该表格的各项参数</td> <td> </td> </tr> <tr> <td><CAPTION></td> <td>●</td> <td>表格标题</td> <td>做成一打通列以填入表格标题</td> <td> </td> </tr> <tr> <td><TR></td> <td>●</td> <td>表格列</td> <td>设定该表格的列</td> <td> </td> </tr> <tr> <td><TD></td> <td>●</td> <td>表格栏</td> <td>设定该表格的栏</td> <td> </td> </tr> <tr> <td><TH></td> <td>●</td> <td>表格标头</td> <td>相等于<TD>,但其内文字字体会变粗</td> <td> </td> </tr> <tr> <td colspan="5"><strong>表单标记</strong></td> </tr> <tr> <td><FORM></td> <td>●</td> <td>表单标记</td> <td>决定该表单的运作模式</td> <td> </td> </tr> <tr> <td><TEXTAREA></td> <td>●</td> <td>文字框</td> <td>提供文字输入栏</td> <td> </td> </tr> <tr> <td><INPUT></td> <td>○</td> <td>输入标记</td> <td>决定输入形式</td> <td> </td> </tr> <tr> <td><SELECT></td> <td>●</td> <td>选择标记</td> <td>建立弹出卷动清单</td> <td> </td> </tr> <tr> <td><OPTION></td> <td>○</td> <td>选项</td> <td>每一个清单选项</td> <td> </td> </tr> <tr> <td colspan="5"><strong>图形标记</strong></td> </tr> <tr> <td><IMG></td> <td>○</td> <td>图形标记</td> <td>用来插入图形及设定图形属性</td> <td> </td> </tr> <tr> <td colspan="5"><strong>链接标记</strong></td> </tr> <tr> <td><A></td> <td>●</td> <td>链接标记</td> <td>加入链接</td> <td> </td> </tr> <tr> <td><BASE></td> <td>○</td> <td>基准标记</td> <td>可将相对 URL 转绝对及指定链接</td> <td> </td> </tr> <tr> <td colspan="5"><strong>框架标记</strong></td> </tr> <tr> <td><FRAMESET></td> <td>●</td> <td>框架设定</td> <td>设定框架</td> <td> </td> </tr> <tr> <td><FRAME></td> <td>○</td> <td>窗口设定</td> <td>设定框架中的窗口</td> <td> </td> </tr> <tr> <td><IFRAME></td> <td>○</td> <td>页内框架</td> <td>于网页中插入框架</td> <td>IE</td> </tr> <tr> <td><NOFRAMES></td> <td>●</td> <td>不支持框架</td> <td>设定浏览器不支持框架时的提示</td> <td> </td> </tr> <tr> <td colspan="5"><strong>影像地图</strong></td> </tr> <tr> <td><MAP></td> <td>●</td> <td>Image map name</td> <td>Set image map name</td> <td> </td> </tr> <tr> <td><AREA></td> <td>○</td> <td>Link area</td> <td>Set each link area</td> <td> </td> </tr> <tr> <td colspan="5"><strong>Multimedia</strong></td> </tr> <tr> <td><BGSOUND></td> <td>○</td> <td>Background sound</td> <td>Make music or sound play in the background</td> <td>IE</td> </tr> <tr> <td><EMBED></td> <td>○</td> <td>Multimedia</td> <td>Add sound, music or images</td> <td> </td> </tr> <tr> <td colspan="5"><strong>Other tags</strong></td> </tr> <tr> <td><MARQUEE></td> <td>●</td> <td>Revolving Lantern</td> <td>Make text move</td> <td>IE</td> </tr> <tr> <td><BLINK></td> <td>●</td> <td>Flash text</td> <td>Make text flash</td> <td>NC</td> </tr> <tr> <td><ISINDEX></td> <td>○</td> <td>In-page finder</td> <td>You can enter keywords to find this page</td> <td>Objection</td> </tr> <tr> <td><META></td> <td>○</td> <td>Opening instructions</td> <td>Provide information about this page to the browser</td> <td> </td> </tr> <tr> <td><LINK></td> <td>○</td> <td>Relationship definition</td> <td>Define the relationship between this file and other URLs</td> <td> </td> </tr> <tr> <td colspan="5">StyleSheet</td> </tr> <tr> <td><STYLE></td> <td>●</td> <td>Specification sheet</td> <td>Control web page layout</td> <td> </td> </tr> <tr> <td><span></td> <td>●</td> <td>Customized tag</td> <td>Use independently or with stylesheets</td> <td> </td> </tr> </tbody> </table> <p><strong>Remarks: </strong></p> <p>1. ● Indicates that the mark is a containment mark, that is, the end mark </mark> is required. </p> <p>2. ○ indicates that the tag is an empty tag, that is, no end tag is required. </p> <p>3. IE means that this tag is only suitable for Internet Explorer. </p> <p>4. NC means that this mark is only applicable to Netscape Communicator. </p> <p>5. Opposition means that the tag is not approved by W3C. Usually this tag is customized by Microsoft or Netscape and has been supported by everyone, but there are other options with the same or better functions in the HTML standard. </p> <p>6. Deprecation means that the tag has been abandoned by W3C and is an obsolete tag, but HTML has downward compatibility, so browsers still support it. </p> <p>7. New means that this tag is new in HTML 4.0. <br><br>If you feel it is not very detailed, you can refer to the following article <a target="_blank" href="http://www.jb51.net/web/28143.html">HTML elements (tags) and their usage introduction</a> You can refer to it</p> <p><span style="COLOR: rgb(255,0,0)">——This article was reproduced from the Internet in the early stage. The source cannot be traced. The source is not indicated. Special instructions. </span></p> </div> </div> <div style="display: flex;"> <div class="wzconBq" style="display: inline-flex;"> <span>Related labels:</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/search?word=htmltag" target="_blank">html tag</a> </div> </div> <!-- <div style="display: inline-flex;float: right; color:#333333;">source:php.cn</div> --> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/faq/11793.html" title="Automatic interception of Html long text after it exceeds the width of the tag_HTML/Xhtml_Web page production"> <span>Previous article:Automatic interception of Html long text after it exceeds the width of the tag_HTML/Xhtml_Web page production</span> </a> <a href="https://www.php.cn/faq/11797.html" title="Simple comparison of meta tags in html_HTML/Xhtml_Web page production"> <span>Next article:Simple comparison of meta tags in html_HTML/Xhtml_Web page production</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Statement of this Website</div> <div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">Latest Articles by Author</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771332.html">How LLMs Work: Pre-Training to Post-Training, Neural Networks, Hallucinations, and Inference</a> </div> <div>2025-02-26 03:58:14</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771322.html">I Combined the Blockchain and AI to Generate Art. Here’s What Happened Next.</a> </div> <div>2025-02-26 03:38:10</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771315.html">Advanced Prompt Engineering: Chain of Thought (CoT)</a> </div> <div>2025-02-26 03:17:10</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771302.html">Retrieval Augmented Generation in SQLite</a> </div> <div>2025-02-26 02:49:09</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771274.html">How to Use an LLM-Powered Boilerplate for Building Your Own Node.js API</a> </div> <div>2025-02-26 01:08:13</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771258.html">LLMs for Coding in 2024: Price, Performance, and the Battle for the Best</a> </div> <div>2025-02-26 00:46:10</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771227.html">Prompting Vision Language Models</a> </div> <div>2025-02-25 23:42:08</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771219.html">How to Measure the Reliability of a Large Language Model's Response</a> </div> <div>2025-02-25 22:50:13</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771209.html">An Illusion of Life</a> </div> <div>2025-02-25 21:54:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771201.html">Scientists Go Serious About Large Language Models Mirroring Human Thinking</a> </div> <div>2025-02-25 20:45:11</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Latest Issues</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Team collaboration - What should I do if someone needs the feature I wrote as a dependency in git flow?" class="wdcdcTitle">Team collaboration - What should I do if someone needs the feature I wrote as a dependency in git flow?</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Objective-c - Constraints for iOS a warning issue" class="wdcdcTitle">Objective-c - Constraints for iOS a warning issue</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Confusion about using gitlab's fork&pull request mode within the team" class="wdcdcTitle">Confusion about using gitlab's fork&pull request mode within the team</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Objective-c - In iOS development, Instagram cannot be authorized after logging in. Instagram does not jump back to the application. How to get the callback address?" class="wdcdcTitle">Objective-c - In iOS development, Instagram cannot be authorized after logging in. Instagram does not jump back to the application. How to get the callback address?</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Version Control - About the use of SVN and GIT in company projects?" class="wdcdcTitle">Version Control - About the use of SVN and GIT in company projects?</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Related Topics</div> <a href="https://www.php.cn/faq/zt" target="_blank">More> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/win10kzmbwzjs"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212171821616.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Introduction to the location of win10 control panel" /> </a> <a target="_blank" href="https://www.php.cn/faq/win10kzmbwzjs" class="title-a-spanl" title="Introduction to the location of win10 control panel"><span>Introduction to the location of win10 control panel</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/wxhyltjl"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072214112357828.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="WeChat restore chat history" /> </a> <a target="_blank" href="https://www.php.cn/faq/wxhyltjl" class="title-a-spanl" title="WeChat restore chat history"><span>WeChat restore chat history</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/szhbkh"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212313636342.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to open a digital currency account" /> </a> <a target="_blank" href="https://www.php.cn/faq/szhbkh" class="title-a-spanl" title="How to open a digital currency account"><span>How to open a digital currency account</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/cyyzyjgschsrd"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212184579074.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="There are several output and input functions in C language" /> </a> <a target="_blank" href="https://www.php.cn/faq/cyyzyjgschsrd" class="title-a-spanl" title="There are several output and input functions in C language"><span>There are several output and input functions in C language</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/xlivedllqsjjf"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072214031791440.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Solution to missing xlive.dll" /> </a> <a target="_blank" href="https://www.php.cn/faq/xlivedllqsjjf" class="title-a-spanl" title="Solution to missing xlive.dll"><span>Solution to missing xlive.dll</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/wzhycwzmjj"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213404841220.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to solve website restore error" /> </a> <a target="_blank" href="https://www.php.cn/faq/wzhycwzmjj" class="title-a-spanl" title="How to solve website restore error"><span>How to solve website restore error</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/pycharmzdwjff"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212074752669.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="pycharm find file method" /> </a> <a target="_blank" href="https://www.php.cn/faq/pycharmzdwjff" class="title-a-spanl" title="pycharm find file method"><span>pycharm find file method</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/oyokexgw"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212310250083.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Okex official website" /> </a> <a target="_blank" href="https://www.php.cn/faq/oyokexgw" class="title-a-spanl" title="Okex official website"><span>Okex official website</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">Popular Recommendations</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What does url mean?" href="https://www.php.cn/faq/418772.html">What does url mean?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What does DOM mean?" href="https://www.php.cn/faq/414303.html">What does DOM mean?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to change image size" href="https://www.php.cn/faq/414252.html">How to change image size</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to make font bold in HTML" href="https://www.php.cn/faq/414520.html">How to make font bold in HTML</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to set the size of html images" href="https://www.php.cn/faq/475145.html">How to set the size of html images</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Popular Tutorials</div> <a target="_blank" href="https://www.php.cn/course.html">More> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Related Tutorials <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Popular Recommendations<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Latest courses<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="https://www.php.cn/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div>1434822 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/74.html" title="PHP introductory tutorial one: Learn PHP in one week" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP introductory tutorial one: Learn PHP in one week"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP introductory tutorial one: Learn PHP in one week" href="https://www.php.cn/course/74.html">PHP introductory tutorial one: Learn PHP in one week</a> <div class="wzrthreerb"> <div>4293306 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="https://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div>2647052 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="https://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div>515630 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/2.html" title="PHP zero-based introductory tutorial" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP zero-based introductory tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP zero-based introductory tutorial" href="https://www.php.cn/course/2.html">PHP zero-based introductory tutorial</a> <div class="wzrthreerb"> <div>875582 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="https://www.php.cn/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div >1434822 times of learning</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="https://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div >2647052 times of learning</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="https://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div >515630 times of learning</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/901.html" title="Quick introduction to web front-end development" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Quick introduction to web front-end development"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Quick introduction to web front-end development" href="https://www.php.cn/course/901.html">Quick introduction to web front-end development</a> <div class="wzrthreerb"> <div >216960 times of learning</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/234.html" title="Master PS video tutorials from scratch" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Master PS video tutorials from scratch"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Master PS video tutorials from scratch" href="https://www.php.cn/course/234.html">Master PS video tutorials from scratch</a> <div class="wzrthreerb"> <div >916192 times of learning</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/course/1648.html" title="[Web front-end] Node.js quick start" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Node.js quick start"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Node.js quick start" href="https://www.php.cn/course/1648.html">[Web front-end] Node.js quick start</a> <div class="wzrthreerb"> <div >9335 times of learning</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1647.html" title="Complete collection of foreign web development full-stack courses" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Complete collection of foreign web development full-stack courses"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Complete collection of foreign web development full-stack courses" href="https://www.php.cn/course/1647.html">Complete collection of foreign web development full-stack courses</a> <div class="wzrthreerb"> <div >7554 times of learning</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1646.html" title="Go language practical GraphQL" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go language practical GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go language practical GraphQL" href="https://www.php.cn/course/1646.html">Go language practical GraphQL</a> <div class="wzrthreerb"> <div >6386 times of learning</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1645.html" title="550W fan master learns JavaScript from scratch step by step" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W fan master learns JavaScript from scratch step by step"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W fan master learns JavaScript from scratch step by step" href="https://www.php.cn/course/1645.html">550W fan master learns JavaScript from scratch step by step</a> <div class="wzrthreerb"> <div >816 times of learning</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1644.html" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" href="https://www.php.cn/course/1644.html">Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours</a> <div class="wzrthreerb"> <div >31659 times of learning</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Latest Downloads</div> <a href="https://www.php.cn/xiazai">More> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">Web Effects <div></div></div> <div class="swiper-slide" data-id="twof">Website Source Code<div></div></div> <div class="swiper-slide" data-id="threef">Website Materials<div></div></div> <div class="swiper-slide" data-id="fourf">Front End Template<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery enterprise message form contact code" href="https://www.php.cn/toolset/js-special-effects/8071">[form button] jQuery enterprise message form contact code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 music box playback effects" href="https://www.php.cn/toolset/js-special-effects/8070">[Player special effects] HTML5 MP3 music box playback effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 cool particle animation navigation menu special effects" href="https://www.php.cn/toolset/js-special-effects/8069">[Menu navigation] HTML5 cool particle animation navigation menu special effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery visual form drag and drop editing code" href="https://www.php.cn/toolset/js-special-effects/8068">[form button] jQuery visual form drag and drop editing code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS imitation Kugou music player code" href="https://www.php.cn/toolset/js-special-effects/8067">[Player special effects] VUE.JS imitation Kugou music player code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Classic html5 pushing box game" href="https://www.php.cn/toolset/js-special-effects/8066">[html5 special effects] Classic html5 pushing box game</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery scrolling to add or reduce image effects" href="https://www.php.cn/toolset/js-special-effects/8065">[Picture special effects] jQuery scrolling to add or reduce image effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 personal album cover hover zoom effect" href="https://www.php.cn/toolset/js-special-effects/8064">[Photo album effects] CSS3 personal album cover hover zoom effect</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8328" title="Home Decor Cleaning and Repair Service Company Website Template" target="_blank">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8327" title="Fresh color personal resume guide page template" target="_blank">[Front-end template] Fresh color personal resume guide page template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8326" title="Designer Creative Job Resume Web Template" target="_blank">[Front-end template] Designer Creative Job Resume Web Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8325" title="Modern engineering construction company website template" target="_blank">[Front-end template] Modern engineering construction company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8324" title="Responsive HTML5 template for educational service institutions" target="_blank">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8323" title="Online e-book store mall website template" target="_blank">[Front-end template] Online e-book store mall website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8322" title="IT technology solves Internet company website template" target="_blank">[Front-end template] IT technology solves Internet company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8321" title="Purple style foreign exchange trading service website template" target="_blank">[Front-end template] Purple style foreign exchange trading service website template</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3078" target="_blank" title="Cute summer elements vector material (EPS PNG)">[PNG material] Cute summer elements vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3077" target="_blank" title="Four red 2023 graduation badges vector material (AI EPS PNG)">[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3076" target="_blank" title="Singing bird and cart filled with flowers design spring banner vector material (AI EPS)">[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3075" target="_blank" title="Golden graduation cap vector material (EPS PNG)">[PNG material] Golden graduation cap vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3074" target="_blank" title="Black and white style mountain icon vector material (EPS PNG)">[PNG material] Black and white style mountain icon vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3073" target="_blank" title="Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses">[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3072" target="_blank" title="Flat style Arbor Day banner vector material (AI+EPS)">[banner picture] Flat style Arbor Day banner vector material (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3071" target="_blank" title="Nine comic-style exploding chat bubbles vector material (EPS+PNG)">[PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8328" target="_blank" title="Home Decor Cleaning and Repair Service Company Website Template">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8327" target="_blank" title="Fresh color personal resume guide page template">[Front-end template] Fresh color personal resume guide page template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8326" target="_blank" title="Designer Creative Job Resume Web Template">[Front-end template] Designer Creative Job Resume Web Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8325" target="_blank" title="Modern engineering construction company website template">[Front-end template] Modern engineering construction company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8324" target="_blank" title="Responsive HTML5 template for educational service institutions">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8323" target="_blank" title="Online e-book store mall website template">[Front-end template] Online e-book store mall website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8322" target="_blank" title="IT technology solves Internet company website template">[Front-end template] IT technology solves Internet company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8321" target="_blank" title="Purple style foreign exchange trading service website template">[Front-end template] Purple style foreign exchange trading service website template</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Public welfare online PHP training,Help PHP learners grow quickly!</p> </div> <div class="footermid"> <a href="https://www.php.cn/about/us.html">About us</a> <a href="https://www.php.cn/about/disclaimer.html">Disclaimer</a> <a href="https://www.php.cn/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1741073837"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </body> </html>