HTML5-Studiennotizen (2) – detaillierte Einführung in Elemente, Attribute und Formatierung-H5-Tutorial-php.cn

Heim

Web-Frontend

H5-Tutorial

HTML5-Studiennotizen (2) – detaillierte Einführung in Elemente, Attribute und Formatierung

黄舟

Mar 16, 2017 pm 03:33 PM

元素属性格式化

HTML-Element .Ein HTML-Element ohne Inhalt wird als leeres Element bezeichnet. Leere Elemente werden im öffnenden Tag geschlossen.

ist ein leeres Element ohne schließendes Tag (
Tag-Definition umschließt).

In XHTML, XML

und zukünftigen Versionen von HTML müssen alle Elemente geschlossen sein.

开始(开放)标签	元素内容	结束(闭合)标签
	this is my web page

Das Hinzufügen eines Schrägstrichs im öffnenden Tag, z. B.
, ist die richtige Methode zum Schließen eines leeren Elements und wird von HTML, XHTML und XML akzeptiert.

Auch wenn
in allen Browsern gültig ist, ist die Verwendung von
tatsächlich eine längerfristige Garantie.

HTML-Elementsyntax

Der Inhalt des Elements ist der Inhalt zwischen dem Start-Tag und dem Ende tag Leere Elemente werden im öffnenden Tag geschlossen

Die meisten HTML-Elemente können das

-Attribut

Verschachtelte HTML-Elemente

Die meisten HTML-Elemente können verschachtelt werden

HTML-Attribute

<p>Hello world, <a>找度娘</a></p>

Nach dem Login kopieren

1. Tags können Attribute haben, um mehr Informationen für Elemente bereitzustellen 2. Attribute erscheinen in Form von Schlüssel-Wert-Paaren, wie zum Beispiel: href = "www. cnblogs.www /winsoncheung" 3. Häufig verwendete Tag-Attribute:

　:target Gibt an, wo die Verbindung geöffnet werden soll

4. Gemeinsame Attribute :

< tr style="margin-left: 30px">< td style="margin-left: 30px">Gibt zusätzliche Informationen für das Element an

Klasse	Geben Sie den Klassennamen des Elements an
id	Gibt die eindeutige ID des Elements an
style	Gibt den Stil des Elements an
title

<!DOCTYPE html><html><head>
    <meta charset="UTF-8">
    <!--id规定元素唯一ID-->
    <title id="1223">基础</title>
    <!--style规定元素的样式-->
    <style type="text/css"></style></head><body bgcolor="#5f9ea0">
    <h1 align="center">标题1</h1>
    <a href="index02.html" target="_blank">打开本地</a>
    <!--class规定元素类名-->
    <h2 class="h2ID">标题2</h2></body></html>

Nach dem Login kopieren

HTML格式化

文本格式化标签:

标签	描述
	定义粗体文本。
	定义大号字。
	定义着重文字。
	定义斜体字。
all>	定义小号字。
	定义加重语气。
	定义下标字。
	定义上标字。
	定义插入字。
	定义删除字。
	不赞成使用。使用 ~~代替。~~
	不赞成使用。使用 ~~代替。~~
	不赞成使用。使用样式（style）代替。

“计算机输出”标签:

标签	描述
	定义计算机代码。
	定义键盘码。
	定义计算机代码样本。
	定义打字机代码。
	定义变量。
</td><td style="margin-left: 30px">定义预格式文本。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><<a href="http://www.php.cn/wiki/1059.html" target="_blank">list</a>ing></td><td style="margin-left: 30px">不赞成使用。使用 <pre class="brush:php;toolbar:false"> 代替。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><plaintext></td><td style="margin-left: 30px">不赞成使用。使用 <pre class="brush:php;toolbar:false"> 代替。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><xmp></td><td style="margin-left: 30px">不赞成使用。使用 <pre class="brush:php;toolbar:false"> 代替。</td></tr></tbody></table><p style="margin-left: 30px; text-align: left;"><a href="http://www.php.cn/wiki/231.html" target="_blank">引用</a>、引用和术语定义</p><table style="margin-left: 30px; height: 261px; width: 331px"><tbody style="margin-left: 30px"><tr style="margin-left: 30px" class="firstRow"><th style="margin-left: 30px">标签</th><th style="margin-left: 30px">描述</th></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><abbr></td><td style="margin-left: 30px">定义缩写。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><acronym></td><td style="margin-left: 30px">定义首字母缩写。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><address></td><td style="margin-left: 30px">定义地址。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><bdo></td><td style="margin-left: 30px">定义文字方向。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><blockquote></td><td style="margin-left: 30px">定义长的引用。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><q></td><td style="margin-left: 30px">定义短的引用语。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><cite></td><td style="margin-left: 30px">定义引用、引证。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><dfn></td><td style="margin-left: 30px">定义一个定义项目。</td></tr></tbody></table><p style="margin-left: 30px; text-align: left;"> 代码示例:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><!DOCTYPE html><html><head> <meta charset="UTF-8"> <title id="1223">格式化</title></head><body> <b>My name is Winson</b> <br/> <big>Welcome to my blog~</big> <br/> <i>Hello, visitor!</i> <br/> <small>我很小, 你看不见看不见</small> <br/> <strong>太显眼了</strong> <br/> 大家好<sub>欢迎</sub>来到 <br/> 大家好<sup>欢迎</sup>来到 <br/> <ins>Come on! girls!</ins> <br/> <del>Hei! girl!</del></body></html> Nach dem Login kopieren Das obige ist der detaillierte Inhalt vonHTML5-Studiennotizen (2) – detaillierte Einführung in Elemente, Attribute und Formatierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website! Erklärung dieser Website 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 Heiße KI -Werkzeuge Undresser.AI Undress KI-gestützte App zum Erstellen realistischer Aktfotos AI Clothes Remover Online-KI-Tool zum Entfernen von Kleidung aus Fotos. Undress AI Tool Ausziehbilder kostenlos Clothoff.io KI-Kleiderentferner Video Face Swap Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus! Mehr anzeigen Heißer Artikel Assassin's Creed Shadows: Seashell Riddle -Lösung 3 Wochen vor By DDD Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben 2 Wochen vor By DDD Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden 3 Wochen vor By DDD <🎜>: Dead Rails - wie man jede Herausforderung abschließt 4 Wochen vor By DDD Atomfall Guide: Gegenstandsstandorte, Questführer und Tipps 1 Monate vor By DDD Mehr anzeigen Heiße Werkzeuge Notepad++7.3.1 Einfach zu bedienender und kostenloser Code-Editor SublimeText3 chinesische Version Chinesische Version, sehr einfach zu bedienen Senden Sie Studio 13.0.1 Leistungsstarke integrierte PHP-Entwicklungsumgebung Dreamweaver CS6 Visuelle Webentwicklungstools SublimeText3 Mac-Version Codebearbeitungssoftware auf Gottesniveau (SublimeText3) Mehr anzeigen Heiße Themen Wo ist der Login-Zugang für Gmail-E-Mail? 7681 15 Java-Tutorial 1639 14 CakePHP-Tutorial 1393 52 Laravel-Tutorial 1286 25 PHP-Tutorial 1229 29 Mehr anzeigen Related knowledge So formatieren Sie das Laufwerk C mit dem DOS-Befehl Feb 19, 2024 pm 04:23 PM Der DOS-Befehl ist ein im Windows-Betriebssystem verwendetes Befehlszeilentool, mit dem verschiedene Systemverwaltungsaufgaben und -vorgänge ausgeführt werden können. Eine der häufigsten Aufgaben ist das Formatieren der Festplatte, einschließlich des Laufwerks C. Das Formatieren des Laufwerks C ist ein relativ gefährlicher Vorgang, da dadurch alle Daten auf dem Laufwerk C gelöscht und das Dateisystem neu initialisiert werden. Bevor Sie diesen Vorgang durchführen, stellen Sie sicher, dass Sie wichtige Dateien gesichert haben und sich darüber im Klaren sind, welche Auswirkungen die Formatierung auf Ihren Computer haben wird. Das Folgende wird in der DOS-Befehlszeile formatiert Enthüllte Geheimnisse der Methoden zur Wiederherstellung des Mobiltelefonformats (Fehlfunktion des Mobiltelefons? Keine Sorge) May 04, 2024 pm 06:01 PM Heutzutage werden wir unweigerlich auf einige Probleme stoßen, wie z. B. die Unfähigkeit, das Telefon einzuschalten, oder Verzögerungen, wie z. B. einen Systemabsturz, aber während der Nutzung sind Mobiltelefone zu einem unverzichtbaren Teil unseres Lebens geworden. Wir sind oft ratlos und manchmal gibt es keine Lösungen für diese Probleme. Um Ihnen bei der Lösung von Mobiltelefonproblemen zu helfen, stellt Ihnen dieser Artikel einige Methoden zur Wiederherstellung des Mobiltelefonformats und zur Wiederherstellung des normalen Betriebs Ihres Telefons vor. Sichern Sie Daten – schützen Sie wichtige Informationen wie Fotos und Kontakte vor dem Verlust während des Formatierungsvorgangs. Bevor Sie Ihr Telefon formatieren, sollten Sie zunächst daran denken, wichtige Daten und Dateien auf Ihrem Telefon zu sichern. Um die Datensicherheit zu gewährleisten oder Dateien an einen Cloud-Speicherdienst zu übertragen, können Sie sie sichern, indem Sie eine Verbindung zu einem Computer herstellen. Nutzen Sie die integrierte Wiederherstellungsfunktion des Systems – ganz einfach Wird das Formatieren eines Laptops ihn schneller machen? Feb 12, 2024 pm 11:54 PM Wird das Formatieren eines Laptops ihn schneller machen? Wenn Sie Ihren Windows-Laptop formatieren möchten, sich aber fragen, ob er dadurch schneller wird, hilft Ihnen dieser Artikel dabei, die richtige Antwort auf diese Frage zu finden. Wird das Formatieren eines Laptops ihn schneller machen? Es gibt viele Gründe, warum Benutzer ihre Windows-Laptops formatieren. Der häufigste Grund ist jedoch die langsame Leistung oder Geschwindigkeit Ihres Laptops. Durch das Formatieren eines Laptops werden alle auf dem Laufwerk C oder der Festplattenpartition, auf der das Windows-Betriebssystem installiert ist, gespeicherten Daten vollständig gelöscht. Daher wird sich jeder Nutzer diesen Schritt zweimal überlegen, insbesondere wenn es um die Leistung des Laptops geht. Dieser Artikel hilft Ihnen zu verstehen, ob die Formatierung Ihres Laptops die Geschwindigkeit beschleunigt. Das Formatieren Ihres Laptops hilft Welche Methoden der HTML-Formatierung gibt es? Mar 08, 2024 am 09:53 AM HTML-Formatierungsmethode: 1. Verwenden Sie Online-HTML-Formatierungstools. 2. Verwenden Sie die mit dem Code-Editor gelieferten HTML-Formatierungstasten, z. B. Umschalt + Alt + F in Visual Studio Code. 3. Verwenden Sie Plug-Ins, z. B. in Sublime Text-HTML/CSS/JS-Prettify-Plugin 4. Verwenden Sie Befehlszeilentools wie HTML Tidy. 5. Manuelle Formatierung gemäß Codierungsstandards und -gewohnheiten. Bottom-Attributsyntax in CSS Feb 21, 2024 pm 03:30 PM Syntax und Codebeispiele für das Bottom-Attribut in CSS In CSS wird das Bottom-Attribut verwendet, um den Abstand zwischen einem Element und dem Boden des Containers anzugeben. Es steuert die Position eines Elements relativ zum unteren Rand seines übergeordneten Elements. Die Syntax des unteren Attributs lautet wie folgt: element{bottom:value;} wobei element das Element darstellt, auf das der Stil angewendet werden soll, und value den festzulegenden unteren Wert darstellt. Der Wert kann ein bestimmter Längenwert sein, z. B. Pixel Einführung in die Eigenschaften von Hearthstones Despair Thread Mar 20, 2024 pm 10:36 PM Thread of Despair ist eine seltene Karte in Blizzard Entertainments Meisterwerk „Hearthstone“ und kann im Kartenpaket „Wizbane's Workshop“ erhalten werden. Kann 100/400 arkane Staubpunkte verbrauchen, um die Normal-/Goldversion zu synthetisieren. Einführung in die Eigenschaften von Hearthstones Faden der Verzweiflung: Er kann mit einer Chance in Wizbanes Werkstattkartenpaket erhalten oder auch durch arkanen Staub synthetisiert werden. Seltenheit: Selten Typ: Zauber Klasse: Todesritter Mana: 1 Wirkung: Verleiht allen Dienern ein Todesröcheln: Fügt allen Dienern 1 Schaden zu Wie kann man feststellen, ob ein jQuery-Element ein bestimmtes Attribut hat? Feb 29, 2024 am 09:03 AM Wie kann man feststellen, ob ein jQuery-Element ein bestimmtes Attribut hat? Wenn Sie jQuery zum Betreiben von DOM-Elementen verwenden, stoßen Sie häufig auf Situationen, in denen Sie feststellen müssen, ob ein Element ein bestimmtes Attribut hat. In diesem Fall können wir diese Funktion einfach mit Hilfe der von jQuery bereitgestellten Methoden implementieren. Im Folgenden werden zwei häufig verwendete Methoden vorgestellt, um festzustellen, ob ein jQuery-Element über bestimmte Attribute verfügt, und um spezifische Codebeispiele anzuhängen. Methode 1: Verwenden Sie die Methode attr() und den Operator typeof //, um zu bestimmen, ob das Element ein bestimmtes Attribut hat So formatieren und installieren Sie das Win10-System_Formatieren und installieren Sie das Win10-System-Tutorial neu Mar 21, 2024 pm 04:56 PM Heutzutage wird die Sicherheit von Windows 10-Systemcomputern durch viele Viren und Programme gefährdet. Nehmen wir ein typisches Beispiel: Wenn er im Internet surft, öffnet er versehentlich einen Link oder eine Website, auf der einige sehr lästige Werbeanzeigen auftauchen Oder wenn der Computer aus unerklärlichen Gründen stecken bleibt und sich nicht bewegen lässt, ist es wahrscheinlich, dass in böswilliger Absicht Software gebündelt und installiert wurde. Wenn ein solches Problem auftritt, können wir das System auf dem Win10-Computer neu installieren, wodurch die Virenprogramme auf der Systemfestplatte effektiv entfernt werden. Jetzt zeigt Ihnen der Editor, wie Sie das Win10-System formatieren und neu installieren. 1. Wie formatiere ich das Win10-System und installiere es neu? Zuerst klicken wir auf „Start“ – See all articles Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！ Über uns Haftungsausschluss Sitemap © php.cn All rights reserved