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

Einführungstutorial zu React Hooks

Zustandshaken Beispiele: importiere { useState } ...

Gründe für den plötzlichen Leistungsabfall bei MySQL

Manchmal kann es vorkommen, dass eine SQL-Anweisu...

Detailliertes Installationstutorial für Mysql5.7.19 unter Centos7

1. Herunterladen Laden Sie mysql-5.7.19-linux-gli...

So richten Sie ein Bereitstellungsprojekt unter einem Linux-System ein

1. Ändern Sie die Firewall-Einstellungen und öffn...

Ein einfaches Tutorial zur Verwendung des MySQL-Protokollsystems

Inhaltsverzeichnis Vorwort 1. Fehlerprotokoll 2. ...

Zwei Möglichkeiten zum Verwalten von Volumes in Docker

Im vorherigen Artikel habe ich die Grundkenntniss...

Der eigentliche Prozess der Implementierung des Zahlenrätsels im WeChat-Applet

Inhaltsverzeichnis Funktionseinführung Rendern 1....

Analyse und Lösung des durch Chrome 73 verursachten Flex-Layout-Zusammenbruchs

Phänomen Es gibt mehrere verschachtelte Flex-Stru...