Heim > Web-Frontend > HTML-Tutorial > Detaillierte Einführung in den HTML-Absatz

Tag

Detaillierte Einführung in den HTML-Absatz

Tag

黄舟
Freigeben: 2017-07-03 11:46:26
Original
6245 Leute haben es durchsucht

-Tag definiert einen Absatz. Das

p-Element erstellt automatisch etwas Leerraum davor und danach. Der Browser fügt diese Leerzeichen automatisch hinzu, oder Sie können sie in Ihrem Stylesheet angeben.

Absatzabstand
IE ist standardmäßig auf 19 Pixel eingestellt, über das Attribut margin-top von p Setzen Sie
FF standardmäßig auf 1,12em und stellen Sie p so ein, dass die Anzeige standardmäßig über das Attribut
margin-bottom von p blockiert wird. Um den Absatzabstand zu löschen, können Sie im Allgemeinen

p {
   margin-top:0;
   margin-bottom:0;
}
Nach dem Login kopieren


< festlegen 🎜>

Weiterführende Literatur: Zulässige Absatzverwendungen

Sie können Absätze nur innerhalb von Blöcken angeben oder Absätze mit anderen Absätzen, Listen, Formularen und vorformatiertem Text verwenden. Im Allgemeinen bedeutet dies, dass Absätze überall dort erscheinen können, wo ein geeigneter Textfluss vorhanden ist, beispielsweise im Hauptteil des Dokuments, innerhalb von Listenelementen usw.

Aus technischer Sicht können Absätze nicht in Überschriften, Ankern oder anderen Stellen angezeigt werden, an denen der Inhalt unbedingt nur aus Text bestehen muss. Tatsächlich ignorieren die meisten Browser diese Einschränkung und formatieren Absätze als Teil des Inhalts des enthaltenden Elements.

<html>
<body>
<p>这是段落。</p>
<p>这是段落。</p>
<p>这是段落。</p>
<p>段落元素由 p 标签定义。</p> 
</body>
</html>
Nach dem Login kopieren

In HTML kann das p-Tag nicht in das P-Tag< eingefügt werden 🎜>

Eingehendes Studium:

Lassen Sie uns zunächst Inline-Inline-Elemente und Block kennenlernen -line-Blockelemente, da fast alle Elemente in HTML entweder Inline-Elemente oder Blockelemente sind.

Das Wort Inline hat viele Interpretationen: Inline, Inline, Inline, Line-Level usw., aber sie bedeuten alle dasselbe , hier wählen wir den üblichen Namen – inline.

Sie können den Unterschied anhand des folgenden Beispiels verstehen:

Der Unterschied zwischen Inline-Elementen

;/p>Der Unterschied zwischen

und Inline-Elementen

Der Effekt lautet wie folgt:

Im obigen Beispiel generiert

selbst eine neue Zeile , während nicht umbricht. Das ist alles. Ebenso können wir p als Inline-Element und Span als Blockelement definieren Elemente können Inline-Elemente oder bestimmte Blockelemente enthalten (Das obige Beispiel ist eigentlich eine falsche Verwendung --->ich habe

in

eingefügt),

aber Inline-Elemente können keine Blockelemente enthalten, sie können nur andere Inline-Elemente enthalten. Schauen Sie sich das noch einmal an:

<h2>我喜欢在
<a href="
http://bbs.blueidea.com/
 " >经典论坛</a>
讨论Web标准的原因。</h2>
Nach dem Login kopieren

wobei < ;h2> gehört zum Blockelement und ist nicht falsch, wenn

enthalten ist ; enthält Es ist auch richtig, aber es ist falsch, wenn es wie folgt aussieht, da Inline-Elemente keine Blockelemente enthalten sollten:

Es gibt auch Fälle, in denen einige Blockelemente keine anderen Blockelemente enthalten können. Zum Beispiel:

而这样又是可以的。


为什么呢?因为我们使用的DTD中规定了块级元素是不能放在

里面的,再加上一些浏览器纵容这样的写法:


当一个

签还没结束时,遇到下一个块元素就会把自己结束掉,其实浏览器是把它们处理成这样:


所以刚才那样的写法会变成这样:


这也是跟刚才说第一个例子中

里面放

不合理是同一个道理。

那哪些块元素里面不能放哪些块元素呢?我知道你有这个疑问,也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的,我们已经知道是在最外层,下一级里面只会有、、、,而我们已经知道了可视的元素只会出现在<body>里,所以我们把<body>划在第一个级里面,接着,把不可以自由嵌套的元素划在第三个级,其他的就归进第二个级。</span></p><p><span style="font-size: 13px; color: #000000;"> </span><span style="font-size: 13px; color: #ff00ff;">所谓的不可自由嵌套的元素就是里面只能放内联元素的,它们包括有:标题标记的<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<caption>;段落标记的<p>;分隔线<hr>和一个特别的元素<dt>(它只存在于列表元素<dl>的子一级)。</span></p><p><span style="font-size: 13px; color: #000000;"> 为什么说第二级的元素可以自由嵌套呢?我们可以把它们看成是一些容器(或者说是盒子), 这些容器的大小可以自由变化,例如我们可以把<ul>嵌在<p>里面,也可以把<p>嵌在<li>里面。</span></p><p><span style="font-size: 13px; color: #ff00ff;"> 在HTML里有几个元素是比较特别的:<ul>、<ol>、<dl>、<table>,它们的子一层必须是指定元素,<ul>、<ol>的子一级必须是<li>;<dl>的子一级必须是<dt>或者<dd>;<table>的子一层必须是<caption> 或<thead>、<tfoot>、<tbody>等,而再子一层必须是<tr> (<tr>只存在于<thead>、<tfoot>、<tbody>中),之后才是可放内容的<td>或者<th>。</span></p><p><span style="font-size: 13px; color: #000000;"> 很多人在W3C校验无法通过也是这个原因-->错误的元素嵌套,然而把提示错误的标签改成<p>或者<span>就可以通过,但是我们不能这样盲目的为了校验而校验,<p>也不是神,<p>代替不了语义化的标签。</span></p><p><span style="font-size: 13px; color: #3366ff;">下面有一张关于(X)HTML Strict下嵌套规则的图,可以参考:</span></p><p><span style="font-size: 13px; color: #3366ff;"><img src="https://img.php.cn/upload/article/000/000/194/dcdc175b325f9938b05ae8b1a8720602-1.jpg" alt=""/></span></p><p> </p><p><span style="max-width:90%">其实在内联元素中,还是可以再区分一下的,有几个元素(<img>、<input>等)比较特别,它们可以定义宽高。虽然在IE 浏览器里,所有的元素都可以定义宽高,但这是IE自己的标准,并非所有浏览器都支持,W3C称它们为replaced元素,我也找不到适合翻译的词,它们在属于in-line的情况下同样具有block-line的一些特性,在"dasplay:inline-block的应用"中所说的inline-block其实就是让其他元素也模拟成replaced元素,你暂时也不用过多了解,等到后面再学习它。</span></p><p><span style="font-size: 15px;"><strong><p> 标签支持 HTML 中的<a href="http://www.php.cn/code/5845.html" target="_blank">全局属性</a>。</strong></span></p><p><span style="font-size: 15px;"><span style="background-color: #ff0000;"> <span style="color: #ffffff;">5</span> </span>= HTML5 中添加的属性。</span></p><table style="width: 1259px; height: 2161px;" border="1" align="left"><tbody><tr class="firstRow"><td style="text-align: left;"><span style="font-size: 13px;">属性</span></td><td style="text-align: left;"><span style="font-size: 13px;">值</span></td><td><span style="font-size: 13px;">描述</span></td><td><span style="font-size: 13px;">例子</span></td><td><span style="font-size: 13px;">浏览器支持</span></td></tr><tr><td><span style="font-size: 13px;">class</span></td><td><span style="color: #ff00ff; font-size: 13px;">classname</span></td><td><span style="font-size: 13px;">规定元素的一个或多个类名(引用样式表中的类)</span></td><td><span style="font-size: 13px;"><p <span style="color: #ff00ff;">class="ab"</span>></p></span></td><td><span style="font-size: 13px;">所有浏览器都支持。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;">contenteditable <span style="background-color: #ff0000;"> <strong><span style="color: #ffffff;">5</span></strong> </span></span></td><td><p><span style="font-size: 13px;"><span style="color: #ff00ff;">true</span>(可编辑)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">false</span>(不可编辑)</span></p></td><td><span style="font-size: 13px;">规定元素内容是否可编辑</span></td><td><span style="font-size: 13px;"><p <span style="color: #ff00ff;">contenteditable="true"</span>>这是一个可编辑的段落。</p></span></td><td><span style="font-size: 13px;">所有主流浏览器都支持。</span></td></tr><tr><td><span style="font-size: 13px;">contextmenu <span style="background-color: #ff0000;"> <span style="color: #ffffff;">5 </span></span></span></td><td><span style="font-size: 13px;"><span style="color: #ff00ff;">menu_id</span>(要打开的 <menu> 元素的 id。)</span></td><td><span style="font-size: 13px;">规定元素的上下文菜单。上下文菜单在用户点击元素时显示。</span></td><td><p><span style="font-size: 13px;"><p <span style="color: #ff00ff;">contextmenu="supermenu"</span>>本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。</p></span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;menu id=&quot;supermenu&quot;&gt; &lt;command label=&quot;Step 1: Write Tutorial&quot; onclick=&quot;doSomething()&quot;&gt; &lt;command label=&quot;Step 2: Edit Tutorial&quot; onclick=&quot;doSomethingElse()&quot;&gt; &lt;/menu&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p><span style="font-size: 13px;"></span><br/></p></td><td><span style="font-size: 13px;">目前只有 Firefox 支持 contextmenu 属性。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;">data-* <span style="background-color: #ff0000;"> <span style="color: #ffffff;">5 </span></span></span></td><td><span style="font-size: 13px;"><span style="color: #ff00ff;">somevalue</span> (规定属性的值(以字符串)。)</span></td><td><p><span style="font-size: 13px;">data-* 属性用于存储页面或应用程序的私有自定义数据。</span></p><p><span style="font-size: 13px;">data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。</span></p><p><span style="font-size: 13px;">存储的(自定义)数据能够被页面的 JavaScript 中利用,以创建更好的用户体验(不进行 Ajax 调用或服务器端数据库查询)。</span></p><p><span style="font-size: 13px;">data-* 属性包括两部分:</span></p><ul class=" list-paddingleft-2"><li><p><span style="font-size: 13px;">属性名不应该包含任何大写字母,并且在前缀 "data-" 之后必须有至少一个字符</span></p></li><li><p><span style="font-size: 13px;">属性值可以是任意字符串</span></p></li></ul><p class="note"><span style="font-size: 13px;">注释:用户代理会完全忽略前缀为 "data-" 的自定义属性。</span></p></td><td><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">&lt;p id=&quot;test&quot; data-age=&quot;24&quot;&gt; Click Here &lt;/p&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div></td><td><span style="font-size: 13px;">所有主流浏览器都支持 data-* 属性。</span></td></tr><tr><td><span style="font-size: 13px;">dir</span></td><td><p><span style="font-size: 13px;"><span style="color: #ff00ff;">ltr</span> (默认。从左向右 的文本方向。</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">rtl</span> (从右到左的文本方向。)</span></p></td><td><span style="font-size: 13px;">规定元素中内容的文本方向。</span></td><td><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;p dir=&quot;rtl&quot; &gt;Write this text right-to-left!&lt;/p&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div><span style="font-size: 13px;"></span></td><td><span style="font-size: 13px;">所有浏览器均支持 dir 属性。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;">draggable <span style="background-color: #ff0000;"><span style="color: #ffffff;"> 5</span> </span></span></td><td><p><span style="font-size: 13px;"><span style="color: #ff00ff;">true</span> (规定元素的可拖动的。)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">false</span> (规定元素不可拖动。)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">auto</span> (使用浏览器的默认行为。)</span></p></td><td><p><span style="font-size: 13px;">draggable 属性规定元素是否可拖动。</span></p><p class="tip"><span style="font-size: 13px;"><span style="color: #ff0000;">提示:</span>链接和图像默认是可拖动的。</span></p></td><td><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">&lt;p draggable=&quot;true&quot;&gt;这是一个可拖动的段落。&lt;/p&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div></td><td><p><span style="font-size: 13px;">Internet Explorer 9+, Firefox, Opera, Chrome, and Safari 支持 draggable 属性。</span></p><p><span style="font-size: 13px;"><strong>注释:</strong>Internet Explorer 8 以及更早的版本,不支持 draggable 属性。</span></p></td></tr><tr><td><span style="font-size: 13px;">dropzone <span style="background-color: #ff0000;"> <span style="color: #ffffff;">5</span> </span></span></td><td><p><span style="font-size: 13px;"><span style="color: #ff00ff;">copy</span> (拖动数据会产生被拖动数据的副本。)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">move</span> (拖动数据会导致被拖动数据被移动到新位置。)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">link</span> (拖动数据会产生指向原始数据的链接。) </span></p></td><td><span style="font-size: 13px;">dropzone 属性规定在元素上拖动数据时,是否拷贝、移动或链接被拖动数据。</span></td><td><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">&lt;p dropzone=&quot;copy&quot;&gt;&lt;/p&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div></td><td><span style="font-size: 13px;">目前所有主流浏览器都不支持 contenteditable 属性。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;">hidden <span style="color: #ffffff; background-color: #ff0000;"> 5 </span></span></td><td><span style="font-size: 13px;"> </span></td><td><p><span style="font-size: 13px;">hidden 属性是布尔属性。</span></p><p><span style="font-size: 13px;">如果设置该属性,它规定元素仍未或不再相关。</span></p><p><span style="font-size: 13px;">浏览器不应显示已规定 hidden 属性的元素。</span></p><p><span style="font-size: 13px;">hidden 属性也可用于防止用户查看元素,直到匹配某些条件(比如选择了某个复选框)。然后,JavaScript 可以删除 hidden 属性,以使此元素可见。</span></p></td><td><span style="font-size: 13px;"><p <span style="color: #ff00ff;">hidden="hidden"</span>>这是一段隐藏的段落。</p></span></td><td><span style="font-size: 13px;">所有主流浏览器都支持 hidden 属性,除了 Internet Explorer。</span></td></tr><tr><td><span style="font-size: 13px;">id</span></td><td><span style="color: #ff00ff; font-size: 13px;">idname</span></td><td><p><span style="font-size: 13px;">id 属性规定 HTML 元素的唯一的 id。</span></p><p><span style="font-size: 13px;">id 在 HTML 文档中必须是唯一的。</span></p><p><span style="font-size: 13px;">id 属性可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式。</span></p></td><td><span style="font-size: 13px;"><p <span style="color: #ff00ff;">id="ab"</span>></p></span></td><td><span style="font-size: 13px;">所有浏览器都支持。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;">lang</span></td><td><span style="font-size: 13px;"><span style="color: #ff00ff;">language_code</span> (规定元素内容的语言代码。)</span></td><td><span style="font-size: 13px;">lang 属性规定元素内容的语言。</span></td><td><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">&lt;p lang=&quot;fr&quot;&gt;Ceci est un paragraphe.&lt;/p&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div></td><td><span style="font-size: 13px;">所有浏览器均支持 lang 属性。</span></td></tr><tr><td><span style="font-size: 13px;">spellcheck <span style="color: #ffffff; background-color: #ff0000;"> 5 </span></span></td><td><p><span style="font-size: 13px;"><span style="color: #ff00ff;">true</span> (对元素进行拼写和语法检查.)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">false</span> (不检查元素。)</span></p></td><td><p><span style="font-size: 13px;">spellcheck 属性规定是否对元素进行拼写和语法检查。</span></p><p><span style="font-size: 13px;">可以对以下内容进行拼写检查:</span></p><ul class=" list-paddingleft-2"><li><p><span style="font-size: 13px;">input 元素中的文本值(非密码)</span></p></li><li><p><span style="font-size: 13px;"><textarea> 元素中的文本</span></p></li><li><p><span style="font-size: 13px;">可编辑元素中的文本</span></p></li></ul></td><td><h2><span style="font-size: 13px;">实例</span></h2><p><span style="font-size: 13px;">进行拼写检查的可编辑段落:</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">&lt;p contenteditable=&quot;true&quot; spellcheck=&quot;true&quot;&gt;这是一个段落。&lt;/p&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div></td><td><span style="font-size: 13px;"> </span><p><span style="font-size: 13px;">Internet Explorer 10, Firefox, Opera, Chrome 以及 Safari 支持 spellcheck 属性。</span></p><p class="note"><span style="font-size: 13px;"><strong>注释:</strong>Internet Explorer 9 以及更早的版本不支持 spellcheck 属性。</span></p></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;"> style</span></td><td><span style="font-size: 13px;"> <span style="color: #ff00ff;">style_definition</span> (一个或多个由分号分隔的 CSS 属性和值。)</span></td><td><span style="font-size: 13px;"> </span><p><span style="font-size: 13px;">style 属性规定元素的行内样式(inline style)</span></p><p><span style="font-size: 13px;">style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。</span></p></td><td><span style="font-size: 13px;"> </span><h2><span style="font-size: 13px;">实例</span></h2><p><span style="font-size: 13px;">在 HTML 文档中使用 style 属性:</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">&lt;p style=&quot;color:red&quot;&gt;This is a paragraph.&lt;/p&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div></td><td><span style="font-size: 13px;"> 所有浏览器都支持。</span></td></tr><tr><td><span style="font-size: 13px;"> title</span></td><td><span style="font-size: 13px;"> <span style="color: #ff00ff;">text</span> (规定元素的<a href="http://www.php.cn/code/6156.html" target="_blank">工具提示</a>文本(tooltip text)。)</span></td><td><span style="font-size: 13px;"> </span><p><span style="font-size: 13px;">title 属性规定关于元素的额外信息。</span></p><p><span style="font-size: 13px;">这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。</span></p><p class="tip"><span style="font-size: 13px;"><strong>提示:</strong>title 属性常与 form 以及 a 元素一同使用,以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。</span></p></td><td><span style="font-size: 13px;"> </span><h2><span style="font-size: 13px;">实例</span></h2><p><span style="font-size: 13px;">在 HTML 文档中使用 title 属性:</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">&lt;p title=&quot;Free Web tutorials&quot;&gt;W3School.com.cn&lt;/p&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div></td><td><span style="font-size: 13px;"> 所有浏览器都支持。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;"> translate <span style="color: #ffffff;"> <span style="background-color: #ff0000;">5 </span></span></span></td><td><p><span style="font-size: 13px;"> <span style="color: #ff00ff;">yes</span> (规定应该翻译元素内容。)</span></p><p><span style="font-size: 13px;"> <span style="color: #ff00ff;">no</span> (规定不应翻译元素内容。)</span></p></td><td><span style="font-size: 13px;"> </span><p><span style="font-size: 13px;">translate 规定是否应该翻译元素内容。</span></p><p class="tip"><span style="font-size: 13px;"><strong>提示:</strong>请使用 class="notranslate" 替代。</span></p></td><td><span style="font-size: 13px;"> </span><h2><span style="font-size: 13px;">实例</span></h2><p><span style="font-size: 13px;">规定不应翻译某些元素:</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">&lt;p translate=&quot;no&quot;&gt;请勿翻译本段。&lt;/p&gt; &lt;p&gt;本段可被译为任意语言。&lt;/p&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div><td><span style="font-size: 13px;"> 所有主流浏览器都无法正确地支持 translate 属性。</span></td> <p style="text-align: left;"><br></p><p>Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in den HTML-Absatz <p> Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Verwandte Etiketten:</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=html" target="_blank">html</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=介绍" target="_blank">介绍</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=详细" target="_blank">详细</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">Quelle:php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/de/faq/372303.html" title="Warum können DIV-Tags nicht in das P-Tag in HTML eingefügt werden?"> <span>Vorheriger Artikel:Warum können DIV-Tags nicht in das P-Tag in HTML eingefügt werden?</span> </a> <a href="https://www.php.cn/de/faq/372307.html" title="Anpassung des Abstands zwischen P-Tag-Absatz und CSS-Absatz in HTML"> <span>Nächster Artikel:Anpassung des Abstands zwischen P-Tag-Absatz und CSS-Absatz in HTML</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Erklärung dieser Website</div> <div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">Neueste Artikel des Autors</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/377601.html">Videomaterial zum Aufbau Ihres eigenen PHP-Frameworks von Grund auf</a> </div> <div>2023-03-15 16:54:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/377137.html">Beispielanalyse, wie PHPMailer das QQ-Postfach verwendet, um die E-Mail-Versandfunktion abzuschließen</a> </div> <div>2023-03-15 12:26:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/376186.html">Einführung in den Empfang von E-Mails in IMAP in PHP</a> </div> <div>2023-03-14 18:58:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/375194.html">Beispiel für die schnelle Implementierung der Array-Deduplizierung in PHP</a> </div> <div>2023-03-14 11:30:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/369412.html">Zusammenfassung der Verwendung aller Attribute des <a>-Tags in HTML</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/379971.html">Zusammenfassung der PHP-Grundkenntnisse (notwendig für Anfänger zum Einstieg)</a> </div> <div>2023-03-16 15:20:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/381607.html">Einführung in die Verwendung von typeof in JavaScript</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/382066.html">Einführung in die Verwendung der Bestätigungsmethode () in JavaScript</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/357705.html">Eine detaillierte Einführung in das HTML5-Platzhalterattribut</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/380149.html">So implementieren Sie Einzelauswahl, Mehrfachauswahl und Rückwärtsauswahl in Formularen in ReactJS</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Aktuelle Ausgaben</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176403.html" target="_blank" title="Automatische PX-Konvertierung in REM-Fehler" class="wdcdcTitle">Automatische PX-Konvertierung in REM-Fehler</a> <a href="https://www.php.cn/de/wenda/176403.html" class="wdcdcCons"> &lt;style&gt;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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://www.php.cn/de/wenda/176364.html" class="wdcdcCons">Gegeben eine Zeichenfolge wie diese...$htmlPattern=&quot;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="https://www.php.cn/de/faq/zt" target="_blank">Mehr> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlbq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214431586789.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Copyright-Symbol" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlbq" class="title-a-spanl" title="HTML-Copyright-Symbol"><span>HTML-Copyright-Symbol</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlzxbjq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214403473154.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Online-Editor" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlzxbjq" class="title-a-spanl" title="HTML-Online-Editor"><span>HTML-Online-Editor</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlwyzz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214275948120.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Webseitenproduktion" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlwyzz" class="title-a-spanl" title="HTML-Webseitenproduktion"><span>HTML-Webseitenproduktion</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlkg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214273274014.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Speicherplatz" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlkg" class="title-a-spanl" title="HTML-Speicherplatz"><span>HTML-Speicherplatz</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214210727109.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was ist HTML?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlssm" class="title-a-spanl" title="Was ist HTML?"><span>Was ist HTML?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlztdxzmsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214205132478.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So legen Sie die HTML-Schriftgröße fest" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlztdxzmsz" class="title-a-spanl" title="So legen Sie die HTML-Schriftgröße fest"><span>So legen Sie die HTML-Schriftgröße fest</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/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="https://www.php.cn/de/faq/htmlztxt" class="title-a-spanl" title="html zu txt"><span>html zu txt</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlwbkdmzmx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214120496282.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So schreiben Sie HTML-Textfeldcode" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlwbkdmzmx" class="title-a-spanl" title="So schreiben Sie HTML-Textfeldcode"><span>So schreiben Sie HTML-Textfeldcode</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">Beliebte Empfehlungen</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was bedeutet URL?" href="https://www.php.cn/de/faq/418772.html">Was bedeutet URL?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was bedeutet DOM?" href="https://www.php.cn/de/faq/414303.html">Was bedeutet DOM?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So ändern Sie die Bildgröße" href="https://www.php.cn/de/faq/414252.html">So ändern Sie die Bildgröße</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So machen Sie die Schriftart in HTML fett" href="https://www.php.cn/de/faq/414520.html">So machen Sie die Schriftart in HTML fett</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So legen Sie die Größe von HTML-Bildern fest" href="https://www.php.cn/de/faq/475145.html">So legen Sie die Größe von HTML-Bildern fest</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Beliebte Tutorials</div> <a target="_blank" href="https://www.php.cn/de/course.html">Mehr> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Verwandte Tutorials <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Beliebte Empfehlungen<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Aktuelle Kurse<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="https://www.php.cn/de/course/812.html">Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)</a> <div class="wzrthreerb"> <div>1421243 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/74.html" title="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche" href="https://www.php.cn/de/course/74.html">PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche</a> <div class="wzrthreerb"> <div>4264966 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA-Video-Tutorial für Anfänger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="https://www.php.cn/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a> <div class="wzrthreerb"> <div>2516158 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="https://www.php.cn/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a> <div class="wzrthreerb"> <div>506211 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/2.html" title="PHP Zero-basiertes Einführungs-Tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP Zero-basiertes Einführungs-Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP Zero-basiertes Einführungs-Tutorial" href="https://www.php.cn/de/course/2.html">PHP Zero-basiertes Einführungs-Tutorial</a> <div class="wzrthreerb"> <div>861316 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="https://www.php.cn/de/course/812.html">Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)</a> <div class="wzrthreerb"> <div >1421243 Lernzeiten</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA-Video-Tutorial für Anfänger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="https://www.php.cn/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a> <div class="wzrthreerb"> <div >2516158 Lernzeiten</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="https://www.php.cn/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a> <div class="wzrthreerb"> <div >506211 Lernzeiten</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/901.html" title="Kurze Einführung in die Web-Frontend-Entwicklung" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Kurze Einführung in die Web-Frontend-Entwicklung"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Kurze Einführung in die Web-Frontend-Entwicklung" href="https://www.php.cn/de/course/901.html">Kurze Einführung in die Web-Frontend-Entwicklung</a> <div class="wzrthreerb"> <div >215618 Lernzeiten</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/234.html" title="Meistern Sie PS-Video-Tutorials von Grund auf" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Meistern Sie PS-Video-Tutorials von Grund auf"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Meistern Sie PS-Video-Tutorials von Grund auf" href="https://www.php.cn/de/course/234.html">Meistern Sie PS-Video-Tutorials von Grund auf</a> <div class="wzrthreerb"> <div >886028 Lernzeiten</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/de/course/1648.html" title="[Web-Frontend] Node.js-Schnellstart" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web-Frontend] Node.js-Schnellstart"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web-Frontend] Node.js-Schnellstart" href="https://www.php.cn/de/course/1648.html">[Web-Frontend] Node.js-Schnellstart</a> <div class="wzrthreerb"> <div >7197 Lernzeiten</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1647.html" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" href="https://www.php.cn/de/course/1647.html">Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung</a> <div class="wzrthreerb"> <div >5590 Lernzeiten</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1646.html" title="Gehen Sie zur praktischen Anwendung von GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gehen Sie zur praktischen Anwendung von GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Gehen Sie zur praktischen Anwendung von GraphQL" href="https://www.php.cn/de/course/1646.html">Gehen Sie zur praktischen Anwendung von GraphQL</a> <div class="wzrthreerb"> <div >4703 Lernzeiten</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1645.html" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" href="https://www.php.cn/de/course/1645.html">Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf</a> <div class="wzrthreerb"> <div >672 Lernzeiten</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1644.html" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" href="https://www.php.cn/de/course/1644.html">Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen</a> <div class="wzrthreerb"> <div >23745 Lernzeiten</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Neueste Downloads</div> <a href="https://www.php.cn/de/xiazai">Mehr> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">Web-Effekte <div></div></div> <div class="swiper-slide" data-id="twof">Quellcode der Website<div></div></div> <div class="swiper-slide" data-id="threef">Website-Materialien<div></div></div> <div class="swiper-slide" data-id="fourf">Frontend-Vorlage<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kontaktcode für das jQuery-Enterprise-Nachrichtenformular" href="https://www.php.cn/de/toolset/js-special-effects/8071">[Formular-Schaltfläche] Kontaktcode für das jQuery-Enterprise-Nachrichtenformular</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Wiedergabeeffekte für HTML5-MP3-Spieluhren" href="https://www.php.cn/de/toolset/js-special-effects/8070">[Spezialeffekte für Spieler] Wiedergabeeffekte für HTML5-MP3-Spieluhren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte" href="https://www.php.cn/de/toolset/js-special-effects/8069">[Menünavigation] HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare" href="https://www.php.cn/de/toolset/js-special-effects/8068">[Formular-Schaltfläche] Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS imitiert den Kugou-Musik-Player-Code" href="https://www.php.cn/de/toolset/js-special-effects/8067">[Spezialeffekte für Spieler] VUE.JS imitiert den Kugou-Musik-Player-Code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Klassisches HTML5-Pushing-Box-Spiel" href="https://www.php.cn/de/toolset/js-special-effects/8066">[HTML5-Spezialeffekte] Klassisches HTML5-Pushing-Box-Spiel</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten" href="https://www.php.cn/de/toolset/js-special-effects/8065">[Bildspezialeffekte] jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt" href="https://www.php.cn/de/toolset/js-special-effects/8064">[Fotoalbumeffekte] Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8328" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen" target="_blank">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8327" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben" target="_blank">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8326" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer" target="_blank">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8325" title="Website-Vorlage eines modernen Ingenieurbauunternehmens" target="_blank">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8324" title="Responsive HTML5-Vorlage für Bildungseinrichtungen" target="_blank">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8323" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren" target="_blank">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8322" title="IT-Technologie löst Website-Vorlage für Internetunternehmen" target="_blank">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8321" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil" target="_blank">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3078" target="_blank" title="可爱的夏天元素矢量素材(EPS+PNG)">[PNG material] 可爱的夏天元素矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3077" target="_blank" title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG material] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3076" target="_blank" title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[Banner image] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3075" target="_blank" title="金色的毕业帽矢量素材(EPS+PNG)">[PNG material] 金色的毕业帽矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3074" target="_blank" title="黑白风格的山脉图标矢量素材(EPS+PNG)">[PNG material] 黑白风格的山脉图标矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3073" target="_blank" title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[PNG material] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3072" target="_blank" title="扁平风格的植树节banner矢量素材(AI+EPS)">[Banner image] 扁平风格的植树节banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3071" target="_blank" title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG material] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8328" target="_blank" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8327" target="_blank" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8326" target="_blank" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8325" target="_blank" title="Website-Vorlage eines modernen Ingenieurbauunternehmens">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8324" target="_blank" title="Responsive HTML5-Vorlage für Bildungseinrichtungen">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8323" target="_blank" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8322" target="_blank" title="IT-Technologie löst Website-Vorlage für Internetunternehmen">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8321" target="_blank" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p> </div> <div class="footermid"> <a href="https://www.php.cn/de/about/us.html">Über uns</a> <a href="https://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="https://www.php.cn/de/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1732999137"></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>