Heim >Web-Frontend >H5-Tutorial >Was ist eine HTML-Datei? Ein vorläufiges Verständnis von HTML-Dateien
Dies ist ein Einführungs-Tutorial zu HTML5, damit mehr Anfänger die richtige Richtung finden können. In diesem Artikel geht es darum, wie Anfänger HTML5 systematisch erlernen können.
1. Was ist eine HTML-Datei?
Der vollständige englische Name von TML ist Hypertext Marked Language und der chinesische Name ist „Hypertext Markup Language“.
Der Unterschied zu gewöhnlichem Text besteht darin, dass eine HTML-Datei nicht nur Textinhalte enthält, sondern auch einige Tags, die auf Chinesisch „Tags“ genannt werden.
Der Suffixname einer HTML-Datei ist .htm oder .html.
Sie können HTML-Dateien mit einem Texteditor schreiben.
2. Schreiben Sie eine HTML-Datei
Der vollständige englische Name von TML ist Hypertext Marked Language und der chinesische Name ist „Hypertext Markup Language“.
Der Unterschied zu gewöhnlichem Text besteht darin, dass eine HTML-Datei nicht nur Textinhalte enthält, sondern auch einige Tags, die auf Chinesisch „Tags“ genannt werden.
Der Suffixname einer HTML-Datei ist .htm oder .html.
Sie können HTML-Dateien mit einem Texteditor schreiben.
<html> <head> <title>PHP中文网</title> </head> <body> This is my first homepage.<b>This text is bold</b> </body> </html>
Um die Datei „first.html“ anzuzeigen, doppelklicken Sie darauf. Oder öffnen Sie den Browser, wählen Sie im Menü „Datei“ die Option „Öffnen“ und wählen Sie dann die Datei aus.
Das erste Tag dieser Datei ist 100db36a723c770d327fc0aef2ce13b1. Dieses Tag teilt Ihrem Browser mit, dass es sich um den Header der HTML-Datei handelt. Das letzte Tag der Datei ist 73a6ac4ed44ffec12cee46588e518a5e und zeigt an, dass die HTML-Datei hier endet.
Der Inhalt zwischen 93f0f5c25f18dab9d176bd4f6de5d30e und 9c3bca370b5104690d9ef395f2c5f8d1 Kopfinformationen werden nicht angezeigt und können im Browser nicht angezeigt werden. Das heißt aber nicht, dass die Informationen nicht nützlich sind. Beispielsweise können Sie den Head-Informationen einige Schlüsselwörter hinzufügen, um Suchmaschinen die Suche nach Ihrer Webseite zu erleichtern.
Der Inhalt zwischen b2386ffb911b14667cb8f0f91ea547a7 ist der Titel dieser Datei. Sie können diesen Titel in der Titelleiste oben in Ihrem Browser sehen.
Die Informationen zwischen 6c04bd5ca3fcae76e30b72ad730ca86d und 36cc49f0c466276486e50c850b7e4956
Der Text zwischen a4b561c25d9afb9ac8dc4d70affff419 ist fett gedruckt. a4b561c25d9afb9ac8dc4d70affff419Wie der Name schon sagt, bedeutet es fett.
HTML-Dateien ähneln gewöhnlichem Text, verfügen jedoch über mehr Tags als gewöhnlicher Text, wie z. B. 100db36a723c770d327fc0aef2ce13b1, a4b561c25d9afb9ac8dc4d70affff419 usw. Über diese Tags können Sie dem Browser mitteilen, wie dieser angezeigt werden soll Datei.
HTML-Elemente
HTML-Element wird verwendet, um Text zu markieren und den Inhalt des Textes darzustellen. Beispielsweise sind body, p und title HTML-Elemente.
HTML-Elemente werden durch Tags dargestellt, die mit 515aa2a94cce6f0276eb910e1743e90f enden.
Tag erscheint normalerweise paarweise, z. B. 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956. Der Anfangs-Tag heißt Eröffnungs-Tag und der End-Tag heißt Schluss-Tag.
Derzeit wird bei HTML-Tags die Groß-/Kleinschreibung nicht beachtet. Beispielsweise sind 6a74014ee44f5deb5894267f99b68016 tatsächlich dasselbe.
Attribute von HTML-Elementen
HTML-Elemente können Attribute haben. Attribute erweitern die Möglichkeiten von HTML-Elementen.
Zum Beispiel können Sie ein bgcolor-Attribut verwenden, um die Hintergrundfarbe der Seite rot zu machen, wie folgt:
5bd2413fb59889bf0da8c9f08b90855f
Ein weiteres Beispiel: Sie können das Attribut „border“ verwenden, um eine Tabelle auf eine randlose Tabelle festzulegen. Wie folgt:
834763c67ef419e9ac4571065f99ad9a
Attribute erscheinen normalerweise in Paaren aus Attributname und -wert, etwa so: name="value". Im obigen Beispiel sind bgcolor und border der Name, red und 0 der Wert. Attributwerte werden im Allgemeinen mit doppelten Anführungszeichen gekennzeichnet. Das Attribut wird normalerweise an das öffnende Tag von HTML angehängt, nicht an das schließende Tag.
Texttitel
Dieses Beispiel zeigt Ihnen, wie Sie den Texttitel in einer HTML-Datei definieren.
HTML verwendet Tags von 4a249f0d628e2318394fd9b75b4636b1, um den Texttitel von groß nach klein zu definieren. Jeder Texttitel ist ein eigener Absatz.
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6>
Absatzunterteilung
Verwenden Sie e388a4556c0f65e1904146cc1a846bee und 94b3e26ee717c64999d7867364b1b4a3
<p>This is a paragraph</p> <p>This is another paragraph</p>
Zeilenumbruch
Mit dem Tag 0c6dc11e160d3b678d68754cc175188a können Sie eine Zeile umbrechen, ohne einen neuen Absatz zu erstellen. 0c6dc11e160d3b678d68754cc175188aKein Schluss-Tag. Es ist eine schlechte Angewohnheit, für Zeilenumbrüche 0c6dc11e160d3b678d68754cc175188a zu verwenden.
e388a4556c0f65e1904146cc1a846beeDies0c6dc11e160d3b678d68754cc175188aist ein Para0c6dc11e160d3b678d68754cc175188aDiagramm mit Zeilenumbrüchen94b3e26ee717c64999d7867364b1b4a3
HTML-Kommentare
in HTML In die Datei können Sie Codekommentare schreiben, um Ihren Code zu erläutern, was Ihnen und anderen in Zukunft hilft, Ihren Code besser zu verstehen.
Kommentare können zwischen 6f51b502c5949d27fa74fe6b12fd8d33 geschrieben werden. Browser ignorieren Kommentare und Sie sehen Ihre Kommentare nicht im HTML-Text.
<!--This is a comment -->
Einige Tipps
HTML-Dateien schneiden automatisch zusätzliche Leerzeichen ab. Egal wie viele Leerzeichen Sie hinzufügen, sie werden alle als ein Leerzeichen gezählt. Auch eine Leerzeile gilt als Leerzeichen.
Einige Tags können den Text in einen Absatz unterteilen, ohne ihn mit e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 zu segmentieren. Zum Beispiel Titel-Tags wie 4a249f0d628e2318394fd9b75b4636b1473f0a7621bec819994bb5020d29372a.
[Verwandte Empfehlungen]
Die Entwicklungsgeschichte von HTML und HTML5
Grundlegende Elemente von HTML, damit Sie HTML von Grund auf lernen können
Das obige ist der detaillierte Inhalt vonWas ist eine HTML-Datei? Ein vorläufiges Verständnis von HTML-Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!