Wondershare EdrawMind
MindMap Gallery HTML-Basis-Tags
- 4
HTML-Basis-Tags
Eine neue Einführung in HTML-Basis-Tags! Der Inhalt umfasst den Aufbau, die Grundstruktur, Bearbeitungswerkzeuge für Webseiten, HTML-Medienelemente, Blöcke und Linien in HTML-Seiten, grundlegende Webseiteninformationen usw. Interessierte Freunde können ihn herunterladen und sammeln.
Edited at 2023-02-26 01:27:03
- Recommended to you
- Outline
HTML-Basis-Tags
Der Aufbau einer Webseite
HTML-Teil (<html>Inhalt</html>)
JS-Teil (<script>Spezialeffekte</script>)
CSS-Teil (<style>Stil</style>)
Grundstruktur
<! DOCTYPE html>-Anweisung
<title>Titel der Webseite</title>
HTML-Webseite
<Kopf>Kopfteil
<body>Hauptteil
<body>Webseiteninhalt, der aus Text, Bildern usw. bestehen kann.</body>
Tools zum Bearbeiten von Webseiten
Notizbuch
Traumweber
Notepad++
Hbuilder
VScodr
Grundlegende Informationen zur Webseite
Lösungen für verstümmelte Zeichen
Fügen Sie dem Head-Bereich das <meta>-Tag hinzu
<meta charset="gb2312">
Vereinfachtes Chinesisch: gb2312
Traditionelles Chinesisch:big5
Reinenglische Webseite: iso-8859-1
Entspricht den internationalen Standards: UTF-8
Seitenhintergrundfarbe oder Hintergrundbild
bgcolor="#FFCCFF""
Hintergrundfarbe der Webseite
Hintergrund="back_image.GIF""
Hintergrundbild einer Webseite
Semantisierung grundlegender Tags auf Webseiten
Titel
<h1>
Absatz
<p>...</p>
Bild
<img>
Neue Zeile
<br>
horizontale Linie
<hr>
<hr size="5">Dickewert der Linie
color="rot" Linienfarbe
width="300"/>Linienbreite
Titel-Tag
<h1>Titel der Stufe 1</h1> <h2>Titel der Stufe 2</h2> <h3>Titel der Stufe 3</h3> <h4>Überschrift der vierten Ebene</h4 <h5>Überschriften mit fünf Ebenen</h5> <h6>Überschriften auf sechs Ebenen</h6>
<h1> ist das größte, gefolgt von <h2> und so weiter ...
Es wird empfohlen, Schlüsselwörter einzuschließen, wenn <h1>-Tags und <h2>-Tags verwendet werden, und es wird empfohlen, sie nur einmal zu verwenden. <h3>-, <h4>- und <h5>-Tags haben nur geringe SEO-Effekte und es wird empfohlen, sie nicht wahllos zu verwenden.
Bild-Tag
*.jpg
*.gif
*.png
*.bmp
Grundlegende Grammatik von Bildern
<img src="image tag"
Bildposition
Breite="300"
Bild breite
Höhe="150"
Bildhöhe
alt="Eröffnung des Promi-Konzerts">
Hinweistext zum Bild hinzugefügt, Maus Bewegen Sie das Bild, um informativen Text anzuzeigen
Listen-Tag
Ein ungeordnetes Listenattribut legt Aufzählungszeichen fest
Aufzählungszeichen: Scheibe (Standard), Quadrat und Kreis
Implementiert mit <ul>-Tag
Verwenden Sie das Tag <li>, um Listenelemente darzustellen
Das Attribut „Geordnete Liste“ legt die Reihenfolge der Elemente fest
Projektreihenfolge: 1 (Standard), A, a, I, i
Implementiert mit <ol>-Tag
Verwenden Sie das Tag <li>, um Listenelemente darzustellen
Definieren Sie die Klassentabelle – ohne Aufzählungszeichen und ohne Anzeigereihenfolge
Keine Aufzählungszeichen und keine Anzeigereihenfolge
Implementiert mit <dl tag>
Definieren Sie Listenelemente mit dem <dt>-Tag
Definieren Sie Inhalte mit dem <dd>-Tag
Vorformatierte Textetiketten
Schlagwort:<pre>…</pre>
Beispiel:<pre>…… </pre>
Hyperlink
<a>-Tag
<a href="path"
Linkpfad
target="Zielfensterposition">"
Beschreibung: In welchem Fenster der Link geöffnet wird
Verlinken Sie Text oder Bild</a>
Hinweis: Springen Sie nach dem Standalone-Modus zur entsprechenden Seite
Gemeinsame Werte: _self, _blank
Link zu anderen Seiten
Relativer Pfad: Gibt den Dateispeicherort relativ zur aktuellen Datei an
Beispiel: Um auf eine Seite im selben Verzeichnis (C:\HTML) zu verlinken, schreiben Sie <a href="doc1.html>".
Absoluter Pfad: Geben Sie den vollständigen Pfad vom Stammverzeichnis zur Datei an
Beispiel: Um auf eine Seite im selben Verzeichnis (C:\HTML) zu verlinken, schreiben Sie <a href="c:\html\doc2.html>
Link zu dieser Seite
Ankertags: werden verwendet, um Benutzern das „Springen“ zu einem bestimmten Teil des Dokuments zu ermöglichen.
Definieren Sie den Ankertag:<a name="helpme">Newcomer on the road to guide men</a> Link zur Position des Ankertags: <a href="#helpme">[Newcomer on the Road]</a>
Hinweis: Wenn die Seite nicht lang genug ist, springt der Ankerlink nicht. Fügen Sie zu diesem Zeitpunkt einfach weiteren Seiteninhalt hinzu, um die Seite länger zu machen.
Blöcke und Zeilen in HTML-Seiten
Beschriftungen auf Zeilenebene
Merkmale: Kann auf derselben Linie wie andere Elemente gehalten werden, kann nicht automatisch umbrochen werden, Breite und Höhe können nicht festgelegt werden
Gängige Tags auf Zeilenebene: a, span, strong, u (unterstrichen), em (Hervorhebung), i (kursiv), sub (tiefgestellt), sup (hochgestellt)
Tags auf Blockebene
Merkmale: Kann nicht in derselben Zeile wie andere Elemente gehalten werden (belegt eine Zeile), kann automatisch umbrochen werden und kann Breite und Höhe festlegen
Allgemeine Tags auf Zeilenebene: div, p, h1-h6, ul, li, dl (Definitionsliste, ähnlich wie ul...li), dt (definiert die Elemente in der Definitionsliste), dd (definiert den Inhalt des Elements, abgeglichen mit dt)
Tags auf Blockebene, die häufig im Layout verwendet werden
Abschnitts-Tag <div>
<div>-Tags können in Tags wie <p> eingebettet und als gewöhnliche Blockelemente verwendet werden.
Tabelle:<Tabelle> Zeile: <tr>…</tr> Spalte (Zelle):<td>…</td>
Form:<von> … </von>
Inline-Tags auf Blockebene
Eigenschaften: Kann mit anderen Elementen in einer Zeile gehalten werden und kann auch Breite und Höhe festlegen
Gängige Tags: textarea, input, img, button
HTML-Medienelemente
Videoelement:<video>…</video>
Beispiel:<video src="video path"
Beschreibung: Geben Sie den Pfad der abzuspielenden Videodatei an
Steuerelemente></video>
Beschreibung: Bietet Steuerelemente für Wiedergabe, Pause und Lautstärke
Allgemeine Attribute des Video-Tags
1.Autoplay erscheint und das Video wird sofort abgespielt, nachdem es fertig ist.
2. Wenn Steuerelemente angezeigt werden, werden sie dem Benutzer angezeigt, z. B. die Wiedergabetaste.
Es erscheint eine 3.Schleife. Starten Sie die Wiedergabe erneut, nachdem die Wiedergabe der Mediendatei abgeschlossen ist.
4.muted erscheint, der Ton des Videos ist stummgeschaltet.
5.src URL des abzuspielenden Videos
Audioelemente:<audio>…</audio>
<audio src="audio element"
Beschreibung: Geben Sie den Pfad der abzuspielenden Audiodatei an
Steuerelemente></audio>
Beschreibung: Bietet Steuerelemente für Wiedergabe, Pause und Lautstärke
Autoplay-Attribute:Autoplay
<Video-Autoplay> … … </video>
Allgemeine Attribute des Quell-Tags
1.src gibt die URL der Mediendatei an 2.type gibt den Medientyp der Ressource an
Erläuterung: 1. Sie können mehrere Quell-Tags schreiben und den Typ angeben, der mit der Unterstützung verschiedener Browser-Decodierungen kompatibel ist. Aber src kann nur einen schreiben 2. Zu den Attributwerten des Typattributs des Quell-Tags gehören Video/ogg, Video/mp4, Video/webm