Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > In einem Artikel werden HTML-Tags und -Attribute ausführlich erläutert (eine kurze Analyse der Hauptstruktur).

In einem Artikel werden HTML-Tags und -Attribute ausführlich erläutert (eine kurze Analyse der Hauptstruktur).

青灯夜游
Freigeben： 2022-08-02 19:15:52
Original
2621 Leute haben es durchsucht

Dieser Artikel wird Ihnen helfen, HTML-Tags und -Attribute zu verstehen und über die Hauptstruktur und zugehörige Tags von HTML-Dokumenten zu sprechen. Ich hoffe, dass er für alle hilfreich ist!

"In

Die Hauptstruktur von HTML

Die Grundstruktur einer HTML-Seite ist wie folgt und enthält verschiedene Tags, die zum Erstellen von Webseiten erforderlich sind (z. B. Doctype, HTML, Head und Body usw.). . 

<!--这是html的注释信息-->

<!DOCTYPE html> <!--这是DOCTYPE声明-->

<html> <!--这是根-->

<head> <!--这是头-->

    <meta charset = "UTF-8"> <!--  描述性标签  -->
    
     <title>Hello</title> <!--标题栏-->
</head>

    <body> <!--网页体-->
    
    <!--这里的内容显示到网页上-->
    这是我的第一个HTML页面
    
    </body>
</html>
Nach dem Login kopieren

  • Die Top-Deklaration <!DOCTYPE html>
    <!DOCTYPE html>

    • 声明是文档的第一成份，位于文档的最顶部。

    • 该标签就是告诉浏览器所使用的 HTML 规范。

  • 以<html>开始，以</html>结束，中间包含头部标签及主体标签

HTML 标签的语法格式

一般情况下，一个 HTML 标签由开始标签、属性、内容和结束标签组成，标签的名称不区分大小写，但大多数属性的值需要区分大小写，如下所示：

	  属性
	   ↓
<div class="foo">PHP中文网</div>
 ↑            ↑           ↑
开始标签        内容   结束标签
Nach dem Login kopieren

除了 class 属性外，开始标签中还可以包含其它属性信息，比如 id、title 等，这些我们会在后面进行讲解。

注意，虽然 HTML 标签在语法上不区分大小写，但是为了规范和专业，强烈建议在定义标签时一律采用小写。

当使用浏览器打开我们编写的 HTML 文档时，浏览器会从上到下依次读取文档中的内容，并根据 HTML 标签和属性将标签中的内容呈现在浏览器中。

一个 HTML 文档中必须具有一些基本的标签，以便浏览器区分普通文本和 HTML 文档。您可以根据想要实现的效果使用任意数量的标签，但有以下几点需要注意：

  • 所有 HTML 标签都必须放在尖括号< >内；

  • HTML 中不同的标签可以实现不同的效果；

  • 如果使用了某个标签，则必须使用对应的结束标签来结尾（自闭和标签除外）。

自闭和标签

有一些 HTML 标签没有单独的结束标签，而是在开始标签中添加/来进行闭合，这种标签称为自闭和标签。请看下面的例子：

<img src="/static/imghw/default1.png"  data-src="./logo.png"  class="lazy"   alt="C语言中文网Logo" />  <!-- 图像 -->
<hr />  <!-- 分割线 -->
<br />  <!-- 文本换行 -->
<input type="text" placeholder="请输入内容" />  <!-- 文本输入框 -->
Nach dem Login kopieren

自闭和标签不用包围内容，所以不需要单独的结束标签。只有少部分 HTML 标签是自闭和的。

<!-- --> 表示 HTML 注释，用来对 HTML 代码进行说明，浏览器会忽略注释内容，所以用户在网页中看不到注释

HTML属性的概念和使用

什么是属性

属性可以为 HTML 标签提供一些额外信息，或者对 HTML 标签进行修饰。属性需要添加在开始标签中，语法格式为：

attr="value"
Nach dem Login kopieren

attr 表示属性名，value 表示属性值。属性值必须使用双引号""或者单引号&#39;&#39;包围。

注意，虽然双引号和单引号都可以包围属性值，但是为了规范和专业，请尽量使用双引号。

一个标签可以没有属性，也可以有一个或者多个属性。

使用 HTML 属性的例子：

<p id="user-info" class="color-red">
欢迎 <font color="red" size="3">Tom</font> 来到PHP中文网。
<p>
Nach dem Login kopieren

专用属性

HTML 属性有很多，大体可以分为两类：

有些属性适用于大部分或者所有 HTML 标签，我们将这些属性称为通用属性；

有些属性只适用于一个或者几个特定的 HTML 标签，我们将这些属性称为专用属性。

HTML 中的 "In 标签就有 src 和 alt 两个专用属性， 标签也有 href 和 target 两个专用属性，如下例所示：

<img src="/static/imghw/default1.png"  data-src="./logo.png"  class="lazy"   alt="PHP中文网Logo"    style="max-width:90%"  style="max-width:90%">
<a href="http://c.biancheng.net/" target="_blank">PHP中文网</a>
Nach dem Login kopieren

对代码的说明：

自定义属性

除了自带的属性，HTML 也允许我们自定义属性，这些属性虽然可以被浏览器识别，但是并不会添加什么特殊效果，我们需要借助 CSS 和 JavaScript 处理自定义属性，为 HTML 标签添加指定样式或者行为。

data-*

🎜🎜🎜Das Syntaxformat von HTML-Tags🎜🎜🎜🎜Im Allgemeinen besteht ein HTML-Tag aus einem Start-Tag, Attributen, Inhalt und End-Tags. Der Name des Tags unterscheidet nicht zwischen Groß- und Kleinschreibung. Bei den Werten der meisten Attribute muss jedoch die Groß-/Kleinschreibung beachtet werden, wie unten gezeigt: 🎜
<element data-*="somevalue">
Nach dem Login kopieren
🎜Zusätzlich zum Klassenattribut kann das Start-Tag auch andere Attributinformationen wie ID, Titel usw. enthalten. was wir später erklären werden. 🎜
🎜Beachten Sie, dass bei HTML-Tags zwar in der Syntax nicht zwischen Groß- und Kleinschreibung unterschieden wird, aus Gründen der Standardisierung und Professionalität jedoch dringend empfohlen wird, bei der Definition von Tags immer Kleinbuchstaben zu verwenden. 🎜
🎜Wenn Sie das von uns geschriebene HTML-Dokument mit einem Browser öffnen, liest der Browser den Inhalt des Dokuments von oben nach unten und rendert den Inhalt im Tag im Browser basierend auf HTML-Tags und -Attributen. 🎜🎜Ein HTML-Dokument muss über einige grundlegende Tags verfügen, damit der Browser zwischen gewöhnlichem Text und HTML-Dokumenten unterscheiden kann. Sie können eine beliebige Anzahl von Tags verwenden, je nachdem, welchen Effekt Sie erzielen möchten. Dabei sind jedoch einige Dinge zu beachten: 🎜🎜🎜🎜Alle HTML-Tags müssen in spitze Klammern gesetzt werden 🎜🎜🎜 HTML Verschiedene Tags können unterschiedliche Effekte erzielen; 🎜🎜🎜Wenn ein bestimmtes Tag verwendet wird, muss es mit dem entsprechenden schließenden Tag abgeschlossen werden (außer selbstschließende Tags). 🎜🎜🎜Selbstschließende Tags🎜🎜🎜Es gibt einige HTML-Tags, die kein separates schließendes Tag haben. Stattdessen werden sie durch Hinzufügen von / im Start-Tag geschlossen wird als selbstschließendes Tag bezeichnet. Sehen Sie sich bitte das folgende Beispiel an: 🎜
<div id="myDiv" data-attribute="value">在标签里设置H5新增的自定义属性</div>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
🎜Das schließende Tag muss den Inhalt nicht umgeben, daher ist kein separates schließendes Tag erforderlich. Nur wenige HTML-Tags sind selbstschließend. 🎜
🎜<!-- --> Stellt HTML-Kommentare dar, die zur Erläuterung des HTML-Codes verwendet werden. Der Browser ignoriert den Kommentarinhalt, sodass Benutzer keine Kommentare auf der Webseite sehen können🎜🎜🎜 Das Konzept und Verwendung von HTML-Attributen🎜🎜🎜🎜🎜Was sind Attribute? Sie können zusätzliche Informationen für HTML-Tags bereitstellen oder HTML-Tags ändern. Attribute müssen im Start-Tag hinzugefügt werden. Das Syntaxformat ist: 🎜
<div id="myDiv" data-attribute="属性值">data属性应用于CSS中</div>
Nach dem Login kopieren
Nach dem Login kopieren
🎜attr steht für den Attributnamen und value steht für den Attributwert. Attributwerte müssen in doppelte Anführungszeichen " oder einfache Anführungszeichen '' eingeschlossen werden. 🎜
🎜Beachten Sie, dass Attributwerte zwar sowohl in doppelte als auch in einfache Anführungszeichen eingeschlossen werden können, aus Gründen der Standardisierung und Professionalität sollten Sie jedoch so oft wie möglich doppelte Anführungszeichen verwenden. 🎜
🎜Ein Tag kann keine Attribute oder ein oder mehrere Attribute haben. 🎜🎜Beispiele für die Verwendung von HTML-Attributen: 🎜
#myDiv{
  position: ralative;
}
 
#myDiv:hover:after{
  position: absolute;
  top: 0px;
  left: 0px;
  content: attr(data-attribute);
  color: red;
}
Nach dem Login kopieren
Nach dem Login kopieren
🎜🎜Spezialisierte Attribute🎜🎜🎜Es gibt viele HTML-Attribute, die grob in zwei Kategorien unterteilt werden können: 🎜🎜Einige Attribute gelten für die meisten oder alle HTML-Tags. Wir nennen diese Attribute universelle Attribute ;🎜🎜Einige Attribute gelten nur für ein oder mehrere bestimmte HTML-Tags. Wir nennen diese Attribute spezielle Attribute. 🎜🎜Das "In-Tag hat in HTML zwei spezielle Attribute, src und alt. Das -Tag hat auch zwei spezielle Attribute, href und target, wie im folgenden Beispiel gezeigt: 🎜
<div id="myDiv" data-attribute="value">在标签里设置H5新增的自定义属性</div>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
🎜Erläuterung des Codes: 🎜🎜🎜 🎜"In Das src-Attribut im Tag wird verwendet, um den Pfad des Bildes zu definieren, und das alt-Attribut wird verwendet, um die Beschreibungsinformationen des Bildes zu definieren, wenn das Bild abnormal ist und nicht normal angezeigt werden kann. Die Informationen in Alt werden angezeigt. 🎜🎜🎜 Das href-Attribut des Tags wird verwendet, um die Adresse des Links zu definieren, und das Zielattribut wird verwendet, um zu definieren, wie die neue Seite im Browser geöffnet wird. 🎜🎜🎜Benutzerdefinierte Attribute🎜🎜🎜Zusätzlich zu seinen eigenen Attributen können wir mit HTML auch Attribute anpassen. Obwohl diese Attribute vom Browser erkannt werden können, fügen sie keine besonderen Effekte hinzu Sie müssen CSS und JavaScript verwenden, um benutzerdefinierte Attribute zu verarbeiten und bestimmte Stile oder Verhaltensweisen zu HTML-Tags hinzuzufügen. 🎜🎜Das Attribut data-* wird zum Speichern benutzerdefinierter Daten verwendet, die hinter einer privaten Seite angewendet werden. Es handelt sich um ein neues Attribut in HTML5. 🎜
var myDiv = document.getElementById("myDiv");
var theValue = myDiv.getAttribute("user-defined-attribute");
Nach dem Login kopieren
Nach dem Login kopieren
🎜🎜🎜somevalue: Geben Sie den Attributwert (eine Zeichenfolge) an 🎜

data-* 属性可以在所有的 HTML 元素中嵌入数据。

自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。

data-* 属性由以下两部分组成：

  • 属性名不要包含大写字母，在 data- 后必须至少有一个字符。

  • 属性值，该属性值可以是任何字符串

注意： 自定义属性前缀 "data-" 会被客户端忽略。

利用dataset可以获取data-属性构造的对象，该方法目前只能在Chrome 、Opera等部分浏览器中实现，其他浏览器如需获取其属性值需要使用getAttribute和setAttribute来操作。

只要在标签里面以”data-”为前缀定义我们的自定义属性就可以用来进行一些数据的存放。

<div id="myDiv" data-attribute="value">在标签里设置H5新增的自定义属性</div>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

这个data属性还可以应用在CSS中，前提是你的浏览器支持after伪类，以及content的attr属性（低版本的IE不支持）： 

<div id="myDiv" data-attribute="属性值">data属性应用于CSS中</div>
Nach dem Login kopieren
Nach dem Login kopieren
#myDiv{
  position: ralative;
}
 
#myDiv:hover:after{
  position: absolute;
  top: 0px;
  left: 0px;
  content: attr(data-attribute);
  color: red;
}
Nach dem Login kopieren
Nach dem Login kopieren

如何获取data属性的值？

<div id="myDiv" data-attribute="value">在标签里设置H5新增的自定义属性</div>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

1、使用getAttribute来获取

var myDiv = document.getElementById("myDiv");
var theValue = myDiv.getAttribute("user-defined-attribute");
Nach dem Login kopieren
Nach dem Login kopieren

2、使用Html5自定义属性对象Dataset来获取

var myDiv = document.getElementById("myDiv");
 
var theValue = myDiv.dataset.attribute;
Nach dem Login kopieren

注意：带连字符连接的名称在使用的时候需要命名驼峰化，即大小写组合书写，这与应用元素的style对象类似，dom.style.borderColor。例如data属性为data-other-attribute，则我们要获取相应的值可以使用：myp.dataset.otherAttribute

如果Html元素定义了多个自定义属性，如何获取？

<div id="myDiv" data-attribute1="value" data-attribute2="value2" data-attribute3="value3">在标签里设置多个自定义属性</div>
Nach dem Login kopieren

1、使用循环遍历

 var myDiv = document.getElementById("myDiv");
var attrs = myDiv.attributes,
var expense = {}, i, j;  
for (i = 0, j = attrs.length; i < j; i++) {
  if(attrs[i].name.substring(0, 5) == &#39;data-&#39;) {
    expense[attrs[i].name.substring(5)] = attrs[i].value;
  }
}
Nach dem Login kopieren

2、使用dataset属性

var expense = document.getElementById(&#39;myDiv&#39;).dataset;
Nach dem Login kopieren

注：dataset并不是典型意义上的JavaScript对象，而是个DOMStringMap对象，DOMStringMap是HTML5一种新的含有多个名-值对的交互变量

1）、让所有的自定义的属性值塞到一个数组中

var chartInput = [];
 
for (var item in expense) {
  chartInput.push(expense[item]);
}
Nach dem Login kopieren

2）、删掉一个data属性

delete myDiv.dataset.attribute;
Nach dem Login kopieren

3、增加一个data属性

myDiv.dataset.attribute4 = &#39;value4&#39;;
Nach dem Login kopieren

dataset的兼容性处理

如果浏览器不支持dataset，有必要做一下兼容处理：

if(myDiv.dataset) {
  myDiv.dataset.attribute = "valueXX"; // 设置自定义属性
  var theValue = myDiv.dataset.attribute; // 获取自定义属性
} else {
  myDiv.setAttribute("data-attribute", "valueXX"); // 设置自定义属性
  var theValue = myDiv.getAttribute("data-attribute"); // 获取自定义属性
}
Nach dem Login kopieren

结语：

使用dataset操作data 要比使用getAttribute速度稍微慢些，虽然使用dataset不能提高代码的性能，但是对于简洁代码，提高代码的可读性和可维护性是很有帮助的。

通用属性介绍

HTML 标签中有一些通用的属性，如 id、title、class、style 等，这些通用属性可以在大多数 HTML 标签中使用，下面来简单介绍一下它们的用法。

1) id

id 属性用来赋予某个标签唯一的名称（标识符），当我们使用 CSS 或者 JavaScript 来操作这个标签时，就可以通过 id 属性来找到这个标签。

为标签定义 id 属性可以给我们提供很多便利，比如：

如果标签中带有 id 属性作为唯一标识符，通过 id 属性可以很方便的定位到该标签；

如果 HTML 文档中包含多个同名的标签，利用 id 属性的唯一性，可以很方便的区分它们。

注意：在一个 HTML 文档中 id 属性的值必须是唯一的。

示例代码如下所示：

<input type="text" id="username" />
<div id="content">PHP中文网</div>
<p id="url">//m.sbmmt.com/</p>
Nach dem Login kopieren

2) class

与 id 属性类似，class 属性也可以为标签定义名称（标识符），不同的是 class 属性在整个 HTML 文档中不必是唯一的，我们可以为多个标签定义相同的 class 属性值。另外，还可以为一个 HTML 标签定义多个 class 属性值，如下所示：

<div class="className1 className2 className3"></div>
<p>PHP中文网</p>
<div>//m.sbmmt.com/</div>
Nach dem Login kopieren

当使用 CSS 或者 JavaScript 来操作 HTML 标签时，同样可以使用 class 属性来找到对应的 HTML 标签。由于 class 属性不是唯一的，所以通过 CSS 或 JavaScript 对 HTML 标签的操作会应用于所有具有同名 class 属性的标签中。

3) title

title 属性用来对标签内容进行描述说明，当鼠标移动到该标签上方时会显示出 title 属性的值，如下例所示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>演示文档</title>
</head>
<body>
    <a href="//m.sbmmt.com/" title="HTML教程">HTML教程</a>
</body>
</html>
Nach dem Login kopieren

运行结果如下图所示：

"In

将鼠标在链接处悬停片刻才能看到提示框。

4) style

使用 style 属性我们可以在 HTML 标签内部为标签定义 CSS 样式，例如设置文本的颜色、字体等，如下例所示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>演示文档</title>
</head>
<body>
    <p style="color:red;">//m.sbmmt.com/</p>
    <img src="/static/imghw/default1.png"  data-src="./logo.png"  class="lazy"     style="max-width:90%" alt="PHP中文网LOGO">
    <div style="padding:10px;border:2px solid #999;text-align:center;">PHP中文网</div>
</body>
</html>
Nach dem Login kopieren

运行结果如下图所示：

"In

标签中常用的标签

1、 标签</strong></p><p><title> 标签用来定义 HTML 文档的标题，只有包含 <title> 标签的文档才算是一个有效的 HTML 文档。另外，一个 HTML 文档中仅允许存在一个 <title> 标签，并且 <title> 标签必须放置在 <head> 标签中。</p><p><strong>2、<base> 标签</strong></p><p><base> 标签用于为页面中所有相对链接指定一个基本链接，当您设置了基本链接后，当前页面中的所有相对链接都会使用这个基本链接作为前缀，如下例所示：</p><p><strong>3、<link> 标签</strong></p><p><link> 标签经常用于引用外部 CSS 样式表，<link> 标签中包含两个主要的属性，分别是 rel 和 href。rel 属性用来指示引用文件的类型，href 属性用来设置外部文件的路径。示例代码如下：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><link rel="stylesheet" href="common.css"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p><strong>4、<style>标签</strong></p><p>使用 <style> 标签可以在 HTML 文档中嵌入 CSS 样式，需要注意的是在 <style> 标签中定义的样式仅对当前 HTML 文档有效。示例代码如下：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><style> body { background-color: YellowGreen; } h1 { color: red; } </style></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p><strong>5、<meta> 标签</strong></p><p><meta> 标签用于提供有关 HTML 文档的元数据，例如页面有效期、页面作者、关键字列表、页面描述等信息。<meta> 标签定义的数据并不会显示在页面上，但却会被浏览器解析。</p><p><strong>6、<script> 标签</strong></p><p><script> 标签用于定义 JavaScript 脚本，示例代码如下：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><script> document.write("PHP中文网") </script></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p><strong>7、<noscript> 标签</strong></p><p>当用户的浏览器不支持 JavaScript 脚本或者禁用 JavaScript 脚本时，可以在 <noscript> 标签中定义一些内容来替代不能运行的 JavaScript 脚本或者给用户一些提示。除了 <script> 标签外，在 <noscript> 标签中可以包含任何 HTML 元素</p><p><strong><span style="font-size: 18px;">HTML注释标签<code><!-- --></code></span></strong></p><p>在 HTML 中您可以使用<code><!-- --></code>在代码中添加注释，<code><!--</code>和<code>--></code>之间的所有内容都会被视为注释。示例代码如下：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html> <!-- head 开始 --> <head> <meta charset="UTF-8"> <!-- 当前文档采用UTF-8编码 --> <title>HTML注释的写法</title> </head> <!-- head 结束 --> <!-- body 开始 --> <body> <!-- 一段文本 --> <p>欢迎来到PHP中文网</p> </body> <!-- body 结束 --> </html></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/659/984/226/1659436774839636.png" class="lazy" title="1659436774839636.png" alt="In einem Artikel werden HTML-Tags und -Attribute ausführlich erläutert (eine kurze Analyse der Hauptstruktur)."></p> <p>注释可以出现在 HTML 文档的任意位置，包括文档开头、文档末尾、文档中间、标签外部、标签内容中等。</p> <p>相关推荐：《<a href="//m.sbmmt.com/course/list/11.html" target="_blank" textvalue="html视频教程">html视频教程</a>》</p><p>Das obige ist der detaillierte Inhalt vonIn einem Artikel werden HTML-Tags und -Attribute ausführlich erläutert (eine kurze Analyse der Hauptstruktur).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </div> </div> <div style="display: flex;"> <div class="wzconBq" style="display: inline-flex;"> <span>Verwandte Etiketten：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/de/search?word=html5" target="_blank">html5</a> </div> </div> <!-- <div style="display: inline-flex;float: right; color:#333333;">Quelle：php.cn</div> --> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/de/faq/494577.html" title="HTML Hypertext Markup Language – Wo ist der Hypertext? (Dokumentenanalyse)"> <span>Vorheriger Artikel：HTML Hypertext Markup Language – Wo ist der Hypertext? (Dokumentenanalyse)</span> </a> <a href="//m.sbmmt.com/de/faq/494583.html" title="Eine ausführliche Erklärung von HTML-Kommentaren und Farben (Farbnamen, Hexadezimalwerte)"> <span>Nächster Artikel：Eine ausführliche Erklärung von HTML-Kommentaren und Farben (Farbnamen, Hexadezimalwerte)</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="//m.sbmmt.com/de/faq/529366.html">Verstehen Sie den Sentinel in Redis im Detail</a> </div> <div>2023-04-26 17:59:18</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/529362.html">[Organisation und Freigabe] 7 beliebte React-Statusverwaltungstools</a> </div> <div>2023-04-26 17:47:48</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/529360.html">In einem Artikel wird der Unterschied zwischen Schlüssel in Vue2 und Schlüssel in Vue3 erläutert</a> </div> <div>2023-04-26 17:41:42</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/529358.html">Ein Artikel über Speichersteuerung in Node</a> </div> <div>2023-04-26 17:37:05</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/529356.html">Praktische Excel-Kenntnisse weitergeben: 4 Tipps zum Löschen doppelter Werte!</a> </div> <div>2023-04-26 17:31:25</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/529350.html">Vermittlung praktischer Word-Kenntnisse: Auf diese Weise kann die Konvertierungsfunktion vom Vereinfachten zum Traditionellen genutzt werden!</a> </div> <div>2023-04-26 17:27:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/528167.html">Wie lassen sich domänenübergreifende Probleme lösen? Eine kurze Analyse gängiger Lösungen</a> </div> <div>2023-04-25 19:57:58</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/528165.html">Ein Artikel zum Verständnis des Singleton-Musters in JavaScript</a> </div> <div>2023-04-25 19:53:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/528163.html">Erfahren Sie mehr über Puffer in Node</a> </div> <div>2023-04-25 19:49:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/528161.html">Erfahren Sie, wie Sie Unit-Tests in Vue3 schreiben</a> </div> <div>2023-04-25 19:41:54</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Aktuelle Ausgaben</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/de/wenda/.html" target="_blank" title="HTML5-Validierung für Symfony 2.1" class="wdcdcTitle">HTML5-Validierung für Symfony 2.1</a> <a href="//m.sbmmt.com/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/de/wenda/.html" target="_blank" title="Der Unterschied zwischen HTML und HTML5" class="wdcdcTitle">Der Unterschied zwischen HTML und HTML5</a> <a href="//m.sbmmt.com/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/de/wenda/.html" target="_blank" title="Kann ich HTML5 verwenden, um einen Bildlaufeffekt zu erstellen?" class="wdcdcTitle">Kann ich HTML5 verwenden, um einen Bildlaufeffekt zu erstellen?</a> <a href="//m.sbmmt.com/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/de/wenda/.html" target="_blank" title="html5 anzeigen ausblenden" class="wdcdcTitle">html5 anzeigen ausblenden</a> <a href="//m.sbmmt.com/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/de/wenda/.html" target="_blank" title="HTML5-Formularvalidierung" class="wdcdcTitle">HTML5-Formularvalidierung</a> <a href="//m.sbmmt.com/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</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="//m.sbmmt.com/de/faq/zt" target="_blank">Mehr> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/html5dhzzynxz"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213560284279.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was sind die Produktionsmethoden der HTML5-Animationsproduktion?" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/html5dhzzynxz" class="title-a-spanl" title="Was sind die Produktionsmethoden der HTML5-Animationsproduktion?"><span>Was sind die Produktionsmethoden der HTML5-Animationsproduktion?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/htmlyhtmldeqb"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212284445490.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Der Unterschied zwischen HTML und HTML5" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/htmlyhtmldeqb" class="title-a-spanl" title="Der Unterschied zwischen HTML und HTML5"><span>Der Unterschied zwischen HTML und HTML5</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/vscodeytjs"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212225267166.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Einführung in die Verwendung von vscode" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/vscodeytjs" class="title-a-spanl" title="Einführung in die Verwendung von vscode"><span>Einführung in die Verwendung von vscode</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/wxhyltjl"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072214112357828.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="WeChat stellt den Chatverlauf wieder her" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/wxhyltjl" class="title-a-spanl" title="WeChat stellt den Chatverlauf wieder her"><span>WeChat stellt den Chatverlauf wieder her</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/thinkphpxnzmy"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212113282819.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Wie ist die Leistung von thinkphp?" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/thinkphpxnzmy" class="title-a-spanl" title="Wie ist die Leistung von thinkphp?"><span>Wie ist die Leistung von thinkphp?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/parseerror"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213421083598.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So beheben Sie einen Analysefehler" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/parseerror" class="title-a-spanl" title="So beheben Sie einen Analysefehler"><span>So beheben Sie einen Analysefehler</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/ggbjrzxjg"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213235530430.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Aktueller Dogecoin-Preis heute" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/ggbjrzxjg" class="title-a-spanl" title="Aktueller Dogecoin-Preis heute"><span>Aktueller Dogecoin-Preis heute</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/zfclssm"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213333217554.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was sind Zeichenkonstanten?" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/zfclssm" class="title-a-spanl" title="Was sind Zeichenkonstanten?"><span>Was sind Zeichenkonstanten?</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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/de/course/1406.html" title="Front-End-Basis-HTML5+CSS3 vom Einstieg bis zur Beherrschung (Vollversion)" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/6242c6e19bf70362.png" alt="Front-End-Basis-HTML5+CSS3 vom Einstieg bis zur Beherrschung (Vollversion)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Front-End-Basis-HTML5+CSS3 vom Einstieg bis zur Beherrschung (Vollversion)" href="//m.sbmmt.com/de/course/1406.html">Front-End-Basis-HTML5+CSS3 vom Einstieg bis zur Beherrschung (Vollversion)</a> <div class="wzrthreerb"> <div>317739 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1406"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1439.html" title="Frontend HTML5+CSS3 (Göttin-Version)" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62ce7dc353d67580.png" alt="Frontend HTML5+CSS3 (Göttin-Version)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Frontend HTML5+CSS3 (Göttin-Version)" href="//m.sbmmt.com/de/course/1439.html">Frontend HTML5+CSS3 (Göttin-Version)</a> <div class="wzrthreerb"> <div>240480 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1439"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1239.html" title="Fragen zu HTML5-Frontend-Interviews" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/015/611cb718840ae378.jpg" alt="Fragen zu HTML5-Frontend-Interviews"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Fragen zu HTML5-Frontend-Interviews" href="//m.sbmmt.com/de/course/1239.html">Fragen zu HTML5-Frontend-Interviews</a> <div class="wzrthreerb"> <div>28627 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1239"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1006.html" title="HTML5-Entwicklungspraxis: Front-End-Produktion der mobilen Website zum Mitnehmen von Baidu" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/625d1f32b94f2989.jpg" alt="HTML5-Entwicklungspraxis: Front-End-Produktion der mobilen Website zum Mitnehmen von Baidu"/> </a> <div class="wzrthree-right"> <a target="_blank" title="HTML5-Entwicklungspraxis: Front-End-Produktion der mobilen Website zum Mitnehmen von Baidu" href="//m.sbmmt.com/de/course/1006.html">HTML5-Entwicklungspraxis: Front-End-Produktion der mobilen Website zum Mitnehmen von Baidu</a> <div class="wzrthreerb"> <div>68489 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1006"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1277.html" title="Der am einfachsten zu verstehende HTML+CSS-Kurs in 9 Tagen" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/015/6135e057b3c0f181.jpg" alt="Der am einfachsten zu verstehende HTML+CSS-Kurs in 9 Tagen"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Der am einfachsten zu verstehende HTML+CSS-Kurs in 9 Tagen" href="//m.sbmmt.com/de/course/1277.html">Der am einfachsten zu verstehende HTML+CSS-Kurs in 9 Tagen</a> <div class="wzrthreerb"> <div>48988 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1277"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1022.html" title="Grundlagen von HTML+CSS-Webseiten" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/6256990bbf04e971.png" alt="Grundlagen von HTML+CSS-Webseiten"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Grundlagen von HTML+CSS-Webseiten" href="//m.sbmmt.com/de/course/1022.html">Grundlagen von HTML+CSS-Webseiten</a> <div class="wzrthreerb"> <div>52456 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1022"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="//m.sbmmt.com/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 >1433695 Lernzeiten</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA-Video-Tutorial für Anfänger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="//m.sbmmt.com/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a> <div class="wzrthreerb"> <div >2630483 Lernzeiten</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="//m.sbmmt.com/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a> <div class="wzrthreerb"> <div >514700 Lernzeiten</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/901.html" title="Kurze Einführung in die Web-Frontend-Entwicklung" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Kurze Einführung in die Web-Frontend-Entwicklung"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Kurze Einführung in die Web-Frontend-Entwicklung" href="//m.sbmmt.com/de/course/901.html">Kurze Einführung in die Web-Frontend-Entwicklung</a> <div class="wzrthreerb"> <div >216790 Lernzeiten</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/234.html" title="Meistern Sie PS-Video-Tutorials von Grund auf" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Meistern Sie PS-Video-Tutorials von Grund auf"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Meistern Sie PS-Video-Tutorials von Grund auf" href="//m.sbmmt.com/de/course/234.html">Meistern Sie PS-Video-Tutorials von Grund auf</a> <div class="wzrthreerb"> <div >913126 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="//m.sbmmt.com/de/course/1648.html" title="[Web-Frontend] Node.js-Schnellstart" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web-Frontend] Node.js-Schnellstart"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web-Frontend] Node.js-Schnellstart" href="//m.sbmmt.com/de/course/1648.html">[Web-Frontend] Node.js-Schnellstart</a> <div class="wzrthreerb"> <div >9097 Lernzeiten</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1647.html" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" href="//m.sbmmt.com/de/course/1647.html">Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung</a> <div class="wzrthreerb"> <div >7375 Lernzeiten</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1646.html" title="Gehen Sie zur praktischen Anwendung von GraphQL" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gehen Sie zur praktischen Anwendung von GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Gehen Sie zur praktischen Anwendung von GraphQL" href="//m.sbmmt.com/de/course/1646.html">Gehen Sie zur praktischen Anwendung von GraphQL</a> <div class="wzrthreerb"> <div >6234 Lernzeiten</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1645.html" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" href="//m.sbmmt.com/de/course/1645.html">Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf</a> <div class="wzrthreerb"> <div >800 Lernzeiten</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1644.html" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" href="//m.sbmmt.com/de/course/1644.html">Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen</a> <div class="wzrthreerb"> <div >30900 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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/de/about/us.html">Über uns</a> <a href="//m.sbmmt.com/de/about/disclaimer.html">Haftungsausschluss</a> <a href="//m.sbmmt.com/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?1740134472"></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>