Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 1、HTML基础学习 第一天_html/css_WEB-ITnose

1、HTML基础学习 第一天_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben： 2016-06-24 11:24:11
Original
1159 Leute haben es durchsucht

1、基本标签属性

 1 <html> 2 <!--属性和属性值对大小写不敏感。 3 不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。 4 而新版本的 (X)HTML 要求使用小写属性。 5  --> 6  7 <body> 8  9 <!-- hello this is a comment-->10 11 <h1 align="left">This is heading 1</h1>12 <h2 align="center">This is heading 2</h2>13 <h3 align="right">This is heading 3</h3>14 <h4>This is heading 4</h4>15 <h5>This is heading 5</h5>16 <h6>This is heading 6</h6>17 18 <hr><!--绘制水平线-->19 20 <a href="http://www.baidu.com"> link_baidu </a>21 22 <br>23 <body bgcolor="#e6e6e6">24 25 26 <p> this is paragraph 1 </p>27 <p> this is paragraph 2 </p>28 <p> this is paragraph 3 </p>29 30 <img  src="/static/imghw/default1.png"  data-src="/i/eg_w3school.gif"  class="lazy"/ alt="1、HTML基础学习 第一天_html/css_WEB-ITnose" >31 <img  src="/static/imghw/default1.png"  data-src="/i/eg_w3school.gif"  class="lazy"    style="max-width:90%"  style="max-width:90%" / alt="1、HTML基础学习 第一天_html/css_WEB-ITnose" >32 <br/>33 <br/>34 <br/>35 36 37 normal38 <br/>39 <b> bold </b>40 <br/>41 <strong> strong </strong>42 <br/>43 <big> big font </big>44 <br/>45 <small> small font </small>46 <br/>47 <i> italic font </i>48 <br/>49 what's the  <sub> fuck </sub>50 <br/>51 what's the  <sup> fuck </sup>52 <br/>53 <i> what's the  <sup> fuck </sup> </i>54 55 <p>pre 标签很适合显示计算机代码：</p>56 57 <pre class="brush:php;toolbar:false">58 for i = 1 to 1059      print i60 next i61
Nach dem Login kopieren
62 63 64

2、始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号

3、h标签只用于标题

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

4、HTML 折行

如果您希望在不产生一个新段落的情况下进行换行（新行），请使用
标签

5、
还是

您也许发现
与
很相似。

在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。

即使
在所有浏览器中的显示都没有问题，使用
也是更长远的保障。

6、计算机输出标签

 1 <br /> 2 <code>Computer code </code> 3 <br /> 4 <kbd>Keyboard input </kbd> 5 <br /> 6 <tt>Teletype text </tt> 7 <br /> 8 <samp>Sample text</samp> 9 <br />10 <var>Computer variable</var>11 <br />
Nach dem Login kopieren

7、地址输入

1 <address>2 Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 3 Visit us at:<br>4 Example.com<br>5 Box 564, Disneyland<br>6 USA7 </address>
Nach dem Login kopieren

8、文字方向

<p>如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；</p><bdo dir="rtl">Here is some Hebrew text</bdo>
Nach dem Login kopieren

9、块引用

 1 这是长的引用： 2 <blockquote> 3 这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。 4 </blockquote> 5  6 这是短的引用： 7 <q> 8 这是短的引用。 9 </q>10 11 <p>12 使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。13 </p>
Nach dem Login kopieren

 

10、格式化总结

 

文本格式化标签

标签

描述

定义粗体文本。

定义大号字。

定义着重文字。

定义斜体字。

定义小号字。

定义加重语气。

定义下标字。

定义上标字。

定义插入字。

定义删除字。

不赞成使用。使用 代替。

不赞成使用。使用 代替。

不赞成使用。使用样式（style）代替。

“计算机输出”标签

标签

描述

定义计算机代码。

定义键盘码。

定义计算机代码样本。

定义打字机代码。

定义变量。

 

Nach dem Login kopieren

      
定义预格式文本。
     
     
           



      

不赞成使用。使用 


 代替。
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

     
     
           
</plaintext></p></td>      <td>
<p>不赞成使用。使用 </p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> 代替。</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div>
</td>     </tr>     <tr>           <td>
<p></p>
<xmp></xmp>
</td>      <td>
<p>不赞成使用。使用 </p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> 代替。</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div>
</td>     </tr>     </table>    <p>引用、引用和术语定义</p>    <table>          <tr>           <td><p><strong>标签</strong></p></td>      <td><p><strong>描述</strong></p></td>     </tr>     <tr>           <td><p><abbr></abbr></p></td>      <td><p>定义缩写。</p></td>     </tr>     <tr>           <td><p><acronym></acronym></p></td>      <td><p>定义首字母缩写。</p></td>     </tr>     <tr>           <td>
<p></p>
<address></address>
</td>      <td><p>定义地址。</p></td>     </tr>     <tr>           <td><p><bdo></bdo></p></td>      <td><p>定义文字方向。</p></td>     </tr>     <tr>           <td>
<p></p>
<blockquote></blockquote>
</td>      <td><p>定义长的引用。</p></td>     </tr>     <tr>           <td><p><q></q></p></td>      <td><p>定义短的引用语。</p></td>     </tr>     <tr>           <td><p><cite></cite></p></td>      <td><p>定义引用、引证。</p></td>     </tr>     <tr>           <td><p><dfn></dfn></p></td>      <td><p>定义一个定义项目。</p></td>     </tr>     </table>      <p class="sycode"></p>   <p class="sycode"></p>   <p class="sycode">       </p>
<p class="sycode"></p>    <p class="sycode"></p>    <p class="sycode">        </p>    <p class="sycode"></p>    <p class="sycode"></p>                      </div>
            </div>
            <div style="display: flex;">
                                <div class="wzconBq" style="display: inline-flex;">
                    <span>Verwandte Etiketten：</span>
                    <div class="wzcbqd">
                        <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=1、html基础学习第一天" target="_blank">1、HTML基础学习 第一天</a>                    </div>
                </div>
                
                <!--                 <div style="display: inline-flex;float: right; color:#333333;">Quelle：php.cn</div>
                 -->
            </div>
            <div class="wzconOtherwz">
                                    <a href="https://www.php.cn/de/faq/269410.html" title="DIV+CSS 网页布局之：两列布局_html/css_WEB-ITnose">
                        <span>Vorheriger Artikel：DIV+CSS 网页布局之：两列布局_html/css_WEB-ITnose</span>
                    </a>
                                    <a href="https://www.php.cn/de/faq/269412.html"  title="DIV+CSS 网页布局之：三列布局_html/css_WEB-ITnose">
                        <span>Nächster Artikel：DIV+CSS 网页布局之：三列布局_html/css_WEB-ITnose</span>
                    </a>
                            </div>
            <div class="wzconShengming">
       
                <div class="bzsmdiv">Erklärung dieser Website</div>
                <div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an 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">Neueste Artikel des Autors</div>
                <ul>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/de/faq/1796771332.html">Wie LLMs funktionieren: Vorausbildung zu Nachtraining, neuronalen Netzwerken, Halluzinationen und Inferenz</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/de/faq/1796771322.html">Ich kombinierte die Blockchain und die KI, um Kunst zu erzeugen. Hier ist das, was als nächstes geschah.</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/de/faq/1796771315.html">Erweiterte schnelle Technik: Denkkette (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/de/faq/1796771302.html">Wiederaufnahme der 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/de/faq/1796771274.html">So verwenden Sie eine mit LLM betriebene Kesselplatte zum Erstellen Ihrer eigenen 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/de/faq/1796771258.html">LLMs für die Codierung im Jahr 2024: Preis, Leistung und der Kampf um das Beste</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/de/faq/1796771227.html">Sehenssprachmodelle auffordern</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/de/faq/1796771219.html">So messen Sie die Zuverlässigkeit der Reaktion eines Großsprachenmodells</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/de/faq/1796771209.html">Eine Illusion des Lebens</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/de/faq/1796771201.html">Wissenschaftler werden es ernst mit großen Sprachmodellen, die das menschliche Denken widerspiegeln</a>
                            </div>
                            <div>2025-02-25 20:45:11</div>
                        </li>
                                    </ul>
            </div>
        

        
        
        <div class="wzconZzwz">
                <div class="wzconZzwztitle">Aktuelle Ausgaben</div>
                <ul>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/de/faq/1796785111.html">Wie können Sie die API der Zahlungsanforderung verwenden, um den Zahlungsvorgang zu vereinfachen?</a>
                            </div>
                            <div>2025-03-26 21:10:26</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/de/faq/1796785110.html">Was sind Server-Sent-Ereignisse (SSE)? Wie können Sie sie verwenden, um Daten vom Server zum Client zu bringen?</a>
                            </div>
                            <div>2025-03-26 21:08:52</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/de/faq/1796785109.html">Erläutern Sie die Verwendung der Web Workers -API, um den JavaScript -Code im Hintergrund auszuführen.</a>
                            </div>
                            <div>2025-03-26 21:07:31</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/de/faq/1796785108.html">Was ist die Vollbild -API? Wie können Sie es verwenden, um Elemente im Vollbildmodus anzuzeigen?</a>
                            </div>
                            <div>2025-03-26 21:06:36</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/de/faq/1796785107.html">Wie können Sie die Drag & Drop-API verwenden, um Drag-and-Drop-Funktionen zu ermöglichen?</a>
                            </div>
                            <div>2025-03-26 21:04:38</div>
                        </li>
                                    </ul>
            </div>



            <div class="wzconZt" >
                <div class="wzczt-title">
                    <div>verwandte Themen</div>
                    <a href="https://www.php.cn/de/faq/zt" target="_blank">Mehr>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/de/faq/qklwebsdlssm"><img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/subject/202407/22/2024072213280050624.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was ist Blockchain Web3.0?" /> </a>
                            <a target="_blank" href="https://www.php.cn/de/faq/qklwebsdlssm" class="title-a-spanl" title="Was ist Blockchain Web3.0?"><span>Was ist Blockchain Web3.0?</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/de/faq/csvgswjzmdk"><img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/subject/202407/22/2024072213340521229.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So öffnen Sie eine Datei im CSV-Format" /> </a>
                            <a target="_blank" href="https://www.php.cn/de/faq/csvgswjzmdk" class="title-a-spanl" title="So öffnen Sie eine Datei im CSV-Format"><span>So öffnen Sie eine Datei im CSV-Format</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/de/faq/jgsrj"><img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/subject/202407/22/2024072214352659547.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Zeiterfassungssoftware" /> </a>
                            <a target="_blank" href="https://www.php.cn/de/faq/jgsrj" class="title-a-spanl" title="Zeiterfassungssoftware"><span>Zeiterfassungssoftware</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/de/faq/wxzdxzzmgb"><img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/subject/202407/22/2024072214100163851.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So deaktivieren Sie den automatischen WeChat-Download" /> </a>
                            <a target="_blank" href="https://www.php.cn/de/faq/wxzdxzzmgb" class="title-a-spanl" title="So deaktivieren Sie den automatischen WeChat-Download"><span>So deaktivieren Sie den automatischen WeChat-Download</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/de/faq/oicq"><img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/subject/202407/22/2024072214373688863.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="oicq" /> </a>
                            <a target="_blank" href="https://www.php.cn/de/faq/oicq" class="title-a-spanl" title="oicq"><span>oicq</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/de/faq/zfcs"><img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/subject/202407/22/2024072213432314183.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Einführung in Streicher" /> </a>
                            <a target="_blank" href="https://www.php.cn/de/faq/zfcs" class="title-a-spanl" title="Einführung in Streicher"><span>Einführung in Streicher</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/de/faq/mexcjyszmy"><img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/subject/202407/22/2024072213214383307.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Wie wäre es mit der MEX-Börse?" /> </a>
                            <a target="_blank" href="https://www.php.cn/de/faq/mexcjyszmy" class="title-a-spanl" title="Wie wäre es mit der MEX-Börse?"><span>Wie wäre es mit der MEX-Börse?</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/de/faq/cpuwdggzmb"><img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/subject/202407/22/2024072214290639588.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was tun, wenn die CPU-Temperatur zu hoch ist?" /> </a>
                            <a target="_blank" href="https://www.php.cn/de/faq/cpuwdggzmb" class="title-a-spanl" title="Was tun, wenn die CPU-Temperatur zu hoch ist?"><span>Was tun, wenn die CPU-Temperatur zu hoch ist?</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/de/faq/wordymcdsy"><img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/subject/202407/22/2024072214243387963.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Die Seitenzahl von Word beginnt auf der dritten Seite als 1 Tutorial" /> </a>
                            <a target="_blank" href="https://www.php.cn/de/faq/wordymcdsy" class="title-a-spanl" title="Die Seitenzahl von Word beginnt auf der dritten Seite als 1 Tutorial"><span>Die Seitenzahl von Word beginnt auf der dritten Seite als 1 Tutorial</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">Beliebte Empfehlungen</div>
            <div class="wzroList">
                <ul>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Was bedeutet URL?" href="https://www.php.cn/de/faq/418772.html">Was bedeutet URL?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Was bedeutet DOM?" href="https://www.php.cn/de/faq/414303.html">Was bedeutet DOM?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="So ändern Sie die Bildgröße" href="https://www.php.cn/de/faq/414252.html">So ändern Sie die Bildgröße</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="So machen Sie die Schriftart in HTML fett" href="https://www.php.cn/de/faq/414520.html">So machen Sie die Schriftart in HTML fett</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="So legen Sie die Größe von HTML-Bildern fest" href="https://www.php.cn/de/faq/475145.html">So legen Sie die Größe von HTML-Bildern fest</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>Beliebte Tutorials</div>
                <a target="_blank" href="https://www.php.cn/de/course.html">Mehr>
                </a>
            </div>
            <div class="wzrthreelist swiper2">
                <div class="wzrthreeTab  swiper-wrapper">
                    <div class="check tabdiv swiper-slide" data-id="one">Verwandte Tutorials <div></div></div>
                    <div class="tabdiv swiper-slide" data-id="two">Beliebte Empfehlungen<div></div></div>
                    <div class="tabdiv swiper-slide" data-id="three">Aktuelle Kurse<div></div></div>
                </div>
                <ul class="one">
                                                <li>
                                <a target="_blank" href="https://www.php.cn/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg">
                                    <img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="https://www.php.cn/de/course/812.html">Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)</a>
                                    <div class="wzrthreerb">
                                        <div>1440140 <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/de/course/74.html" title="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche" 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-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche" href="https://www.php.cn/de/course/74.html">PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche</a>
                                    <div class="wzrthreerb">
                                        <div>4301505 <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/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" 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-Video-Tutorial für Anfänger"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="https://www.php.cn/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a>
                                    <div class="wzrthreerb">
                                        <div>2688792 <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/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg">
                                    <img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="https://www.php.cn/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a>
                                    <div class="wzrthreerb">
                                        <div>518147 <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/de/course/2.html" title="PHP Zero-basiertes Einführungs-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-basiertes Einführungs-Tutorial"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="PHP Zero-basiertes Einführungs-Tutorial" href="https://www.php.cn/de/course/2.html">PHP Zero-basiertes Einführungs-Tutorial</a>
                                    <div class="wzrthreerb">
                                        <div>879879 <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/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg">
                                <img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="https://www.php.cn/de/course/812.html">Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)</a>
                                <div class="wzrthreerb">
                                    <div >1440140 Lernzeiten</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/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" 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-Video-Tutorial für Anfänger"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="https://www.php.cn/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a>
                                <div class="wzrthreerb">
                                    <div >2688792 Lernzeiten</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/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg">
                                <img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="https://www.php.cn/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a>
                                <div class="wzrthreerb">
                                    <div >518147 Lernzeiten</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/de/course/901.html" title="Kurze Einführung in die Web-Frontend-Entwicklung" class="wzrthreelaimg">
                                <img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Kurze Einführung in die Web-Frontend-Entwicklung"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Kurze Einführung in die Web-Frontend-Entwicklung" href="https://www.php.cn/de/course/901.html">Kurze Einführung in die Web-Frontend-Entwicklung</a>
                                <div class="wzrthreerb">
                                    <div >217316 Lernzeiten</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/de/course/234.html" title="Meistern Sie PS-Video-Tutorials von Grund auf" class="wzrthreelaimg">
                                <img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Meistern Sie PS-Video-Tutorials von Grund auf"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Meistern Sie PS-Video-Tutorials von Grund auf" href="https://www.php.cn/de/course/234.html">Meistern Sie PS-Video-Tutorials von Grund auf</a>
                                <div class="wzrthreerb">
                                    <div >925814 Lernzeiten</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/de/course/1648.html" title="[Web-Frontend] Node.js-Schnellstart" 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-Frontend] Node.js-Schnellstart"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="[Web-Frontend] Node.js-Schnellstart" href="https://www.php.cn/de/course/1648.html">[Web-Frontend] Node.js-Schnellstart</a>
                                <div class="wzrthreerb">
                                    <div >10107 Lernzeiten</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/de/course/1647.html" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" class="wzrthreelaimg">
                                <img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" href="https://www.php.cn/de/course/1647.html">Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung</a>
                                <div class="wzrthreerb">
                                    <div >8201 Lernzeiten</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/de/course/1646.html" title="Gehen Sie zur praktischen Anwendung von 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="Gehen Sie zur praktischen Anwendung von GraphQL"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Gehen Sie zur praktischen Anwendung von GraphQL" href="https://www.php.cn/de/course/1646.html">Gehen Sie zur praktischen Anwendung von GraphQL</a>
                                <div class="wzrthreerb">
                                    <div >6942 Lernzeiten</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/de/course/1645.html" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" class="wzrthreelaimg">
                                <img class="lazy" src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" href="https://www.php.cn/de/course/1645.html">Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf</a>
                                <div class="wzrthreerb">
                                    <div >851 Lernzeiten</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/de/course/1644.html" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" 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-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" href="https://www.php.cn/de/course/1644.html">Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen</a>
                                <div class="wzrthreerb">
                                    <div >33827 Lernzeiten</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>Neueste Downloads</div>
                <a href="https://www.php.cn/de/xiazai">Mehr>
                </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-Effekte <div></div></div>
                    <div class="swiper-slide" data-id="twof">Quellcode der Website<div></div></div>
                    <div class="swiper-slide" data-id="threef">Website-Materialien<div></div></div>
                    <div class="swiper-slide" data-id="fourf">Frontend-Vorlage<div></div></div>
                </div>
                <ul class="onef">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Kontaktcode für das jQuery-Enterprise-Nachrichtenformular" href="https://www.php.cn/de/toolset/js-special-effects/8071">[Formular-Schaltfläche] Kontaktcode für das jQuery-Enterprise-Nachrichtenformular</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Wiedergabeeffekte für HTML5-MP3-Spieluhren" href="https://www.php.cn/de/toolset/js-special-effects/8070">[Spezialeffekte für Spieler] Wiedergabeeffekte für HTML5-MP3-Spieluhren</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte" href="https://www.php.cn/de/toolset/js-special-effects/8069">[Menünavigation] HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare" href="https://www.php.cn/de/toolset/js-special-effects/8068">[Formular-Schaltfläche] Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="VUE.JS imitiert den Kugou-Musik-Player-Code" href="https://www.php.cn/de/toolset/js-special-effects/8067">[Spezialeffekte für Spieler] VUE.JS imitiert den Kugou-Musik-Player-Code</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Klassisches HTML5-Pushing-Box-Spiel" href="https://www.php.cn/de/toolset/js-special-effects/8066">[HTML5-Spezialeffekte] Klassisches HTML5-Pushing-Box-Spiel</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten" href="https://www.php.cn/de/toolset/js-special-effects/8065">[Bildspezialeffekte] jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt" href="https://www.php.cn/de/toolset/js-special-effects/8064">[Fotoalbumeffekte] Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt</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/de/toolset/website-source-code/8328" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen" target="_blank">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8327" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben" target="_blank">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8326" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer" target="_blank">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8325" title="Website-Vorlage eines modernen Ingenieurbauunternehmens" target="_blank">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8324" title="Responsive HTML5-Vorlage für Bildungseinrichtungen" target="_blank">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8323" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren" target="_blank">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8322" title="IT-Technologie löst Website-Vorlage für Internetunternehmen" target="_blank">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8321" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil" target="_blank">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</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/de/toolset/website-materials/3078"  target="_blank"  title="可爱的夏天元素矢量素材(EPS+PNG)">[PNG material] 可爱的夏天元素矢量素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-materials/3077"  target="_blank"  title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG material] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-materials/3076"  target="_blank"  title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[Banner image] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-materials/3075"  target="_blank"  title="金色的毕业帽矢量素材(EPS+PNG)">[PNG material] 金色的毕业帽矢量素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-materials/3074"  target="_blank"  title="黑白风格的山脉图标矢量素材(EPS+PNG)">[PNG material] 黑白风格的山脉图标矢量素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-materials/3073"  target="_blank"  title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[PNG material] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-materials/3072"  target="_blank"  title="扁平风格的植树节banner矢量素材(AI+EPS)">[Banner image] 扁平风格的植树节banner矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-materials/3071"  target="_blank"  title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG 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/de/toolset/website-source-code/8328"  target="_blank" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8327"  target="_blank" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8326"  target="_blank" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8325"  target="_blank" title="Website-Vorlage eines modernen Ingenieurbauunternehmens">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8324"  target="_blank" title="Responsive HTML5-Vorlage für Bildungseinrichtungen">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8323"  target="_blank" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8322"  target="_blank" title="IT-Technologie löst Website-Vorlage für Internetunternehmen">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/de/toolset/website-source-code/8321"  target="_blank" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</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>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p>
        </div>
        <div class="footermid">
            <a href="https://www.php.cn/de/about/us.html">Über uns</a>
            <a href="https://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a>
            <a href="https://www.php.cn/de/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?1743054858"></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>