Detaillierte Änderung verschiedener Schriftartformate für die Erstellung von HTML-Webseiten_HTML/Xhtml_Webseiten

Dieser Abschnitt beginnt mit der detaillierten Änderung des Textes, damit die Leser die Änderungen in verschiedenen HTML-Schriftformaten verstehen und professionellere Webseiten erstellen können.
4.2 Diverse Textmodifikationen
Im vorherigen Abschnitt haben wir verschiedene Einstellungen für große Absätze kennengelernt und es erscheint attraktiver, den Text selbst zu ändern. Dieser Abschnitt beginnt mit der detaillierten Änderung des Textes, damit die Leser die Änderungen in verschiedenen HTML-Schriftformaten verstehen und professionellere Webseiten erstellen können.
4.2.1 Grundlegende Tags für die Textstileinstellung –
Das grundlegende Tag zum Festlegen von Schriftstilen ist , und der darin enthaltene Text ist der Stilbereich. Beim Schreiben von HTML-Code für Anfänger wird leicht mehrfach verschachtelt, z. B. als -Text . Eine andere Situation ist eine falsch ausgerichtete Beschriftungsverschachtelung, z. B.

Text

. Um das Schreiben von Code zu standardisieren und unnötige Fehler zu vermeiden, müssen Leser beim Lernen vorsichtig sein.
4.2.2 Textfarbe festlegen
Farbe ist eines der Attribute des -Tags, das zum Festlegen der Textfarbe verwendet wird. Erstellen Sie eine Webseitendatei im Verzeichnis D:web, nennen Sie sie „font_color.htm“ und schreiben Sie den Code wie in Code 4.7 gezeigt.
Code 4.7 Einstellung der Schriftfarbe: font_color.htm





Hellroter Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Dunkelroter Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Hellgrüner Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Dunkelgrüner Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Hellblauer Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Dunkelblauer Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Hellgelber Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Dunkelgelber Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Heller Cyan-Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Dunkler Cyan-Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Hellvioletter Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll

Dunkelvioletter Text: Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll



Geben Sie http://localhost/font_color.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt ist wie in Abbildung 4.7 dargestellt.

Abbildung 4.7 Einstellung der Schriftfarbe
Leser können nicht nur die Verwendung des Farbattributs im Schriftart-Tag aus Code 4.7 lernen, sondern sich auch mit den Darstellungsmethoden verschiedener Farben vertraut machen.
4.2.3 Textgröße festlegen
size ist auch ein Attribut des -Tags, mit dem die Textgröße festgelegt wird. Der Wert für die Größe liegt zwischen 1 und 7, der Standardwert ist 3. Wir können „+“ oder „-“ Zeichen vor dem Größenattributwert hinzufügen, um die Erhöhung oder Verringerung relativ zum Anfangswert der Schriftgröße anzugeben. Erstellen Sie eine Webseitendatei im Verzeichnis D:web, nennen Sie sie „font_size.htm“ und schreiben Sie den Code wie in Code 4.8 gezeigt.
Code 4.8 Schriftgrößeneinstellung: font_size.htm





Größe ist 1: HTML-Lernen

Größe ist 2: HTML-Lernen

Größe ist 3: HTML-Lernen

Größe ist 4: HTML-Lernen

Größe ist 5: HTML-Lernen

Größe ist 6: HTML-Lernen

Größe ist 7: HTML-Lernen



Geben Sie http://localhost/font_size.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt ist wie in Abbildung 4.8 dargestellt.

Abbildung 4.8 Einstellung der Schriftgröße
Leser können versuchen, „+“- oder „-“-Zeichen vor dem Größenwert hinzuzufügen, um die Textgröße flexibler festzulegen.
4.2.4 Textschriftart festlegen
face ist auch ein Attribut des -Tags, mit dem die Textschriftart (Schriftstil) festgelegt wird. Die auf HTML-Webseiten angezeigten Schriftarten werden vom Browsersystem aufgerufen. Um die Schriftarten konsistent zu halten, wird die Verwendung der Song-Schriftart empfohlen. HTML-Seiten verwenden standardmäßig auch die Song-Schriftart. Erstellen Sie eine Webseitendatei im Verzeichnis D:web, nennen Sie sie „font_face.htm“ und schreiben Sie den Code wie in Code 4.9 gezeigt.
Code 4.9 Schriftarteinstellung: font_face.htm





Die Schriftart ist Song-Stil: Qinyuanchun·Changsha-Mao Zedong

Die Schriftart ist in normaler Schrift: Qinyuanchun·Changsha-Mao Zedong

Die Schriftart ist fett: Qinyuanchun·Changsha-Mao Zedong

Die Schriftart ist die offizielle Schrift: Qinyuanchun·Changsha-Mao Zedong


Geben Sie http://localhost/font_face.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt ist wie in Abbildung 4.9 dargestellt.

Abbildung 4.9 Schriftarteinstellung
Der Autor legt die Textgröße des geänderten Schriftartteils zur Vereinfachung für die Leser auf Größe 5 fest.
4.2.5 Text neigen
Verwenden Sie Doppel-Tags , um den Text zu neigen und so besondere Effekte zu erzielen, beispielsweise das Datum eines Artikels. wird als Hervorhebungs-Tag bezeichnet und wird derzeit häufiger verwendet als das Tag . Seine Schreibweise ist wie folgt:
Dies ist kursiver Text
Dies ist auch kursiver Text
4.2.6 Text fett formatieren
Verwenden Sie doppelte Tags , um den Text fett zu machen, um ihn auffälliger zu machen, z. B. den Titel eines Artikels. wird als besonderes Hervorhebungs-Tag bezeichnet und der Text wird derzeit häufiger verwendet als das -Tag. Die Schreibweise ist wie folgt.
Dies ist fetter Text
Dies ist auch fetter Text
4.2.7 Text unterstreichen
Verwenden Sie das Doppel-Tag , um dem betroffenen Text eine Unterstreichung hinzuzufügen. Hier ist ein umfassendes Beispiel für kursiv geschriebenen, fett gedruckten und unterstrichenen Text. Erstellen Sie eine Webseitendatei im Verzeichnis D:web, nennen Sie sie „font_style.htm“ und schreiben Sie den Code wie in Code 4.10 gezeigt.
Code 4.10 Textänderungseinstellungen: font_style.htm





Kursiv: Qinyuanchun·Changsha-Mao Zedong

Fett: Qinyuanchun·Changsha-Mao Zedong

Unterstrichen: Qinyuanchun·Changsha-Mao Zedong

Kursiv und fett unterstrichen: Qinyuanchun·Changsha-Mao Zedong


Geben Sie http://localhost/font_style.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt ist wie in Abbildung 4.10 dargestellt.

Abbildung 4.10 Einstellungen zur Schriftartänderung
Der Autor legt die Größe des gesamten Textes innerhalb von zur Vereinfachung für die Leser auf Größe 5 fest.
– Hinweis: Wenn mehrere Tags denselben Text enthalten, kann ihre Einschlussreihenfolge nicht falsch platziert werden.
4.2.8 Verwendung mehrerer Titelstile
Um in Webartikeln die Bedeutung des Titels hervorzuheben, ist der Stil des Titels relativ speziell. Die HTML-Technologie schützt eine Reihe von Stil-Tags für Titel, bei denen es sich um Doppel-Tags

bis

handelt. Die Textgröße von groß bis klein repräsentiert unterschiedliche Ebenen von Titeln. Das Titel-Tag weist eine Besonderheit auf: Es nimmt eine exklusive Zeile ein, der Text ist fett und der Text ist zentriert. Auf diese Weise ist das Festlegen des Titels sehr einfach und es können mehrstufige Titel festgelegt werden. Erstellen Sie eine Webseitendatei im Verzeichnis D:web, nennen Sie sie „font_h.htm“ und schreiben Sie den Code wie in Code 4.11 gezeigt.
Code 4.11 Titeleinstellung: font_h.htm

Titel Nr. 1

Titel Nr. 2

Titel Nr. 3

Titel Nr. 4

Titel Nr. 5

Titel Nr. 6

Fortune Magazine: Warum Google nicht gedeihen und dann verfallen wird

　

Auf potenzielle Probleme stoßen

　

Einige Leute in der Branche glauben, dass Google, das lange Zeit den Markt für Internetsuche und -werbung monopolisiert hat, florieren und dann sinken könnte. ...Gleichzeitig wurden auch viele neue Pläne von Google in letzter Zeit auf den Weg gebracht, wie etwa die Open Mobile Alliance, die allgemeine Plattform für soziale Netzwerke OpenSocial, und die mögliche Investition von Milliarden Dollar in Ausschreibungen für drahtlose Frequenzbänder vielfach in Frage gestellt.
　

wird weiterhin die Suche monopolisieren

　

Kürzlich gab es einige Artikel, die besagen, dass die Leute Google ohne zu zögern verlassen werden, wenn eine bessere Suchmaschine erscheint. Aber selbst wenn eine bessere Suchmaschine auf den Markt kommt, wird es Google noch eine Weile geben. ...In diesem Fall entscheidet oft die Geschwindigkeit der Website über Sieg und Niederlage.

Geben Sie http://localhost/font_h.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt ist wie in Abbildung 4.11 dargestellt.

Abbildung 4.11 Titeleinstellungen
4.2.9 Lernen Sie, mit Sonderzeichen auf Webseiten umzugehen
In HTML haben einige Zeichen eine besondere Bedeutung. Beispielsweise ist „“ die linke und rechte Klammer des Tags, und das Tag steuert die Anzeige von HTML. Das Tag selbst kann nur vom Browser analysiert werden kann auf der angezeigten Seite nicht verwendet werden. Wie wird also „“ in HTML angezeigt? HTML gibt an, wie einige Sonderzeichen geschrieben werden, damit sie auf Webseiten angezeigt werden können, wie in Tabelle 4.1 gezeigt.
Tabelle 4.1 Sonderzeichen in HTML

Spezielle Symbole
HTML-Code
Spezielle Symbole
HTML-Code
<
™ (Markensymbol)
™
>
>
® (Registrierungssymbol)
®
"" (englische Halbbreite)
"
×
×
§
§
© (Copyright-Symbol)
©
Erstellen Sie eine Webseitendatei im Verzeichnis D:web, nennen Sie sie string.htm und schreiben Sie den string.htm-Code wie in Code 4.12 gezeigt.
Code 4.12 Sonderzeicheneinstellungen: string.htm





So zeigen Sie das
-Tag an:

So zeigen Sie Anführungszeichen an: „Englische doppelte Anführungszeichen halber Breite“

So zeigen Sie die Marke an: ™

So zeigen Sie Registrierungssymbole an: ®

So zeigen Sie das Copyright-Symbol an: ©

Zeigen§

Zeige ×



Geben Sie http://localhost/string.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt ist wie in Abbildung 4.12 dargestellt.

Abbildung 4.12 Sonderzeicheneinstellungen
— Hinweis: Um das Symbol & separat anzuzeigen, muss der Code & verwendet werden.
4.2.10 So können Sie das Parsen eines Teils von HTML durch den Browser bequemer ignorieren
Wenn Sie auf einer Webseite ein HTML-Codebeispiel erstellen, das dem in diesem Buch ähnelt, müssen Sie leider alles in < umwandeln, was mühsam erscheint. und <xmp></xmp> im HTML-Code können dieses Problem leicht lösen. <br><plaintext> ist ein einzelnes Tag. Wenn es in den HTML-Code eingefügt wird, sind alle darauf folgenden HTML-Tags ungültig. Das heißt, der Browser analysiert nicht alle auf <plaintext> folgenden HTML-Tags und zeigt sie direkt auf der Seite an . <br><xmp></xmp> ist ein Doppel-Tag, das nur die Tags im darin enthaltenen Inhalt ungültig macht. <xmp></xmp> wird häufiger verwendet. Erstellen Sie eine Webseitendatei im Verzeichnis D:web, nennen Sie sie html.htm und schreiben Sie den Code wie in Code 4.13 gezeigt. <br>Code 4.13 Ignorieren Sie die Einstellung des Tags: html.htm <br> <br> <br> <title>Tag-Einstellungen ignorieren</title> <br> <br> <br><h2>Qinyuanchun·Changsha</h2> <br><xmp>Im kalten Herbst der Unabhängigkeit <strong>gehen Sie nördlich des Xiangjiang-Flusses</strong>, an der Spitze der Orangeninsel. <br>Sehen Sie sich die rot bedeckten Berge und die gefärbten Wälder an. <br>Der Fluss ist voller Grün und <u>Hunderte von Booten wetteifern um die Strömung. </u> <br></xmp> <br>Der Adler schlägt in den Himmel, <strong>Der Fisch fliegt auf den flachen Grund, </strong> <br>Alle Arten von frostigem Himmel konkurrieren um die Freiheit. <br>Traurig für den kleinen Umriss, <u>Fragen Sie die grenzenlose Erde </u>, wer ist für die Höhen und Tiefen verantwortlich? <br> <br><plaintext> <br>Nehmen Sie Hunderte von Paaren mit auf eine Reise, <br>Erinnern Sie sich an die glorreiche Vergangenheit. <br> Der kleine Junge, der nur mein Klassenkamerad ist, ist in seinen besten Jahren. <br> Der Gelehrte ist wütend und schimpft mit Fang Qiu. <br> Zeigen Sie das Land und inspirieren Sie Worte. <br> Der Mistboden war wie zehntausend Haushalte. <br> Haben Sie sich jemals daran erinnert, dass <strong> mitten in der Strömung auf das Wasser aufschlug </strong> und die Wellen das Boot zum Stillstand brachten? <br> <br> <br>Geben Sie http://localhost/string.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt ist wie in Abbildung 4.13 dargestellt. <br><img style="max-width:90%" alt="" style="max-width:90%" src="http://files.jb51.net/file_images/web/2009422058213177807.jpg"> <br>Abbildung 4.13 Etiketteneinstellungen ignorieren <br><strong>4.2.11 Andere Methoden zur Textänderung</strong> <br>Um den Anforderungen verschiedener Felder gerecht zu werden, verfügt HTML auch über andere Tags, die den Text ändern. Die am häufigsten verwendeten sind hochgestellte Format-Tags und tiefgestellte Format-Tags. In einigen Fällen ist sogar der Löscheffekt erforderlich, d. h. das HTML-Unterstreichungs-Tag kann verwendet werden. <br> – Die hochgestellte Formatbeschriftung ist die Doppelbeschriftung , die hauptsächlich zur Darstellung mathematischer Exponenten wie der Quadrat- oder Kubikzahl einer bestimmten Zahl verwendet wird. <br> – Das tiefgestellte Format-Tag ist das Doppel-Tag , das hauptsächlich für Kommentare und Basisdarstellungen der Mathematik verwendet wird. <br> – Das Unterstreichungs-Tag ist ein Doppel-Tag <strike></strike>, das hauptsächlich für Löscheffekte verwendet wird. <br>Erstellen Sie eine Webseitendatei im Verzeichnis D:web, nennen Sie sie other.htm und schreiben Sie den Code wie in Code 4.14 gezeigt. <br>Code 4.14 Einstellungen anderer Modifikations-Tags: other.htm <br> <br> <br> <title>Einstellungen für andere Änderungs-Tags</title> <br> <br> <br><font size="5"> <br>Qinyuanchun^Changsha! <br> <br>Darstellung mathematischer Exponenten: 2³=8, 100²=10000<br><hr> <br>Qinyuanchun_Changsha! <br> <br>Darstellung der mathematischen Basis: log₃81=4, log₅125=3<br><hr> <br>Löschwirkung: <strike>Ich wurde gelöscht</strike> <br></font> <br> <br> <br>Geben Sie http://localhost/other.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt ist wie in Abbildung 4.14 dargestellt. <br><img style="max-width:90%" alt="" style="max-width:90%" src="http://files.jb51.net/file_images/web/2009422058217877808.jpg"> <br>Abbildung 4.14 Einstellungen anderer Modifikations-Tags</plaintext></plaintext></plaintext></plaintext> </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=br" target="_blank">br</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=html" target="_blank">html</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=字体" target="_blank">字体</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=文字" target="_blank">文字</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=标签" target="_blank">标签</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=格式" target="_blank">格式</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=细节" target="_blank">细节</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=网页" target="_blank">网页</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/12298.html" title="Anfänger in der Webseitenerstellung: Erlernen Sie die Verwendung von HTML-Hyperlinks. Eine tag_HTML/Xhtml_web-Seitenerstellung"> <span>Vorheriger Artikel：Anfänger in der Webseitenerstellung: Erlernen Sie die Verwendung von HTML-Hyperlinks. Eine tag_HTML/Xhtml_web-Seitenerstellung</span> </a> <a href="https://www.php.cn/de/faq/12302.html" title="Web-Frontend-Entwicklung CSS-bezogene Teamzusammenarbeit_HTML/Xhtml_Webseitenproduktion"> <span>Nächster Artikel：Web-Frontend-Entwicklung CSS-bezogene Teamzusammenarbeit_HTML/Xhtml_Webseitenproduktion</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/1796639331.html">Was ist eine NullPointerException und wie behebe ich sie?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796629482.html">Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796628545.html">Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627928.html">C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627806.html">Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627670.html">Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627643.html">Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627620.html">PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627574.html">Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627539.html">Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten</a> </div> <div>2024-10-11 12:17:31</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/176373.html" target="_blank" title="Das Eingabeelement konnte nicht von der Website abgerufen werden" class="wdcdcTitle">Das Eingabeelement konnte nicht von der Website abgerufen werden</a> <a href="https://www.php.cn/de/wenda/176373.html" class="wdcdcCons">Ich versuche also, ein Eingabeelement von Twitter abzurufen, aber wenn ich es ausführe, er...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 18:59:57</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>442</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/176329.html" target="_blank" title="Sollten wir SSG verwenden, um mit Nuxt.js erstellte Dashboards bereitzustellen?" class="wdcdcTitle">Sollten wir SSG verwenden, um mit Nuxt.js erstellte Dashboards bereitzustellen?</a> <a href="https://www.php.cn/de/wenda/176329.html" class="wdcdcCons">Wir werden mit Nuxt.js ein Dashboard für den internen Gebrauch entwickeln. Da es sich um e...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 13:17:44</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>493</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/176295.html" target="_blank" title="Beim Befehl „npx create-react-app' ist ein Fehler aufgetreten. Wie kann ich ihn beheben?" class="wdcdcTitle">Beim Befehl „npx create-react-app' ist ein Fehler aufgetreten. Wie kann ich ihn beheben?</a> <a href="https://www.php.cn/de/wenda/176295.html" class="wdcdcCons">Ich habe versucht, mit dem Befehl „npxcreate-react-app“ eine neue React-App zu erstellen, ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-05 14:42:18</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>3511</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/176259.html" target="_blank" title="Webdriverio 8: STRG + Mehrfachklicks können nicht ausgeführt werden" class="wdcdcTitle">Webdriverio 8: STRG + Mehrfachklicks können nicht ausgeführt werden</a> <a href="https://www.php.cn/de/wenda/176259.html" class="wdcdcCons">Ich habe mehrere Spalten und muss die Strg-Taste drücken und dann mehrere Spalten auswähle...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-05 09:57:11</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>1449</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/176258.html" target="_blank" title="So kombinieren Sie zwei Arrays von Objekten mithilfe von Javascript zu einem einzigen Array und Objekt" class="wdcdcTitle">So kombinieren Sie zwei Arrays von Objekten mithilfe von Javascript zu einem einzigen Array und Objekt</a> <a href="https://www.php.cn/de/wenda/176258.html" class="wdcdcCons">Ich möchte wissen, wie man zwei Arrays von Objekten mithilfe von Javascript zu einem einzi...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-05 10:00:36</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>1454</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/htmlbq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214431586789.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Copyright-Symbol" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlbq" class="title-a-spanl" title="HTML-Copyright-Symbol"><span>HTML-Copyright-Symbol</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlzxbjq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214403473154.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Online-Editor" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlzxbjq" class="title-a-spanl" title="HTML-Online-Editor"><span>HTML-Online-Editor</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlwyzz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214275948120.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Webseitenproduktion" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlwyzz" class="title-a-spanl" title="HTML-Webseitenproduktion"><span>HTML-Webseitenproduktion</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlkg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214273274014.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Speicherplatz" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlkg" class="title-a-spanl" title="HTML-Speicherplatz"><span>HTML-Speicherplatz</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214210727109.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was ist HTML?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlssm" class="title-a-spanl" title="Was ist HTML?"><span>Was ist HTML?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlztdxzmsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214205132478.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So legen Sie die HTML-Schriftgröße fest" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlztdxzmsz" class="title-a-spanl" title="So legen Sie die HTML-Schriftgröße fest"><span>So legen Sie die HTML-Schriftgröße fest</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/wangydkm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214183933576.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Die Webseite öffnet sich langsam" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/wangydkm" class="title-a-spanl" title="Die Webseite öffnet sich langsam"><span>Die Webseite öffnet sich langsam</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/wydbk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214151490995.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Die Webseite kann nicht geöffnet werden" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/wydbk" class="title-a-spanl" title="Die Webseite kann nicht geöffnet werden"><span>Die Webseite kann nicht geöffnet werden</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 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>1423180 <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 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>4268754 <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 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>2536559 <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 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>507455 <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 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>862774 <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 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 >1423180 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 >2536559 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 >507455 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 >215855 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 >890428 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 >7473 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 >5962 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 >4937 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 >697 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 >24740 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?1734557510"></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>