1. Tag:
Function: The statement is the first component in the document, located before the tag.
2. Tag:
Function: This element can tell the browser that it is an HTML document.
Attributes: manifest: value (url) defines cache information for offline use.
3. Tag:
Function: The tag is used to define the head of the document. It is a container for all head elements.
Attribute: profile: value (URL) A space-separated list of URLs that contain metadata information about the page.
4. Tag:
<br>Function: The element can define the title of the document. <br>Attribute: dir: value (rtl,ltr) specifies the text direction of the content in the element. <br>lang: The value (language_code) specifies the language code of the content in the element. <br>xml:lang: value (language_code) specifies the language code of the element content in the XHTML document. </p>
<p>5. Tag: <body><br>Function: The element defines the body of the document. <br>Attribute:alink:value(rgb(x,x,x),#xxxxxx,colorname) is deprecated, please use style to replace it. Specifies the color of active links in the document. <br>background: value(URL) is deprecated. Please replace it with a style. Specifies the <a href="http://www.php.cn/code/8294.html" target="_blank">background image</a> of the document. <br>bgcolor: value(reb(x,x,x),#xxxxxx,colorname) is deprecated. Please replace it with a style. Specifies the background color in the document. <br>link: value(reb(x,x,x),#xxxxxx,colorname) is deprecated. Please replace it with a style. Specifies the default color for unvisited links in the document. <br>text: value(reb(x,x,x),#xxxxxx,colorname) is deprecated. Please replace it with a style. Specifies the color of all text in the document. <br>vlink: value(reb(x,x,x),#xxxxxx,colorname) is deprecated. Please replace it with a style. Specifies the color of visited links in the document. </p>
<p>6. Tags: <h1> to <h6> Tags <br>Function: <h1>-<h6> tags define titles. <h1> defines the largest title, <h6> defines the smallest title. <br>Attribute:align:value(left,center,right,justify) is not recommended. Please replace it with a style. Specifies the arrangement of text in titles. </p>
<p>7. Tag:<p><br>Function: Tag defines paragraph. <br>Attribute:align:value(left,center,right,justify) is not recommended. Please replace it with a style. Specifies the arrangement of text in the title. </p>
<p>8. Tag:<br><br>Function: A simple line break can be inserted. <br>Attributes: No optional attributes. </p>
<p>9. Tag: <hr><br>Function: The tag creates a horizontal line in the HTML page. <br>Attribute:align:value(center,left,right) is deprecated. Please replace it with a style. Specifies the alignment of the hr element. <br>noshade: value (noshade) is deprecated. Please replace it with a style. Specifies that the color of the hr element is rendered as a solid color. <br>size:value(pixels) is deprecated. Please replace it with a style. Specifies the height (thickness) of the hr element. <br>width: value (pixels %) is deprecated. Please replace it with a style. Specifies the width of the hr element. </p>
<p>10. Tag <!-- --><br>Function: The comment tag is used to insert comments in the source document. <br>Attributes: No optional attributes. </p>
<p>11. Tag: <ul><br>Function: Tag defines an unordered list. <br>Attribute:compact:value(compact) is deprecated. Please replace it with a style. Specifies that the list should be rendered smaller than normal. <br>type: value (disc, square, circle) is deprecated. Please replace it with a style. Specifies the type of bullets for the list. </p>
<p>12. Tag:<ol><br>Function: Tag defines an ordered list. <br>Attribute: compact: value (compact) Not supported in HTML5. Deprecated in HTML4.01. Specifies that the list should be rendered smaller than normal. <br>reversed: The value (reversed) specifies that the order of the list is descending order. (9,8,7...)<br>start: The value (number) specifies the starting value of the ordered list. <br>type: value (1,A,a,I,i) specifies the type of tag used in the list. </p>
<p>13. Tag:<li><br>Function: Tag defines list items. The <li> tag can be used in ordered lists (<ol>) and unordered lists (<ul>). <br>Attribute:type:value(A,a,I,i,1,disc,square,circle) is deprecated. Please use a style instead. Specify which bullet points to use. <br>value: value (number) is deprecated. Please use a style instead. Specifies the number of list items. </p>
<p>14. Tag: <dl><br>Function: The tag defines the definition list. Tags are used to combine <dt> (defines the item in the list) and <dd> (describes the item in the list). <br>Attributes: No optional attributes. </p>
<p>15. Tag:<dt><br>Function: Tag defines the items in the definition list. <br>Attributes: No optional attributes. </p>
<p>16. Tag: <dd><br>Function: Define the definition part of the entry in the definition list. <br>Attributes: No optional attributes. </p>
<p>17. Tag:<a><br>Function: Tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the <a> element is the href attribute, which indicates the target of the link. <br>Attribute: charset: value (char_encoding) is not supported in HTML5. Specifies the character set of the linked document. <br>coords: Values (coordinates) are not supported in HTML5. Specifies the coordinates of the link. <br>download: The value (filename) specifies the hyperlink target to be downloaded. <br>href: value (URL) specifies the URL of the page to which the link points. <br>hreflang: The value (language_code) specifies the language of the linked document. <br>media: The value (media_query) specifies the media/device for which the linked document is optimized. <br>name: value (section_name) is not supported in HTML5. Specifies the name of the anchor. <br>rel: value (text) specifies the relationship between the current document and the linked document. <br>rev: value (text) is not supported in HTML5. Specifies the relationship between the linked document and the current document. <br>shape: value (default, rect, circle, poly) is not supported in HTML5. Specifies the shape of the link. <br>target: Value (_blank, _parent, _self, _top, framename) specifies where to open the linked document. <br>type: value (MIME type) specifies the MIME type of the linked document. </p>
<p>18. Tag:<nav><br>Function: The tag defines the part of the navigation link. <br>Attributes: No optional attributes. </p>
<p>19. Tag: <table><br>Function: Tag defines HTML table. <br>Attribute:align:value(left,center,right) is deprecated. Please use styles instead. Specifies the alignment of the table relative to surrounding elements. <br>bgcolor: value(rgb(x,x,x),#xxxxxx,colorname) is deprecated. Please use styles instead. Specifies the background color of the table. <br>border: value (pixels) specifies the width of the table border. <br>cellpadding: value (pixels %) specifies the space between the edge of the cell and its content. <br>cellspacing: value (pixels %) specifies the space between cells. <br>frame: Value (void, above, below, hsides, lhs, rhs, vsides, box, border) specifies which part of the outer border is visible. <br>rules: Value (none, groups, rows, cols, all) specifies which part of the inner border is visible. <br>summar: The value (text) specifies the summary of the table. <br>width: value (% pixels) specifies the width of the table. </p>
<p>20. Label:<caption><br>Function: The label defines the title of the table. The <caption> tag must be placed directly after the <table> tag. <br>Attribute:align:value(left,right,top,bottom) is deprecated. Please use styles instead. Specifies the alignment of the title. </p>
<p>21. Tag:<th>Column<br>Function: Define the header cell in the table. Text inside the <th> element will be rendered as centered, bold text. <br>Attributes: abbr: value (text) specifies the abbreviated version of the content in the cell. <br>align: Value (left, right, center, justify, char) specifies the horizontal alignment of cell content. <br>axis: value (category_name) classifies the cell. <br>bgcolor: value(rgb(x,x,x),#xxxxxx,colorname) is not recommended. Please use a style instead. Specifies the background color of table cells. <br>char: value (character) specifies which character according to which content is aligned. <br>charoff: value (number) specifies the offset of the alignment character. <br>colspan: value (number) sets the number of columns that the cell can span. <br>headers: Value (idrefs) has a space-separated list of header cell IDs, providing header information for data cells. <br>height: value (pixels %) is not recommended. Please use a style instead. Specifies the height of table cells. <br>nowrap: value (nowrap) is not recommended. Please use a style instead. Specifies whether the content in the cell should be wrapped. <br>rowspan: The value (number) specifies the number of rows that the cell can span. <br>scope: value (col, colgroup, row, rowgroup) defines the method of associating header data with cell data. <br>valign: Value (top, middle, bottom, baseline) specifies the vertical arrangement of cell content. <br>width: value (pixels %) is not recommended. Please use styles instead. Specifies the width of table cells. </p>
<p>22. Tag: <tr>Row<br>Function: Tag defines rows in the HTML table. <br>Attributes: align: value (right, left, center, justify, char) defines the content alignment of table rows. <br>bgcolor: value(rgb(x,x,x)#xxxxxx,colorname) is deprecated. Please use styles instead. Specifies the background color of table rows. <br>char: value (character) specifies which character to use for text alignment. <br>charoff: value (number) specifies the offset of the first alignment character. <br>valign: Value (top, middle, bottom, baseline) specifies table row content. </p>
<p>23. Label: <td> Ordinary column <br>Function: Label defines the items in the definition list. Text within td elements is usually left aligned. <br>Attributes: abbr: value (text) specifies the abbreviated version of the content in the cell. <br>align: Value (left, right, center, justify, char) specifies the horizontal alignment of cell content. <br>axis: value (category_name) classifies the unit. <br>bgcolor: value(rgb(x,x,x),#xxxxxx,colorname) is deprecated. Please use styles instead. Specifies the background color of the cell. <br>char: value (character) specifies which character according to which content is aligned. <br>charoff: value (number) specifies the offset of the alignment character. <br>colspan: value (number) specifies the number of columns that the cell can span. <br>headers: The value (header_cells'_id) specifies the header related to the cell. <br>height: value (pixels %) is deprecated. Please use styles instead. Specifies the height of table cells. <br>nowrap: value (nowrap) is deprecated. Please use styles instead. Specifies whether the content in the cell should be wrapped. <br>rowspan: The value (number) specifies the number of rows that the cell can span. <br>scope: value (col, colgroup, row, rowgroup) defines the method of associating header data with cell data. <br>valign: Value (top, middle, bottom, baseline) specifies the vertical arrangement of cell content. <br>width: value (pixels %) is deprecated. Please use styles instead. Specifies the width of table cells. </p>
<p>24. Tag: <img><br>Function: The img element embeds an image into the web page. <br>Attributes: Required attributes: src attribute: value (URL) specifies the URL of the displayed image and alt attribute: value (text) specifies the alternative text of the image. <br> Optional attributes: align: value (top, bottom, middle, left, right) is not recommended. Specifies how images are arranged relative to surrounding text. <br>border:value(pixels) is not recommended. Defines the border around the image. <br>height: value (pixels %) defines the height of the image. <br>hspace: value (pixels) is deprecated and defines the space on the left and right sides of the image. <br>ismap: value (URL) defines the image as a server-side image map. <br>longdesc: The value (URL) points to the URL containing the long image description document. <br>usemap: value (URL) defines the image as a client-side image map. <br>vspace: values (pixels) are not recommended. Defines the whitespace at the top and bottom of the image. <br>width: value (pixels %) sets the width of the image. </p>
<p>25. Tag:<audio><br>Function: The element can play sound files or audio streams. <br>Attribute: autoplay: value (autoplay) If this attribute appears, the audio will be played as soon as it is ready. <br>controls: value (controls) If this attribute appears, controls are displayed to the user, such as a play button. <br>loop: value (loop) If this attribute appears, playback will restart whenever the audio ends. <br>muted: The value (muted) specifies that the video output should be muted. <br>preload: value (preload) If this attribute appears, the audio will be loaded when the page is loaded and prepared for playback. If "autoplay" is used, this attribute will be ignored. <br>src: value (url) The audio URL to be played. </p>
<p>26. Tag <video><br>Function: HTML5 specifies a standard way to include videos through the video element. <br>Attribute: autoplay: value (autoplay) If this attribute appears, the video will be played immediately after it is ready. <br>controls: value (controls) If this attribute appears, controls are displayed to the user, such as a play button. <br>height: value (pixels) sets the height of the video player. <br>loop: value (loop) If this attribute appears, playback will start again after the media file completes playback. <br>preload: value (preload) If this attribute appears, the video will be loaded when the page loads and is ready to be played. If "autoplay" is used, this attribute is ignored. <br>src: value (url) The url of the video to be played. <br>width: value (pixels) sets the width of the video player. </p>
<p>27. Tag<source><br>Function: The tag is a media element that defines media resources. <br>Attribute: media: value (media query) specifies the type of media resource. <br>src: value (url) specifies the URL of the media file. <br>type: value (numeric value) specifies the MIME type of the media resource. </p>
<p>28. Tag:<form><br>Function: Tag is used to create HTML forms for user input. <br>Attribute:accept:value(MIME_type) is not supported in HTML5. <br>accept-charset: The value (charset_list) specifies the form data character set that the server can process. <br>action: value (URL) specifies where to send form data when the form is submitted. <br>autocomplete: The value (on, off) specifies whether to enable the <a href="http://www.php.cn/code/6615.html" target="_blank">autocomplete</a> function of the form. <br>method: value (get, post) specifies the http method used to send form-data. <br>name: The value (form_name) specifies the name of the form. <br>target: value (_blank, _self, _parent, _top, foamname) specifies where to open the action URL. </p>
<p>29. Tag:<input><br>Function: Tag is used to collect user information. <br>Attribute:accept:value(mime_type) specifies the type of file submitted via <a href="http://www.php.cn/code/6649.html" target="_blank">file upload</a>. <br>align: The value (left, right, top, middle, bottom) is deprecated. Specifies the alignment of the image input. <br>alt: value (text) defines the alternative text for the image input. <br>autocomplete: The value (on, off) specifies whether to use the autocomplete function of the input field. <br>autofocus: The value (autofocus) specifies whether the input field gets focus when the page loads. <br>checked: The value (checked) specifies that this input element should be selected when it is first loaded. <br>disabled: value (disabled) disables this element when the input element is loaded. <br>form: The value (formname) specifies one or more forms to which the input field belongs. <br>formaction: The value (url) overrides the action attribute of the form. <br>height: value (pixels %) defines the height of the input field. <br>list: value(datalist-id) refers to a datalist containing predefined options for the input field. <br>max: value (number, date) specifies the maximum value of the input field. <br>maxlength: The value (number) specifies the maximum length of characters in the input field. <br>min: value (number, date) specifies the minimum value of the input field. <br>name: value (field_name) defines the name of the input element. <br>readonly: The value (readonly) specifies that the input field is read-only. <br>size: value (number_of_char) defines the width of the input field. <br>type: value (button, checkbox, file, hidden, image, password, radio, reset, submit, text) specifies the type of input element. <br>value: Value (value) specifies the value of the input element. <br>width: value (pixels,%) defines the width of the input field. </p>
<p>30. Label:<textarea><br>Function: Label defines a multi-line text input control. <br>Attribute:autofocus:The value (autofocus) specifies that the text area automatically gains focus after the page is loaded. <br>cols: value (number) specifies the visible width within the text area. <br>disabled: The value (disabled) specifies that the text area is disabled. <br>form: The value (form_id) specifies one or more forms to which the text area belongs. <br>maxlength: value (number) specifies the maximum number of characters in the text area. <br>name: value (name_of_textarea) specifies the name of the text area. <br>placeholder: value (text) specifies a short hint describing the expected value of the text area. <br>readonly: The value (readonly) specifies that the text area is read-only. <br>rows: value (number) specifies the number of visible rows in the text area. </p>
<p>31. Label:<button><br>Function: The label defines a button. <br>Attribute: disabled: value (disabled) specifies that the button should be disabled. <br>form: The value (form_name) specifies that the button belongs to one or more forms. <br>name: value (button_name) specifies the name of the button. <br>type: value (button, reset, submit) specifies the type of button. <br>value: Value (text) specifies the initial value of the button. </p>
<p>32. Tag:<select><br>Function: The element can create a single-select or multi-select menu. <br>Attribute:data:value(url) is used to automatically <a href="http://www.php.cn/code/5336.html" target="_blank">insert data</a>. <br>disabled: value (true, false) When this property is true, the menu will be disabled. <br>form: value (true, false) defines one or more forms to which the select field belongs. <br>multiple: value (true, false) When this attribute is true, it specifies that multiple items can be selected at one time. <br>name: value (unique_name) defines the <a href="http://www.php.cn/code/7266.html" target="_blank"> unique identifier for the drop-down list </a>. <br>size: value (number) defines the number of visible items in the menu. Not supported</p>
<p>33. Label:<optgroup><br>Function: Label defines option group. <br>Attribute: label: value (text) specifies a description for the option group. <br>disabled: The value (disabled) specifies that this option group is disabled. </p>
<p>34. Tag: <option><br>Function: The element defines an option in the drop-down list. <br>Attribute: disabled: value (disabled) specifies that the secondary option should be disabled when first loaded. <br>label: value (text) defines the label used when using <optgroup>. <br>selected: The value (selected) specifies that the option appears in the selected state. <br>value: Value (text) defines the option value sent to the server. </p>
<p>35. Tag: form field<br>{<br> Single-line text field: <input type="text" /><br> Password text field: <input type="password" / ><br> <a href="http://www.php.cn/code/5979.html" target="_blank">Radio button</a>: <input type="radio" /><br> Multi-select button: <input type="checkbox" /><br> Hidden field: <input type="hidden" /><br> Submit button: <input type="submit" /><br> Reset button: <input type="reset" /><br> Since Define button: <input type="button" /><br> File upload: <input type="file"/><br> Multi-line text area: <textarea /><br> Drop-down list Domain: <select /><br>}</p>
<p> </p>
<p> Note: It may not be complete, but it is basically some commonly used ones. </p><p>The above is the detailed content of Summary of commonly used tags in HTML5. For more information, please follow other related articles on the PHP Chinese website!</p> </div>
</div>
<div style="height: 25px;">
<div class="wzconBq" style="display: inline-flex;">
<span>Related labels：</span>
<div class="wzcbqd">
<a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/search?word=h5" target="_blank">h5</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/search?word=html5" target="_blank">html5</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/search?word=summarize" target="_blank">Summarize</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/search?word=label" target="_blank">Label</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/search?word=use" target="_blank">use</a> </div>
</div>
<div style="display: inline-flex;float: right; color:#333333;">source：php.cn</div>
</div>
<div class="wzconOtherwz">
<a href="http://www.php.cn/faq/367599.html" title="The most complete collection of labels in history">
<span>Previous article：The most complete collection of labels in history</span>
</a>
<a href="http://www.php.cn/faq/367601.html" title="Detailed introduction to the basic knowledge of html event attributes">
<span>Next article：Detailed introduction to the basic knowledge of html event attributes</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>
<div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div>
<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="http://www.php.cn/faq/375959.html">How to add elements to php array</a>
</div>
<div>2023-03-14 15:58:02</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/faq/377752.html">Example showing JS implementing a simple multiple-choice assessment system</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/faq/376780.html">PHP solution to restrict multiple submissions of the same IP</a>
</div>
<div>2023-03-15 07:38:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/faq/362217.html">Using regular expressions to implement form validation in HTML</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/faq/379000.html">Detailed explanation of this pointing issue in JavaScript strict mode</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/faq/377851.html">Example code for building a tree menu (including multi-level menu) in Java</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/faq/376633.html">Detailed explanation of examples of CSS3 implementing smooth transition when hover leaves</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/faq/370599.html">Swiper carousel image source code sharing analysis</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/faq/378766.html">Summarize and organize VsCode plug-ins</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/faq/373935.html">HttpUtils request tool class code</a>
</div>
<div>1970-01-01 08:00:00</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="http://www.php.cn/wenda/176344.html" target="_blank" title="How do I get my image to appear on the page's main display?" class="wdcdcTitle">How do I get my image to appear on the page's main display?</a>
<a href="http://www.php.cn/wenda/176344.html" class="wdcdcCons">What I want to do is receive some photos using NASAAPI. These photos are then displayed on...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> From 2024-04-06 15:33:12</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>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>433</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="http://www.php.cn/wenda/176282.html" target="_blank" title="Can PDF files run HTML5 and Javascript?" class="wdcdcTitle">Can PDF files run HTML5 and Javascript?</a>
<a href="http://www.php.cn/wenda/176282.html" class="wdcdcCons">I have a stupid idea to try and make a program that won't be blocked on any computer since...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> From 2024-04-05 12:57: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>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>456</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="http://www.php.cn/wenda/175892.html" target="_blank" title="What is the difference between enctype and formenctype in HTML5?" class="wdcdcTitle">What is the difference between enctype and formenctype in HTML5?</a>
<a href="http://www.php.cn/wenda/175892.html" class="wdcdcCons">I'm just wondering what's the difference between the attributes enctype and formenctype in...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> From 2024-04-02 11:47:56</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>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>275</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="http://www.php.cn/wenda/175834.html" target="_blank" title="Make the page mobile-friendly?" class="wdcdcTitle">Make the page mobile-friendly?</a>
<a href="http://www.php.cn/wenda/175834.html" class="wdcdcCons">I have many web pages and some websites. The thing is, I'm a beginner. I'm using basic htm...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> From 2024-04-01 20:42:38</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>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>259</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="http://www.php.cn/faq/zt" target="_blank">More>
</a>
</div>
<div class="wzcttlist">
<ul>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/faq/hssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214263480780.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="what is h5" /> </a>
<a target="_blank" href="http://www.php.cn/faq/hssm" class="title-a-spanl" title="what is h5"><span>what is h5</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/faq/html5dhzzynxz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213560284279.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What are the production methods of html5 animation production?" /> </a>
<a target="_blank" href="http://www.php.cn/faq/html5dhzzynxz" class="title-a-spanl" title="What are the production methods of html5 animation production?"><span>What are the production methods of html5 animation production?</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/faq/htmlyhtmldeqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212284445490.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="The difference between HTML and HTML5" /> </a>
<a target="_blank" href="http://www.php.cn/faq/htmlyhtmldeqb" class="title-a-spanl" title="The difference between HTML and HTML5"><span>The difference between HTML and HTML5</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/faq/h5zmsxwebdxsh"><img src="https://img.php.cn/upload/subject/202407/22/2024072212263657970.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to implement h5 to slide up and load the next page on the web side" /> </a>
<a target="_blank" href="http://www.php.cn/faq/h5zmsxwebdxsh" class="title-a-spanl" title="How to implement h5 to slide up and load the next page on the web side"><span>How to implement h5 to slide up and load the next page on the web side</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/faq/oneshsyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213491045311.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ones function usage" /> </a>
<a target="_blank" href="http://www.php.cn/faq/oneshsyf" class="title-a-spanl" title="ones function usage"><span>ones function usage</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/faq/windowsazsb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212251491457.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="windows10 installation failed" /> </a>
<a target="_blank" href="http://www.php.cn/faq/windowsazsb" class="title-a-spanl" title="windows10 installation failed"><span>windows10 installation failed</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/faq/byjswgssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072212243631550.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What does edge computing gateway mean?" /> </a>
<a target="_blank" href="http://www.php.cn/faq/byjswgssmys" class="title-a-spanl" title="What does edge computing gateway mean?"><span>What does edge computing gateway mean?</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/faq/dzhtqsptynx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214334845294.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What are the electronic contract signing platforms?" /> </a>
<a target="_blank" href="http://www.php.cn/faq/dzhtqsptynx" class="title-a-spanl" title="What are the electronic contract signing platforms?"><span>What are the electronic contract signing platforms?</span> </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpwzright">
<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="http://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="http://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="http://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="http://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="http://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="http://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="http://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 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="http://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>1414742 <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="http://www.php.cn/course/74.html" title="PHP introductory tutorial one: Learn PHP in one week" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/74.html">PHP introductory tutorial one: Learn PHP in one week</a>
<div class="wzrthreerb">
<div>4252872 <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="http://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a>
<div class="wzrthreerb">
<div>2460511 <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="http://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a>
<div class="wzrthreerb">
<div>502514 <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="http://www.php.cn/course/2.html" title="PHP zero-based introductory tutorial" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/2.html">PHP zero-based introductory tutorial</a>
<div class="wzrthreerb">
<div>842557 <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="http://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 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="http://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 >1414742 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="http://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a>
<div class="wzrthreerb">
<div >2460511 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="http://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a>
<div class="wzrthreerb">
<div >502514 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="http://www.php.cn/course/901.html" title="Quick introduction to web front-end development" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/901.html">Quick introduction to web front-end development</a>
<div class="wzrthreerb">
<div >215149 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="http://www.php.cn/course/234.html" title="Master PS video tutorials from scratch" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/234.html">Master PS video tutorials from scratch</a>
<div class="wzrthreerb">
<div >872621 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="http://www.php.cn/course/1648.html" title="[Web front-end] Node.js quick start" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/1648.html">[Web front-end] Node.js quick start</a>
<div class="wzrthreerb">
<div >6069 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="http://www.php.cn/course/1647.html" title="Complete collection of foreign web development full-stack courses" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/1647.html">Complete collection of foreign web development full-stack courses</a>
<div class="wzrthreerb">
<div >4631 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="http://www.php.cn/course/1646.html" title="Go language practical GraphQL" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/1646.html">Go language practical GraphQL</a>
<div class="wzrthreerb">
<div >3995 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="http://www.php.cn/course/1645.html" title="550W fan master learns JavaScript from scratch step by step" class="wzrthreelaimg">
<img 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="http://www.php.cn/course/1645.html">550W fan master learns JavaScript from scratch step by step</a>
<div class="wzrthreerb">
<div >595 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="http://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 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="http://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 >20369 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="http://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="http://www.php.cn/xiazai/js/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="http://www.php.cn/xiazai/js/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="http://www.php.cn/xiazai/js/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="http://www.php.cn/xiazai/js/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="http://www.php.cn/xiazai/js/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="http://www.php.cn/xiazai/js/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="http://www.php.cn/xiazai/js/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="http://www.php.cn/xiazai/js/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/sucai/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="http://www.php.cn/xiazai/sucai/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="http://www.php.cn/xiazai/sucai/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="http://www.php.cn/xiazai/sucai/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="http://www.php.cn/xiazai/sucai/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="http://www.php.cn/xiazai/sucai/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="http://www.php.cn/xiazai/sucai/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="http://www.php.cn/xiazai/sucai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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="http://www.php.cn/xiazai/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>
<div class="phpFoot">
<div class="phpFootIn">
<div class="phpFootCont">
<div class="phpFootLeft">
<dl>
<dt>
<a href="http://www.php.cn/about/xieyi.html" rel="nofollow" target="_blank" title="About us" class="cBlack">About us</a>
<a href="http://www.php.cn/about/yinsi.html" rel="nofollow" target="_blank" title="Disclaimer" class="cBlack">Disclaimer</a>
<a href="http://www.php.cn/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
<div class="clear"></div>
</dt>
<dd class="cont1">php.cn：Public welfare online PHP training，Help PHP learners grow quickly！</dd>
</dl>
</div>
</div>
</div>
</div>
<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?1729576629"></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>
</body>
</html> 
