Der Inhalt dieses Artikels besteht darin, vorzustellen, wie man einen Einladungsbrief in HTML5 erstellt. So erstellen Sie eine Einladung (Codebeispiel). Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
Zweck: Dieses einfache Einladungsschreiben dient lediglich dazu, Anfängern den Einstieg in die Webentwicklung zu ermöglichen.
Bevor wir die Seite erstellen, werfen wir einen Blick auf das Gesamterscheinungsbild der gesamten Einladung.
1. Schreiben Sie zuerst den HTML-Code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>邀请函</title>
</head>
<body>
<div id="container">
<h1>hello world</h1>
<p>欢迎来到虚拟世界，在这里发挥你的想象力，探索无限的可能。</p>
<a href="#" id="button">点击进入</a>
</div>
</body>
</html>
Nach dem Login kopieren
Anleitung:
< ; !doctype html>: Dies hat die Form einer Dokumentdeklaration.
-Tag: steht für den Anfang von HTML, steht für das Ende von HTML.
-Tag: Es enthält eine Beschreibung verschiedener Attribute und Konfigurationsinformationen der HTML5-Seite. Daher kann er gewissermaßen als „Personalausweis“ angesehen werden.
-Tag: Verwenden Sie den Zeichensatz des -Tags und geben Sie seine Zeichenkodierung als UTF-8 an, eine universelle Kodierungsform, die auch als „ “ bezeichnet wird. Universeller Code".
Tag: Der Titel der Seite, der in der Menüleiste des Browsers angezeigt wird. </p><p><body> Tag: Enthält alle Inhaltsinformationen, die dem Betrachter präsentiert werden sollen. </p><p><div> Tag: Dies ist ein allgemeines Element auf Blockebene, das einem Container entspricht. Es wird häufig für das Div+CSS-Layout verwendet. Hier verwenden wir es, um die Position der Seite anzupassen. </p><p><h1> Tag: Dies ist ein Titel, er hat sechs Stufen von 1 bis 6. </p><p><p> Tag: Dies stellt einen Absatz dar. </p><p><a> Tag: Dies ist ein Link. </p><p><span style="font-size: 18px;"><strong>2. Verschönern Sie die Seite: CSS</strong></span></p><p>1. Fügen Sie der Seite ein Hintergrundbild hinzu: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">html,body{
height: 100%;
}body {
background: url(images/1.jpg) center center;
background-size: cover;
}</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Wir sind Hinzufügen eines Hintergrundbilds zur Seite Beim Hinzufügen eines Hintergrundbilds hat das von uns ausgewählte Hintergrundbild möglicherweise relativ große Pixel und passt möglicherweise nicht in unser Browserfenster. Daher zentrieren wir das Hintergrundattribut des Körpers sowohl in horizontaler als auch in vertikaler Richtung Der Browser verfügt standardmäßig nicht über das Höhenattribut, daher muss das Attribut height: 100 % auf den Körper und das übergeordnete Element des Körpers (HTML) festgelegt werden. Legen Sie das Attribut „background-size: cover“ auf dem Körper fest, um zu realisieren, dass das Hintergrundbild den gesamten Bildschirm adaptiv ausfüllt. </p><p>2. Schriftstil zur Webseite hinzufügen </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">html,body{
height: 100%;
font-family: sans-serif;
color: #801449;
}</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>font-family: Attribut kann die Schriftart ändern. </p><p>Farbe: Sie können die Farbe der Schriftart ändern. Da CSS über einen Vererbungsmechanismus verfügt, verfügen nachfolgende Elemente über dieses Attribut. </p><p>3. Passen Sie die Position des Einladungsinhaltsbereichs an. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">body {
background: url(images/1.jpg) center center;
background-size: cover;
margin: 0;
padding: 0;
position: relative;
}#container {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Zunächst verwenden wir margin: 0;padding: 0; Dies ist eine sehr gängige Praxis. Dadurch können einige vom Browser voreingestellte Randwerte für Seitenelemente gelöscht werden, wodurch die CSS-unabhängigere Steuerung verbessert wird präzise. </p><p>Hier verwenden wir den ID-Selektor (#+ID-Name) und setzen seine Breite auf 100 %; verwenden Sie text-ailgn:center, um den Text horizontal zu zentrieren. </p><p>Wie erreicht man also vertikales Spiel? Hier wird die Positionierung verwendet: Wir müssen das obere Attribut des Containers steuern, das auf der absoluten Positionierung basieren muss. Um den Container absolut zu positionieren, muss sein übergeordnetes Element (Körper) auf relative Positionierung eingestellt werden. Dann verwenden wir das Attribut, um die Spitze 50 % von der Spitze entfernt zu machen. </p><p>Es ist noch nicht vorbei, wir können das Transformationsattribut von HTML5 verwenden, um TranslateY(-50%) festzulegen, das heißt, es um die Hälfte seiner Höhe nach oben zu verschieben. </p><p>Auf diese Weise wird der gesamte Container in der Mitte der Seite angezeigt. </p><p>4. Legen Sie einige Schriftarten und -größen für die Inhaltsbeschriftungen fest. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">h1 {
font-size: 54px;
text-transform: uppercase;
margin-bottom: 20px;
}p {
font-size: 21px;
margin-bottom: 40px;
}a {
font-size: 18px;
color: #8f3c3c;
}</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Beschreibung: </p><p> Schriftgröße: Legen Sie die Schriftgröße fest. </p><p> text-transform:uppercase: Text in Großbuchstaben umwandeln. </p><p> margin-bottom:20px: Hierbei handelt es sich um das Box-Modell, was bedeutet, dass der untere Rand eine Breite von 20 Pixel hat. </p><p>5. Erstellen Sie eine Einladungsschaltfläche. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">a {
font-size: 18px;
color: #8f3c3c;
border: 1px solid #c66c6c;
border-radius: 3px;
padding: 10px 100px;
text-decoration: none;
}</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p> Rahmen: Legen Sie den Rahmen dafür fest. Die drei Parameter dieses Attributs stellen die Rahmenbreite von 1 Pixel, die durchgezogene Linie bzw. die Farbe dar. </p><p> border-radius: Legt eine abgerundete 3-Pixel-Ecke für den Rand fest. </p><p> Polsterung: Obere und untere Polsterung beträgt 10 Pixel; linke und rechte Polsterung beträgt 100 Pixel. </p><p> text-decoration:none: Dadurch wird die Unterstreichung des Links entfernt. </p><p><span style="font-size: 16px;"><strong>Gesamt-CSS-Datei: <em></em></strong></span><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> html,body{
height: 100%;
font-family: sans-serif;
color: #801449;
}
body {
background: url(images/1.jpg) center center;
background-size: cover;
margin: 0;
padding: 0;
position: relative;
}
#container {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
h1 {
font-size: 54px;
text-transform: uppercase;
margin-bottom: 20px;
}
p {
font-size: 21px;
margin-bottom: 40px;
}
a {
font-size: 18px;
color: #8f3c3c;
border: 1px solid #c66c6c;
border-radius: 3px;
padding: 10px 100px;
text-decoration: none;
}</pre><div class="contentsignin">Nach dem Login kopieren</div></div></p><p><span style="font-size: 18px;">3. Interaktion für die Seite erstellen<strong> </strong></span><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var btn = document.getElementById('button');
btn.onclick = function(e) {
//preventDefault() 可以阻止单机链接后浏览器默认的URL跳转。
e.preventDefault();
btn.innerHTML = "正在进入..."
btn.style.border = "0";
}</pre><div class="contentsignin">Nach dem Login kopieren</div></div></p> Zuerst fügen wir die Schaltfläche „id as“ zum Link <a> hinzu. <p></p> Verwenden Sie document.getElementById(id name), um einen Link abzurufen und ihn der Variablen btn zuzuweisen. <p></p> Fügen Sie dann das eigenständige Attribut zu btn hinzu und rufen Sie die Ausführungsfunktion auf. <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> e.preventDefault(); //将阻止其默认的链接跳转。
btn.innerHTML = "正在进入..." //改变文本内容。
btn.style.border = "0";</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Das obige ist der detaillierte Inhalt vonWie erstelle ich ein Einladungsschreiben in HTML5? So erstellen Sie einen Einladungsbrief (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </div>
</div>
<div style="height: 25px;">
<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=html5" target="_blank">html5</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=einladungsschreiben" target="_blank">Einladungsschreiben</a> </div>
</div>
<div style="display: inline-flex;float: right; color:#333333;">Quelle：cnblogs.com</div>
</div>
<div class="wzconOtherwz">
<a href="https://www.php.cn/de/faq/412329.html" title="Wie implementiert man ein einfaches Parkour-Spiel? (Detaillierte Code-Erklärung)">
<span>Vorheriger Artikel：Wie implementiert man ein einfaches Parkour-Spiel? (Detaillierte Code-Erklärung)</span>
</a>
<a href="https://www.php.cn/de/faq/412397.html" title="Eine kurze Diskussion zu einem kleinen Problem, das in den Daten von H5 leicht übersehen wird-*">
<span>Nächster Artikel：Eine kurze Diskussion zu einem kleinen Problem, das in den Daten von H5 leicht übersehen wird-*</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/529366.html">Verstehen Sie den Sentinel in Redis im Detail</a>
</div>
<div>2023-04-26 17:59:18</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/de/faq/529362.html">[Organisation und Freigabe] 7 beliebte React-Statusverwaltungstools</a>
</div>
<div>2023-04-26 17:47:48</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/de/faq/529360.html">In einem Artikel wird der Unterschied zwischen Schlüssel in Vue2 und Schlüssel in Vue3 erläutert</a>
</div>
<div>2023-04-26 17:41:42</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/de/faq/529358.html">Ein Artikel über Speichersteuerung in Node</a>
</div>
<div>2023-04-26 17:37:05</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/de/faq/529356.html">Praktische Excel-Kenntnisse weitergeben: 4 Tipps zum Löschen doppelter Werte!</a>
</div>
<div>2023-04-26 17:31:25</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/de/faq/529350.html">Vermittlung praktischer Word-Kenntnisse: Auf diese Weise kann die Konvertierungsfunktion vom Vereinfachten zum Traditionellen genutzt werden!</a>
</div>
<div>2023-04-26 17:27:32</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/de/faq/528167.html">Wie lassen sich domänenübergreifende Probleme lösen? Eine kurze Analyse gängiger Lösungen</a>
</div>
<div>2023-04-25 19:57:58</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/de/faq/528165.html">Ein Artikel zum Verständnis des Singleton-Musters in JavaScript</a>
</div>
<div>2023-04-25 19:53:11</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/de/faq/528163.html">Erfahren Sie mehr über Puffer in Node</a>
</div>
<div>2023-04-25 19:49:11</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/de/faq/528161.html">Erfahren Sie, wie Sie Unit-Tests in Vue3 schreiben</a>
</div>
<div>2023-04-25 19:41:54</div>
</li>
</ul>
</div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">Aktuelle Ausgaben</div>
<div class="wdsyContent">
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="https://www.php.cn/de/wenda/176344.html" target="_blank" title="Wie kann ich dafür sorgen, dass mein Bild auf der Hauptanzeige der Seite erscheint?" class="wdcdcTitle">Wie kann ich dafür sorgen, dass mein Bild auf der Hauptanzeige der Seite erscheint?</a>
<a href="https://www.php.cn/de/wenda/176344.html" class="wdcdcCons">Ich möchte einige Fotos über NASAAPI erhalten. Diese Fotos werden dann im Miniaturbild und...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> Aus 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="https://www.php.cn/de/wenda/176282.html" target="_blank" title="Können PDF-Dateien mit HTML5 und Javascript ausgeführt werden?" class="wdcdcTitle">Können PDF-Dateien mit HTML5 und Javascript ausgeführt werden?</a>
<a href="https://www.php.cn/de/wenda/176282.html" class="wdcdcCons">Ich habe die dumme Idee, ein Programm zu erstellen, das auf keinem Computer blockiert wird...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> Aus 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="https://www.php.cn/de/wenda/175892.html" target="_blank" title="Was ist der Unterschied zwischen enctype und formenctype in HTML5?" class="wdcdcTitle">Was ist der Unterschied zwischen enctype und formenctype in HTML5?</a>
<a href="https://www.php.cn/de/wenda/175892.html" class="wdcdcCons">Ich frage mich nur, was der Unterschied zwischen den Attributen enctype und formenctype in...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> Aus 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="https://www.php.cn/de/wenda/175834.html" target="_blank" title="Die Seite mobilfreundlich gestalten?" class="wdcdcTitle">Die Seite mobilfreundlich gestalten?</a>
<a href="https://www.php.cn/de/wenda/175834.html" class="wdcdcCons">Ich habe viele Webseiten und einige Websites. Die Sache ist, ich bin ein Anfänger. Ich ver...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> Aus 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>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/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="Was sind die Produktionsmethoden der HTML5-Animationsproduktion?" /> </a>
<a target="_blank" href="https://www.php.cn/de/faq/html5dhzzynxz" class="title-a-spanl" title="Was sind die Produktionsmethoden der HTML5-Animationsproduktion?"><span>Was sind die Produktionsmethoden der HTML5-Animationsproduktion?</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/de/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="Der Unterschied zwischen HTML und HTML5" /> </a>
<a target="_blank" href="https://www.php.cn/de/faq/htmlyhtmldeqb" class="title-a-spanl" title="Der Unterschied zwischen HTML und HTML5"><span>Der Unterschied zwischen HTML und HTML5</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/de/faq/gitzmdblgbbdw"><img src="https://img.php.cn/upload/subject/202407/22/2024072212124239787.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So vergleichen Sie den Dateiinhalt zweier Versionen in Git" /> </a>
<a target="_blank" href="https://www.php.cn/de/faq/gitzmdblgbbdw" class="title-a-spanl" title="So vergleichen Sie den Dateiinhalt zweier Versionen in Git"><span>So vergleichen Sie den Dateiinhalt zweier Versionen in Git</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/de/faq/flutterkjyqd"><img src="https://img.php.cn/upload/subject/202407/22/2024072213342029556.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Vor- und Nachteile des Flutter-Frameworks" /> </a>
<a target="_blank" href="https://www.php.cn/de/faq/flutterkjyqd" class="title-a-spanl" title="Vor- und Nachteile des Flutter-Frameworks"><span>Vor- und Nachteile des Flutter-Frameworks</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/de/faq/ubssmhb"><img src="https://img.php.cn/upload/subject/202407/22/2024072213223830027.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Welche Währung ist U-Coin?" /> </a>
<a target="_blank" href="https://www.php.cn/de/faq/ubssmhb" class="title-a-spanl" title="Welche Währung ist U-Coin?"><span>Welche Währung ist U-Coin?</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/de/faq/javalyssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072212162241491.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was bedeutet Java-Routing?" /> </a>
<a target="_blank" href="https://www.php.cn/de/faq/javalyssmys" class="title-a-spanl" title="Was bedeutet Java-Routing?"><span>Was bedeutet Java-Routing?</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/de/faq/vlookuphsrhsy"><img src="https://img.php.cn/upload/subject/202407/22/2024072213312643300.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So verwenden Sie die Vlookup-Funktion" /> </a>
<a target="_blank" href="https://www.php.cn/de/faq/vlookuphsrhsy" class="title-a-spanl" title="So verwenden Sie die Vlookup-Funktion"><span>So verwenden Sie die Vlookup-Funktion</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/de/faq/lineargradient"><img src="https://img.php.cn/upload/subject/202407/22/2024072214403155280.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Eigenschaft mit linearem Gradienten" /> </a>
<a target="_blank" href="https://www.php.cn/de/faq/lineargradient" class="title-a-spanl" title="Eigenschaft mit linearem Gradienten"><span>Eigenschaft mit linearem Gradienten</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 ist h5" href="https://www.php.cn/de/faq/414835.html">was ist h5</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="Wie erstelle ich eine H5-Seite, wenn man den Code nicht versteht? Empfohlene H5-Seitenproduktionsplattform" href="https://www.php.cn/de/faq/417718.html">Wie erstelle ich eine H5-Seite, wenn man den Code nicht versteht? Empfohlene H5-Seitenproduktionsplattform</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="Was sind die neuen Funktionen von HTML5?" href="https://www.php.cn/de/faq/473125.html">Was sind die neuen Funktionen von HTML5?</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="Was ist die Produktion von H5-Seiten?" href="https://www.php.cn/de/faq/468382.html">Was ist die Produktion von H5-Seiten?</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="Was ist der Unterschied zwischen h5 und Miniprogramm?" href="https://www.php.cn/de/faq/463311.html">Was ist der Unterschied zwischen h5 und Miniprogramm?</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/14.html" title="HTML5-Tutorial vom Einstieg bis zur Beherrschung" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/041/61c2f7c8ad888802.jpg" alt="HTML5-Tutorial vom Einstieg bis zur Beherrschung"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="HTML5-Tutorial vom Einstieg bis zur Beherrschung" href="https://www.php.cn/de/course/14.html">HTML5-Tutorial vom Einstieg bis zur Beherrschung</a>
<div class="wzrthreerb">
<div>120871 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="14">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/de/course/554.html" title="Chuanzhi Podcast, Dark Horse HTML5-Grundlagen und Semantik" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62568428eae00509.png" alt="Chuanzhi Podcast, Dark Horse HTML5-Grundlagen und Semantik"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Chuanzhi Podcast, Dark Horse HTML5-Grundlagen und Semantik" href="https://www.php.cn/de/course/554.html">Chuanzhi Podcast, Dark Horse HTML5-Grundlagen und Semantik</a>
<div class="wzrthreerb">
<div>83345 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="554">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/de/course/239.html" title="Grundlegendes Video-Tutorial zu den neuen Funktionen von Geek Academy HTML5" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62611c77d6cbd355.jpg" alt="Grundlegendes Video-Tutorial zu den neuen Funktionen von Geek Academy HTML5"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Grundlegendes Video-Tutorial zu den neuen Funktionen von Geek Academy HTML5" href="https://www.php.cn/de/course/239.html">Grundlegendes Video-Tutorial zu den neuen Funktionen von Geek Academy HTML5</a>
<div class="wzrthreerb">
<div>31706 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="239">
<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 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 >1426859 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 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 >2571536 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 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 >509572 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 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 >216201 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 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 >898084 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 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 >8124 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 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 >6447 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 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 >5357 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 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 >733 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 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 >27086 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?1736221833"></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> 
