HTML-Grundlagen-Zusammenfassungsempfehlung (Titel)

HTML-Grundlagen-Zusammenfassungsempfehlung (Titel)

HTML: Titel

Überschriften werden durch Tags wie <h1> – <h6> definiert.

<h1> definiert die größte Überschrift. <h6> definiert die kleinste Überschrift.
<h1>Dies ist eine Überschrift</h1>
<h2>Dies ist eine Überschrift</h2>
<h3>Dies ist eine Überschrift</h3>

Tipp: Browser fügen vor und nach dem Titel automatisch Leerzeilen ein. h1 wird als Hauptüberschrift verwendet (das Wichtigste), gefolgt von h2 (das Zweitwichtigste), gefolgt von h3 und so weiter. Tipp: Standardmäßig fügt HTML automatisch eine zusätzliche Leerzeile vor und nach Elementen auf Blockebene wie Absätzen und Überschriften hinzu. Das Align-Attribut von <h1> – <h6> ist in HTML4/5 veraltet. Bitte verwenden Sie stattdessen CSS. Der Titel unterstützt Ereignisattribute und globale Attribute

Titelausrichtung festlegen:

CSS-Syntax: <h1 style="text-align:right">

Methode 1:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <!DOCTYPE html >   
  2. < html >   
  3. < Textkörper >   
  4. < h1   style = "text-align:center" > Dies ist Überschrift 1 </ h1 >   
  5. < h2   style = "text-align:left" > Dies ist Überschrift 2 </ h2 >   
  6. < h3   style = "text-align:right" > Dies ist Überschrift 3 </ h3 >   
  7. < h4   style = "text-align:justify" > Dies ist Überschrift 4 </ h4 >   
  8. </ Körper >   
  9. </ html >   

Methode 2:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <!DOCTYPE html >   
  2. < html >   
  3. <Kopf>   
  4. < Stil >   
  5. h1 {text-align:center}
  6. h2 {text-align:left}
  7. h3 {text-align:right}
  8. </ Stil >   
  9. </ Kopf >   
  10.   
  11. < Textkörper >   
  12. < h1 > Dies ist Überschrift 1 </ h1 >   
  13. < h2 > Dies ist Überschrift 2 </ h2 >   
  14. < h3 > Dies ist Überschrift 3 </ h3 >   
  15. </ Körper >   
  16. </ html >   
屬性值 描述
left 左對齊標題(默認值)。
right 右對齊標題。
center 居中對齊標題。
justify 標題有合理的邊距。

HTML: Horizontale Linie

Das <hr />-Tag erstellt eine horizontale Linie in einer HTML-Seite.

Mit dem hr-Element können Inhalte getrennt werden.

<p>Dies ist ein Absatz</p>
<hr />
<p>Dies ist ein Absatz</p>
<hr />

<p>Dies ist ein Absatz.</p>Tipp: Die Verwendung horizontaler Linien (<hr>-Tags) zum Trennen von Abschnitten in einem Artikel ist eine Möglichkeit (aber nicht die einzige). HTML5 unterstützt das <hr>-Align-Attribut nicht. Bitte verwenden Sie stattdessen CSS.

Das Align-Attribut des <hr>-Elements ist in HTML 4.01 veraltet.

Das Align-Attribut gibt die Ausrichtung der horizontalen Linie an.

Hinweis: Das Align-Attribut hat keine Wirkung, es sei denn, das Width-Attribut ist auf weniger als 100 % eingestellt.

CSS-Syntax (IE und Opera): <hr style="text-align:right">

CSS-Syntax (Firefox, Chrome und Safari): <hr style="margin-right:0">

CSS-Syntax (browserübergreifend): <hr style="text-align:right;margin-right:0">

屬性 描述 css語法格式 <h style=width:"50%"> 
align left
center
right
HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的對齊方式
noshade noshade HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的顏色呈現為純色。
size pixels HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的高度。
width pixels
%
HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的寬度。
XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <!DOCTYPE html >   
  2. < html >   
  3. < Textkörper >   
  4. < p > Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. </ p >   
  5. < Std.   Stil = "Breite: 50 %; Textausrichtung: links; Rand links: 0" >   
  6. < p > Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. </ p >   
  7. </ Körper >   
  8. </ html >   

HTML: Kommentare

Um die Lesbarkeit und das Verständnis des Codes zu verbessern, können in den HTML-Code Kommentare eingefügt werden. Browser ignorieren Kommentare und zeigen sie nicht an.

Der Kommentar lautet:

<!-- Dies ist ein Kommentar -->

Hinweis: Die beiden Schrägstriche (//) am Ende der Befehlszeile sind JavaScript-Kommentarsymbole. Dadurch wird sichergestellt, dass JavaScript nicht innerhalb des -->-Tags ausgeführt wird.

Neben ihrer sehr offensichtlichen Rolle in Quelldokumenten verwenden viele Webserver Kommentare auch, um Funktionen zu implementieren, die für Dokumentserversoftware spezifisch sind. Diese Server können Dokumente scannen, bestimmte Zeichenfolgen in herkömmlichen HTML/XHTML-Kommentaren finden und dann auf Grundlage der in den Kommentaren eingebetteten Befehle entsprechende Aktionen ausführen. Diese Aktionen können so einfach sein wie das Einfügen von Text aus anderen Dateien (sogenannte Server-Inside-Includes) oder so komplex wie das Ausführen anderer Befehle zum dynamischen Generieren des Dokumentinhalts.

Die oben stehende HTML-Grundzusammenfassungsempfehlung (Titel) ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, dass er Ihnen als Referenz dienen kann. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/sxtywjx/p/5665044.html

<<:  Eine detaillierte Einführung in den netstat-Befehl in Linux

>>:  CSS implementiert verschiedene Ladeeffekte mit Parsing-Prozess

Artikel empfehlen

Centos7-Installation des in Nginx integrierten Lua-Beispielcodes

Vorwort Der von mir verwendete Computer ist ein M...

Beispiel für eine geplante MySQL-Datenbanksicherung

Dieser Artikel beschreibt das Beispiel eines gepl...

Einige Hinweise zur Installation eines Fastdfs-Images im Docker

1. Bereiten Sie die Docker-Umgebung vor 2. Suchen...

vue + springboot realisiert den Login-Bestätigungscode

In diesem Artikelbeispiel wird der spezifische Co...

Eine einfache Implementierungsmethode für eine digitale LED-Uhr in CSS3

Das dürfte etwas sein, was viele Leute gemacht ha...

Serviceverwaltung der Quellpaketinstallation unter Linux

Inhaltsverzeichnis 1. Startverwaltung des Quellpa...

Ausführliche Erläuterung zum MySQL-Lernen einer Datenbanksicherung

Inhaltsverzeichnis 1.DB, DBMS, SQL 2. Eigenschaft...

Podman bootet den Container automatisch und vergleicht ihn mit Docker

Inhaltsverzeichnis 1. Einführung in Podman 2. Vor...

So implementieren Sie einen reibungslosen Neustart von Nginx

1. Hintergrund Während des Serverentwicklungsproz...