Was ist HTML? Ein vollständiger HTML-Code verrät es Ihnen (vollständige Beispielversion)-HTML-Tutorial-php.cn

Was bedeutet HTML? In diesem Artikel wird hauptsächlich der grundlegende vollständige Code des HTML-Dokuments für jedermann erläutert, außerdem gibt es spezifische Beispielerklärungen, damit jeder die Grundstruktur und Verwendung von HTML auf einen Blick verstehen kann. Werfen wir gemeinsam einen Blick darauf

Was ist 1.html?

Sprachlich gesehen ist HTML eine Hypertext-Auszeichnungssprache. Es handelt sich um eine Sprache, die zur Anzeige von Webseiten verwendet wird und speziell für die Lesbarkeit durch Browser geschrieben wurde. Es kann viele Dinge enthalten, beispielsweise ein Bild, einen Link, Musik oder nicht-textliche Elemente, beispielsweise kleine Anwendungen. Die HTML-Sprache umfasst den Kopf der Webseite (im Head-Tag) und den Hauptteil der Webseite (im Body-Tag). Der gesamte Inhalt des Hauptteils wird auf der Browserseite angezeigt. Der Inhalt des Headers dient hauptsächlich dazu, den Browser bei der Anzeige des Inhalts des Hauptteils zu unterstützen, und beides ist wichtig. (Empfohlene verwandte Tutorials: HTML-Entwicklungshandbuch)

2. Das Folgende zeigt Ihnen einen vollständigen Code basierend auf HTML

<!doctype html>（给浏览器看的，向浏览器说明是html文档）
<html>（html文档的开头，还有最后一行是HTML文档的结尾）
<head>（头部的开始，里面有时候要放不少东西，辅助主体文档的正常显示的）
<meta charset="utf-8">（这行是头部里面的meta标签的第一行内容，是告诉浏览器这文档是属于utf-8字符编码格式的还有不少比较常见的，这里就不多介绍了）
<title>PHP中文网</title>（title标签，是属于头部里面的定义标题的标签，会显示在浏览器的页面上方的标签页上面的）
</head>（头部结束）
<body>（主体开始，主要把文档的所有内容都放到网页中）
	hello world开始时随便加的一句问候）
</body>（主体结束）
</html>（文档结束）

Nach dem Login kopieren

Das Obige ist eines Der gesamte Code im Dokument sieht nach der Ausführung folgendermaßen aus:

Was ist HTML? Ein vollständiger HTML-Code verrät es Ihnen (vollständige Beispielversion)

Was auf der Registerkarte oben angezeigt wird, ist der im Titel angezeigte Inhalt und was in der Der Körper wird auf der Webseite angezeigt.

Auf diese Weise wurde ein vollständiger HTML-Code erklärt (empfohlene verwandte Videokurse: Eine HTML-Seite von Grund auf erstellen), der jedoch konsolidiert werden muss. Lassen Sie uns alle oben genannten allgemeinen Codes erklären:

3. Die oben genannten Code- und Beschriftungserklärungen

Das Tag, das am Anfang und Ende geschrieben werden muss, ist

Das Head-Tag ist ebenfalls ein Doppel-Tag und muss ein Ende haben, um die Anzeige des Hauptteils der Seite zu unterstützen

Ja, es enthält viele Tags. Ich werde sie Ihnen später einzeln vorstellen </p><p></p>Four.html codiert mehrere neue Tags<p><strong> </strong>Das Obige sind die Tags auf der Basis-Webseite. Lassen Sie mich Ihnen einen Code zeigen, der etwas hinzufügt und ein paar neue Tags erkennt: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <h1>hello world</h1> <h2>这是主体中的标题标签</h2> <h3>比正常显示的文字要大<h3> <p>正常文字</p> <p>这是写段落的，可以写很多字的。。。。。。。。。。。。。。。。。。。很多字。。。。。。。。。。。。。。。。。很多字。。。。。。。。。。。很多字的</p> <p>这也是写段落的，可以写很多字的。。。。。。。。。。。。。。。。。。。很多字的</br>这是换行显示。。。。。。。。。。。。。。。。。很多字。。。。。。。。。。。很多字的</p> </body> </html></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Verstehen Sie den obigen Code? Lassen Sie mich Ihnen den </p>-Effekt zeigen, nachdem <p> ausgeführt wurde: <strong></strong><br></p> Dieser Vergleich sollte sehr klar sein. Die Titel-Tags im Hauptteil sind alle vergrößert. Es wird durch <h1></h1> oder <h2></h2> dargestellt, was etwas größer als der normale Text ist. Dies ist auch ein häufig verwendetes Tag. Es gibt auch ein <p></p>-Tag, das zur Darstellung eines Absatzes verwendet wird. Ich habe beispielsweise ein -Tag hinzugefügt. Tags hinzugefügt und dann im Hauptteil der Webseite getrennt. <p><img src="https://img.php.cn//upload/image/768/213/834/1535334578736706.png" title="1535334578736706.png" alt="Was ist HTML? Ein vollständiger HTML-Code verrät es Ihnen (vollständige Beispielversion)">Okay, das ist der normale Anzeigetext des HTML-Dokuments. Den vollständigen Code finden Sie hier. Wenn Sie Fragen haben, stellen Sie diese bitte. </p> <p>[Artikel zum Thema des Herausgebers]</p> <p></p>Was bedeutet das Head-Tag in HTML? Ein Artikel zeigt Ihnen, wie Sie das Head-Tag richtig verwenden <p><a href="http://www.php.cn/div-tutorial-409089.html" target="_blank"></a><br></p>Sollten Hacker PHP oder Python lernen? Rationale Analyse von zehn Unterschieden zwischen PHP und Python<p><a href="http://www.php.cn/php-weizijiaocheng-409071.html" target="_blank"></a></p><p>Das obige ist der detaillierte Inhalt vonWas ist HTML? Ein vollständiger HTML-Code verrät es Ihnen (vollständige Beispielversion). 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="http://www.php.cn/de/search?word=body" target="_blank">body</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/de/search?word=head" target="_blank">head</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/de/search?word=html" target="_blank">html</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/de/search?word=title" target="_blank">title</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">Quelle：php.cn</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/de/faq/409089.html" title="Was bedeutet das Head-Tag in HTML? In einem Artikel erfahren Sie, wie Sie das Head-Tag richtig verwenden"> <span>Vorheriger Artikel：Was bedeutet das Head-Tag in HTML? In einem Artikel erfahren Sie, wie Sie das Head-Tag richtig verwenden</span> </a> <a href="http://www.php.cn/de/faq/409103.html" title="Ausführliche Erklärung zur Verwendung des Style-Attributs von HTML-Tags (mit konkreten Beispielen)"> <span>Nächster Artikel：Ausführliche Erklärung zur Verwendung des Style-Attributs von HTML-Tags (mit konkreten Beispielen)</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> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <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="http://www.php.cn/de/faq/409863.html">Was kann das Reaktionsframework tun? Detaillierte Einführung in das React Framework (mit vollständigen Anwendungsbeispielen)</a> </div> <div>2018-09-11 16:45:17</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/409861.html">Wie erstelle ich eine App mit React? Einzelheiten zu den Schritten zum Erstellen umfangreicher Anwendungen mit React+Redux</a> </div> <div>2018-09-11 16:39:07</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/409857.html">Wie implementiert man die Anmeldung in React? Detaillierte Erklärung des React-Login-Moduls</a> </div> <div>2018-09-11 16:29:40</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/409849.html">Wie verwende ich React? Detaillierte Erläuterung der Verwendung von React (mit Beispielen)</a> </div> <div>2018-09-11 16:10:13</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/409847.html">Was sind die neuen Funktionen in React 16? Einführung in neue Features und Funktionen von React16</a> </div> <div>2018-09-11 16:05:55</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/409844.html">Welche Kenntnisse sollte ich über React lernen? Zusammenfassung der Reaktionswissenspunkte (mit vollständigen Beispielen)</a> </div> <div>2018-09-11 16:01:50</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/409840.html">Welche Funktionen hat React? Detaillierte Analyse der Reaktionsfunktion (mit Beispielen)</a> </div> <div>2018-09-11 15:55:13</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/409838.html">Was ist der Lebenszyklus von Reactjs? Detaillierte Einführung in den Lebenszyklus von ReactJS</a> </div> <div>2018-09-11 15:50:18</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/409835.html">Wie verwende ich React.js? Einführung in die einfache Verwendung von React.js (mit Beispielen)</a> </div> <div>2018-09-11 15:43:40</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/409831.html">Wozu dienen React-Komponentenreferenzen? Detaillierte Erläuterung der Rolle von Reaktionskomponenten-Referenzen und ihrer Verwendung</a> </div> <div>2018-09-11 15:34:44</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="http://www.php.cn/de/wenda/176403.html" target="_blank" title="Automatische PX-Konvertierung in REM-Fehler" class="wdcdcTitle">Automatische PX-Konvertierung in REM-Fehler</a> <a href="http://www.php.cn/de/wenda/176403.html" class="wdcdcCons"> <style>html { font-size: calc(100vw / 3.75); }body { Schriftgröße: 0,16rem...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-16 09:34:16</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>4687</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176396.html" target="_blank" title="Die Seite kann plötzlich weder CSS noch Bootstrap abrufen" class="wdcdcTitle">Die Seite kann plötzlich weder CSS noch Bootstrap abrufen</a> <a href="http://www.php.cn/de/wenda/176396.html" class="wdcdcCons">Ich entwickle also eine Seite, einen Teil davon habe ich gestern gemacht und es hat großar...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 21:58:04</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>800</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176386.html" target="_blank" title="So lösen Sie das mysteriöse Leerzeichen am unteren Rand der Seite in CSS" class="wdcdcTitle">So lösen Sie das mysteriöse Leerzeichen am unteren Rand der Seite in CSS</a> <a href="http://www.php.cn/de/wenda/176386.html" class="wdcdcCons">Ich versuche, mit Bootstrap und D3 eine einfache Webseite zu erstellen, weiß aber nicht, w...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 20:22:15</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>454</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176383.html" target="_blank" title="So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern" class="wdcdcTitle">So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern</a> <a href="http://www.php.cn/de/wenda/176383.html" class="wdcdcCons">Ich möchte das Skelett meiner Laravel-Komponente in einen Livewire3-Platzhalter einfügen. ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 20:02:10</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>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>543</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176364.html" target="_blank" title="Methode der obersten Ebene zum Ersetzen einer Zeichenfolge durch HTML-Code (aus einem Array generiert)" class="wdcdcTitle">Methode der obersten Ebene zum Ersetzen einer Zeichenfolge durch HTML-Code (aus einem Array generiert)</a> <a href="http://www.php.cn/de/wenda/176364.html" class="wdcdcCons">Gegeben eine Zeichenfolge wie diese...$htmlPattern="Usernameis:#name#andusercompanyis...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 17:40:41</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>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>410</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="http://www.php.cn/de/faq/zt" target="_blank">Mehr> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://www.php.cn/de/faq/titlesmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214245811179.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was bedeutet Titel?" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/titlesmys" class="title-a-spanl" title="Was bedeutet Titel?"><span>Was bedeutet Titel?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://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="http://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="http://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="http://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="http://www.php.cn/de/faq/htmlztxt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214125629445.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html zu txt" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/htmlztxt" class="title-a-spanl" title="html zu txt"><span>html zu txt</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <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="http://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="http://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="http://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="http://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="http://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="http://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="http://www.php.cn/de/course/267.html" title="兄弟连高洛峰HTML+HTML5视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62569a9310ab2998.png" alt="兄弟连高洛峰HTML+HTML5视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="兄弟连高洛峰HTML+HTML5视频教程" href="http://www.php.cn/de/course/267.html">兄弟连高洛峰HTML+HTML5视频教程</a> <div class="wzrthreerb"> <div>63603 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="267"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/418.html" title="妙味课堂HTML5视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625d1223c86d0703.jpg" alt="妙味课堂HTML5视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="妙味课堂HTML5视频教程" href="http://www.php.cn/de/course/418.html">妙味课堂HTML5视频教程</a> <div class="wzrthreerb"> <div>71381 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="418"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/208.html" title="极客学院HTML5开发入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625d1fa590383154.jpg" alt="极客学院HTML5开发入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="极客学院HTML5开发入门视频教程" href="http://www.php.cn/de/course/208.html">极客学院HTML5开发入门视频教程</a> <div class="wzrthreerb"> <div>79054 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="208"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/239.html" title="极客学院HTML5新特性基础视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611c77d6cbd355.jpg" alt="极客学院HTML5新特性基础视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="极客学院HTML5新特性基础视频教程" href="http://www.php.cn/de/course/239.html">极客学院HTML5新特性基础视频教程</a> <div class="wzrthreerb"> <div>30376 <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="http://www.php.cn/de/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="http://www.php.cn/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1417478 Lernzeiten</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初级入门视频教程" href="http://www.php.cn/de/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div >2483885 Lernzeiten</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="http://www.php.cn/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div >504161 Lernzeiten</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/901.html" title="Web前端开发极速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端开发极速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Web前端开发极速入门" href="http://www.php.cn/de/course/901.html">Web前端开发极速入门</a> <div class="wzrthreerb"> <div >215346 Lernzeiten</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/234.html" title="零基础精通 PS 视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基础精通 PS 视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="零基础精通 PS 视频教程" href="http://www.php.cn/de/course/234.html">零基础精通 PS 视频教程</a> <div class="wzrthreerb"> <div >878887 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="http://www.php.cn/de/course/1648.html" title="【web前端】Node.js快速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="【web前端】Node.js快速入门" href="http://www.php.cn/de/course/1648.html">【web前端】Node.js快速入门</a> <div class="wzrthreerb"> <div >6502 Lernzeiten</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/1647.html" title="国外Web开发全栈课程全集" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="国外Web开发全栈课程全集"/> </a> <div class="wzrthree-right"> <a target="_blank" title="国外Web开发全栈课程全集" href="http://www.php.cn/de/course/1647.html">国外Web开发全栈课程全集</a> <div class="wzrthreerb"> <div >5108 Lernzeiten</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/1646.html" title="Go语言实战之 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go语言实战之 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go语言实战之 GraphQL" href="http://www.php.cn/de/course/1646.html">Go语言实战之 GraphQL</a> <div class="wzrthreerb"> <div >4282 Lernzeiten</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/1645.html" title="550W粉丝大佬手把手从零学JavaScript" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉丝大佬手把手从零学JavaScript"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W粉丝大佬手把手从零学JavaScript" href="http://www.php.cn/de/course/1645.html">550W粉丝大佬手把手从零学JavaScript</a> <div class="wzrthreerb"> <div >635 Lernzeiten</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/1644.html" title="python大神Mosh，零基础小白6小时完全入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基础小白6小时完全入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="python大神Mosh，零基础小白6小时完全入门" href="http://www.php.cn/de/course/1644.html">python大神Mosh，零基础小白6小时完全入门</a> <div class="wzrthreerb"> <div >21802 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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://www.php.cn/de/about/us.html">Über uns</a> <a href="http://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="http://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?1731489785"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>