Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim Web-Frontend HTML-Tutorial Zusammenfassung häufig verwendeter HTML-Tag-Elemente

Zusammenfassung häufig verwendeter HTML-Tag-Elemente

php中世界最好的语言
php中世界最好的语言
Nov 20, 2017 pm 01:38 PM
html 元素 总结

给大家收集整理了一些最常用的HTML标签元素，有需要的朋友可以保存一下，这些都是最常用的，几乎每一份网页都用得到的标签。标签是提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。


创建一个HTML文档

设置文档标题和其它在网页中不显示的信息

设置文档的标题        

最大的标题

 预先格式化文本          


 下划线


 黑体字    


 斜体字    


 打字机风格的字体


 引用,通常是斜体        


 强调文本(通常是斜体加黑体)


 加重文本(通常是斜体加黑体)


 设置字体大小从1到7，颜色使用名字或RGB的十六进制值


 基准字体标记


 字体加大


 字体缩小        


 加删除线


 程式码          


 键盘字


 范例    


 变量


 向右缩排


 述语定义


 地址标记


 上标字    


 下标字


...固定寬度字体(在文件中空白、換行、定位功能有效)


...</plaintext>固定寬度字體(不執行標記符號)</p>
<p><listing>...</listing> 固定寬度小字體  </p>
<p><font color=00ff00>...</font>字體顏色</p>
<p><font size=1>...</font>最小字體  </p>
<p><font style =&#39;<a href="http://www.php.cn/wiki/807.html" target="_blank">font-size</a>:100 px&#39;>...</font>無限增大 </p>
<p> </p>
<p>格式标志标签</p>
<p><p></p> 创建一个段落    </p>
<p><p align=""> 将段落按左、中、右对齐 　</p>
<p><br> 换行 插入换行符  </p>
<p><blockquote></blockquote> 从两边缩进文本</p>
<p><dl></dl> 定义列表</p>
<p><dt> 放在每个定义术语词前</p>
<p><dd> 放在每个定义之前</p>
<p><ol></ol> 创建一个标有数字的列表  </p>
<p><ul></ul> 创建一个标有圆点的列表</p>
<p><li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,</p>
<p>  若在<ul></ul>之间则每个列表项加上一个圆点 　 　</p>
<p><div align=""></div> Wird zum Setzen großer HTML-Absätze und zum Formatieren von Tabellen verwendet </p>
<p><MENU&gt><DIR>< /nobr> Keine Zeilenumbrüche erzwingen</p>
<p><hr size='9' width='80%' color='ff0000'>Horizontale Linie (Breite festlegen) </p>
<p><center> &lt ;/center> Horizontal zentrieren </p>
<p>Link-Markierung</p>Tabelle<p>Markierung</p>
<p><a href="URL"></a> Hypertext-Link erstellen <a href="http://www.php.cn/code/5947.html" target="_blank"> </a><a href="mailtEMAIL"></p>
<p></a> Erstellen Sie einen Link zum automatischen Senden einer E-Mail </p>
<p><a name="name">< /a> Erstellen Sie ein Lesezeichen im Dokument </p>
<p><a href="#name"></a> Erstellen Sie einen Link zu einem Lesezeichen im Dokument </p>
<p>< BASE> Dokument Die URL aller anderen Linkquellen, die von dieser Site nicht erkannt werden können </p>
<p><LINK> Definiert die Beziehung zwischen einem Link und der Quelle </p>
<p>Link-Tag-Anmerkung: </p>
<p>◆ target = „…“ bestimmt, wo die Linkquelle angezeigt wird (benutzerdefinierter Name, _blank,_parent,_self,_top </p>
<p>◆rel="..." Art des gesendeten Links </p>
<p>◆rev="..." Art des Links speichern </p>
<p>◆accesskey="..." Den Hotkey für dieses Element angeben </p>
<p>◆shape="... " ermöglicht es uns, eine definierte Form zu verwenden, um den grafischen Spiegel des Kunden zu definieren (Standard, Rechteck, Kreis, Poly</p>
<p>◆coord="..." Verwenden Sie Pixel oder Längenprozentsätze, um die Größe der Form zu definieren</p> <p>◆tabindex = "..." Verwenden Sie das definierte Tabindex-Element, um die Reihenfolge der Fokuserfassung zwischen den einzelnen Elementen festzulegen (verwenden Sie die Tabulatortaste, um den Fokus auf das Element zu richten). </p>
<p>Die meisten Tags können über CSS gesteuert werden Ändern Sie den Stil, um den gewünschten Layouteffekt zu erzielen. Daher müssen wir die HTML-Tags beherrschen </p>
<p>Verwandte Lektüre: </p>
<p></p>html Kommentar-Tags in den Quellcode einfügen<!- - .. .--><p></p>
<p><a href="http://www.php.cn/div-tutorial-380947.html" target="_self">Detaillierte Einführung in Marquee-Tags in HTML</a></p>
<p><a href="http://www.php.cn/div-tutorial-380654.html" target="_self">Einführung in semantische H5-Tags</a></p><p>Das obige ist der detaillierte Inhalt vonZusammenfassung häufig verwendeter HTML-Tag-Elemente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p>


						</div>
					</div>
					<div class="wzconShengming_sp">
						<div class="bzsmdiv_sp">Erklärung dieser Website</div>
						<div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div>
					</div>
				</div>

				<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="AI_ToolDetails_main4sR">


				<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="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Heißer Artikel</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle -Lösung" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle -Lösung</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Wochen vor</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/1796789525.html" title="Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben" class="phpgenera_Details_mainR4_bottom_title">Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 Wochen vor</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/1796783009.html" title="Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung" class="phpgenera_Details_mainR4_bottom_title">Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 Monate vor</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/1796785857.html" title="Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden" class="phpgenera_Details_mainR4_bottom_title">Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Wochen vor</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/1796784440.html" title="&lt;🎜&gt;: Dead Rails - wie man jede Herausforderung abschließt" class="phpgenera_Details_mainR4_bottom_title">&lt;🎜&gt;: Dead Rails - wie man jede Herausforderung abschließt</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Wochen vor</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/de/article.html">Mehr anzeigen</a>
							</div>
						</div>
					</div> -->


											<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>Heiße KI -Werkzeuge</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
													<h3>Undresser.AI Undress</h3>
												</a>
												<p>KI-gestützte App zum Erstellen realistischer Aktfotos</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
													<h3>AI Clothes Remover</h3>
												</a>
												<p>Online-KI-Tool zum Entfernen von Kleidung aus Fotos.</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
													<h3>Undress AI Tool</h3>
												</a>
												<p>Ausziehbilder kostenlos</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
													<h3>Clothoff.io</h3>
												</a>
												<p>KI-Kleiderentferner</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/de/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/de/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
													<h3>Video Face Swap</h3>
												</a>
												<p>Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!</p>
											</div>
										</div>
																</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/de/ai">Mehr anzeigen</a>
								</div>
							</div>
						</div>
					

					<script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>

					<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Heißer Artikel</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle -Lösung" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle -Lösung</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Wochen vor</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/1796789525.html" title="Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben" class="phpgenera_Details_mainR4_bottom_title">Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 Wochen vor</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/1796783009.html" title="Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung" class="phpgenera_Details_mainR4_bottom_title">Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 Monate vor</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/1796785857.html" title="Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden" class="phpgenera_Details_mainR4_bottom_title">Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Wochen vor</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/1796784440.html" title="&lt;🎜&gt;: Dead Rails - wie man jede Herausforderung abschließt" class="phpgenera_Details_mainR4_bottom_title">&lt;🎜&gt;: Dead Rails - wie man jede Herausforderung abschließt</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Wochen vor</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/de/article.html">Mehr anzeigen</a>
							</div>
						</div>
					</div>


											<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>Heiße Werkzeuge</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
													<h3>Notepad++7.3.1</h3>
												</a>
												<p>Einfach zu bedienender und kostenloser Code-Editor</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 chinesische Version" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 chinesische Version</h3>
												</a>
												<p>Chinesische Version, sehr einfach zu bedienen</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Senden Sie Studio 13.0.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_title">
													<h3>Senden Sie Studio 13.0.1</h3>
												</a>
												<p>Leistungsstarke integrierte PHP-Entwicklungsumgebung</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
													<h3>Dreamweaver CS6</h3>
												</a>
												<p>Visuelle Webentwicklungstools</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac-Version" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 Mac-Version</h3>
												</a>
												<p>Codebearbeitungssoftware auf Gottesniveau (SublimeText3)</p>
											</div>
										</div>
																	</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/de/ai">Mehr anzeigen</a>
								</div>
							</div>
						</div>
										

					
					<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Heiße Themen</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/gmailyxdlrkzn" title="Wo ist der Login-Zugang für Gmail-E-Mail?" class="phpgenera_Details_mainR4_bottom_title">Wo ist der Login-Zugang für Gmail-E-Mail?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>7647</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>15</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/cakephp-tutor" title="CakePHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP-Tutorial</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1392</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>52</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/steamdzhmcssmgs" title="Wie lautet das Format des Kontonamens von Steam?" class="phpgenera_Details_mainR4_bottom_title">Wie lautet das Format des Kontonamens von Steam?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>91</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>11</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/winactivationkeyper" title="Win11 -Aktivierungsschlüssel dauerhaft" class="phpgenera_Details_mainR4_bottom_title">Win11 -Aktivierungsschlüssel dauerhaft</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>73</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>19</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/de/faq/nytminicrosswordanswe" title="NYT Mini Kreuzworträtsel Antworten" class="phpgenera_Details_mainR4_bottom_title">NYT Mini Kreuzworträtsel Antworten</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>36</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>110</span>
										</div>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/de/faq/zt">Mehr anzeigen</a>
							</div>
						</div>
					</div>
				</div>
			</div>
							<div class="Article_Details_main2">
					<div class="phpgenera_Details_mainL4">
						<div class="phpmain1_2_top">
							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
									src="/static/imghw/index2_title2.png" alt="" /></a>
						</div>
						<div class="phpgenera_Details_mainL4_info">

													<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/de/faq/1796600245.html" title="Tabellenrahmen in HTML" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416492486715.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Tabellenrahmen in HTML" />
								</a>
								<a href="https://www.php.cn/de/faq/1796600245.html" title="Tabellenrahmen in HTML" class="phphistorical_Version2_mids_title">Tabellenrahmen in HTML</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:49 PM</span>
								<p class="Articlelist_txts_p">Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/de/faq/1796600244.html" title="Verschachtelte Tabelle in HTML" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416491283996.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Verschachtelte Tabelle in HTML" />
								</a>
								<a href="https://www.php.cn/de/faq/1796600244.html" title="Verschachtelte Tabelle in HTML" class="phphistorical_Version2_mids_title">Verschachtelte Tabelle in HTML</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:49 PM</span>
								<p class="Articlelist_txts_p">Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/de/faq/1796600238.html" title="HTML-Rand links" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416482056439.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML-Rand links" />
								</a>
								<a href="https://www.php.cn/de/faq/1796600238.html" title="HTML-Rand links" class="phphistorical_Version2_mids_title">HTML-Rand links</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:48 PM</span>
								<p class="Articlelist_txts_p">Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/de/faq/1796600271.html" title="HTML-Tabellenlayout" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416543391948.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML-Tabellenlayout" />
								</a>
								<a href="https://www.php.cn/de/faq/1796600271.html" title="HTML-Tabellenlayout" class="phphistorical_Version2_mids_title">HTML-Tabellenlayout</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:54 PM</span>
								<p class="Articlelist_txts_p">Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/de/faq/1796600269.html" title="HTML-Eingabeplatzhalter" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416542577781.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML-Eingabeplatzhalter" />
								</a>
								<a href="https://www.php.cn/de/faq/1796600269.html" title="HTML-Eingabeplatzhalter" class="phphistorical_Version2_mids_title">HTML-Eingabeplatzhalter</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:54 PM</span>
								<p class="Articlelist_txts_p">Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/de/faq/1796600227.html" title="Text in HTML verschieben" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416455153019.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Text in HTML verschieben" />
								</a>
								<a href="https://www.php.cn/de/faq/1796600227.html" title="Text in HTML verschieben" class="phphistorical_Version2_mids_title">Text in HTML verschieben</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:45 PM</span>
								<p class="Articlelist_txts_p">Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/de/faq/1796600210.html" title="HTML-geordnete Liste" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416432927533.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML-geordnete Liste" />
								</a>
								<a href="https://www.php.cn/de/faq/1796600210.html" title="HTML-geordnete Liste" class="phphistorical_Version2_mids_title">HTML-geordnete Liste</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:43 PM</span>
								<p class="Articlelist_txts_p">Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/de/faq/1796600246.html" title="HTML-Onclick-Button" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416493797970.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML-Onclick-Button" />
								</a>
								<a href="https://www.php.cn/de/faq/1796600246.html" title="HTML-Onclick-Button" class="phphistorical_Version2_mids_title">HTML-Onclick-Button</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:49 PM</span>
								<p class="Articlelist_txts_p">Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.</p>
							</div>
													</div>

													<a href="https://www.php.cn/de/web-designer.html" class="phpgenera_Details_mainL4_botton">
								<span>See all articles</span>
								<img src="/static/imghw/down_right.png" alt="" />
							</a>
											</div>
				</div>
					</div>
	</main>
	<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?1745333577"></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>
	
	<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>

	
	<script>
		// top
		layui.use(function () {
			var util = layui.util;
			util.fixbar({
				on: {
					mouseenter: function (type) {
						layer.tips(type, this, {
							tips: 4,
							fixed: true,
						});
					},
					mouseleave: function (type) {
						layer.closeAll("tips");
					},
				},
			});
		});

		document.addEventListener("DOMContentLoaded", (event) => {
			// 定义一个函数来处理滚动链接的点击事件
			function setupScrollLink(scrollLinkId, targetElementId) {
				const scrollLink = document.getElementById(scrollLinkId);
				const targetElement = document.getElementById(targetElementId);

				if (scrollLink && targetElement) {
					scrollLink.addEventListener("click", (e) => {
						e.preventDefault(); // 阻止默认链接行为
						targetElement.scrollIntoView({
							behavior: "smooth"
						}); // 平滑滚动到目标元素
					});
				} else {
					console.warn(
						`Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.`
						);
				}
			}

			// 使用该函数设置多个滚动链接
			setupScrollLink("Article_Details_main1L2s_1", "article_main_title1");
			setupScrollLink("Article_Details_main1L2s_2", "article_main_title2");
			setupScrollLink("Article_Details_main1L2s_3", "article_main_title3");
			setupScrollLink("Article_Details_main1L2s_4", "article_main_title4");
			setupScrollLink("Article_Details_main1L2s_5", "article_main_title5");
			setupScrollLink("Article_Details_main1L2s_6", "article_main_title6");
			// 可以继续添加更多的滚动链接设置
		});


		window.addEventListener("scroll", function () {
			var fixedElement = document.getElementById("Article_Details_main1Lmain");
			var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器
			var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度
			var scrollHeight = document.documentElement.scrollHeight; // 页面总高度

			// 计算距离底部的距离
			var distanceToBottom = scrollHeight - scrollTop - clientHeight;

			// 当距离底部小于或等于300px时，取消固定定位
			if (distanceToBottom <= 980) {
				fixedElement.classList.remove("Article_Details_main1Lmain");
				fixedElement.classList.add("Article_Details_main1Lmain_relative");
			} else {
				// 否则，保持固定定位
				fixedElement.classList.remove("Article_Details_main1Lmain_relative");
				fixedElement.classList.add("Article_Details_main1Lmain");
      		}
    	});

	
	</script>


<script>
	document.addEventListener('DOMContentLoaded', function() {
  const mainNav = document.querySelector('.Article_Details_main1Lmain');
  const header = document.querySelector('header');
  if (mainNav) {
    window.addEventListener('scroll', function() {
      const scrollPosition = window.scrollY;
      if (scrollPosition > 84) {
        mainNav.classList.add('fixed');
      } else {
        mainNav.classList.remove('fixed');
      }
    });
  }
});
</script>

</body>

</html>