Wondershare EdrawMind
- 15
html
Dies ist eine Zusammenstellung einiger wichtiger Punkte zum Einstieg in HTML. Sie enthält viele nützliche Informationen, die Sie schnell sammeln sollten.
Editado em 2023-12-03 15:12:26
- Recomendado para você
- Descrição
HTML
Beschriftung (das Ding mit spitzen Klammern)
Nach dem Generieren der .html-Datei! eingeben
Beschriftungen sind in ungerade und gerade unterteilt
Einzelbezeichnung: hr
Doppelter Tag:S
Skelett 9 vier Tags
html: die gesamte Webseite
head: Kopfzeile der Webseite
Titel: Titel der Webseite
body: Webseitenthema, Sie können direkt darin etwas eingeben
Beziehung zwischen Tags
Konstellation
Verschachtelte Beziehung
Kommentar
Strg /
irgendwo auf dieser Linie,
Typografie-Tags
Titel-Tag
Eigenschaften: Exklusive Linie, fett, Schriftgröße wird allmählich kleiner, 6
H1-Seiten werden im Allgemeinen nur einmal in einer Webseite verwendet. Wird zum Einfügen von Nachrichtentiteln oder Webseitennamen verwendet
Absatz-Tag p
Exklusive Zeile, Lücken zwischen Absätzen, adaptives Layout
Textformatierungs-Tag
In einer Zeile werden zwei Textformatierungs-Tags angezeigt
starke Fettdruckneigung
Bild-Tag (einzeln)
<img src="image path" alt=" ">
Attribute
alt (Ersatztext): Text, der angezeigt wird, wenn das Bild nicht angezeigt werden kann
Titel (Eingabeaufforderungstext): Der Text, der angezeigt wird, wenn sich die Maus darüber bewegt
Breite
Höhe
Browser skalieren Bilder standardmäßig auf gleiche Proportionen
Weg
Kategorie: relativer Pfad, absoluter Pfad
Relativer Pfad (häufig verwendet)
. gibt die Datei an, in der sich die aktuelle Datei befindet
/ Gehe zu einem Ordner
../ Vorheriger Ordner
absoluter Pfad
Der Standardwert für Windows ist „\“, für andere Systeme ist er „/“. Es wird empfohlen, ihn in „/“ zu ändern.
Sie können auch springen, indem Sie mit der rechten Maustaste auf die Webseite klicken und den Bildpfad kopieren.
Hyperlink
<a href="http://">Jump-Link</a>
href="./" kann ebenfalls verwendet werden
href="#"leerer Link
target="_blank" überschreibt nicht die vorherige Schnittstelle, die Standardabdeckung ist _self
Audio
<audio></audio>
Attribute
src
Kontrollen
Attributnamen und Attributwerte können auch abgekürzt werden. Schreiben Sie nur den Attributnamen.
Bedienfeld anzeigen
Schleife
Das gleiche wie oben,
Schleife
automatisches Abspielen
Wie oben, aber nicht empfohlen
Automatisches Abspielen
Video
<video></video>
Attribute
Kontrollen
src
Schleife
gedämpft
Spielen Sie leise
automatisches Abspielen
Automatische Wiedergabe, aber stumm
Liste, Tabelle, Formular
Liste
Gestalten Sie Bereiche mit übersichtlichen Inhalten
Einstufung
ordentlich
Bereiche, die der Reihe nach angegeben werden müssen
ol verschachteltes Li
ol kann nur li enthalten
Störung
ul verschachtelt li
Das ul-Tag kann nur li-Tags enthalten, und das li-Tag kann beliebige Inhalte enthalten.
Definitionsliste
Wird normalerweise für End-Service-Center verwendet
dl verschachtelt dt und dd, dt ist oben und dd ist unten
dl: Definitionsliste
dt: definiert den Titel der Liste
dd: definiert die Beschreibung der Liste
dl kann nur dt und dd enthalten
Blatt
vier Etiketten
Tisch: Tisch
tr: OK
th: Kopfzelle
td: Inhaltszelle
Die Tabelle schachtelt tr und jedes tr schachtelt th oder td
Standardmäßig gibt es keine Tabellenlinie. Fügen Sie einfach das Randattribut (das die Dicke der Tabellenlinie darstellt) zur Tabelle hinzu.
Tabellenstruktur-Tag
Kopf
Tbody
tfoot
Klassifizieren Sie den Inhalt der gesamten Tabelle für zukünftige CSS-Änderungen
Zellen verbinden
Führen Sie horizontale und vertikale Zellen zu einem Raster zusammen, das sich über Zeilen und Spalten erstreckt
Schritte zusammenführen
Behalten Sie die Zelle ganz links und ganz oben bei und fügen Sie Attribute hinzu (der Wert ist eine Zahl, die die Anzahl der Zellen angibt, die zusammengeführt werden müssen).
Kreuzreihen, Attribut rowspan
span-Spalten, colspan
Holen Sie sich rowspan="x", colspan="x" bei td
Andere Zellen löschen
Eine Zusammenführung über Struktur-Tags hinweg ist nicht möglich
bilden
Wird zum Sammeln von Benutzerinformationen, Anmeldung, Registrierung, Suchbereich usw. verwendet.
Eingabe-Tag
<input type="....">, verschiedene Typen haben unterschiedliche Funktionen
Attributwert
text: Textfeld, Eingabe von einzeiligem Text
Passwort: Passwortfeld, wird nur angezeigt. . . .
Radio: Optionsfeld
Attributname
Name: Name des Steuerelements. In einer Gruppe kann nur eines ausgewählt werden. Wählen Sie es selbst aus
aktiviert: Standardmäßig aktiviert, der Attributwert und der Attributname sind gleich, schreiben Sie nur einen
Beispiel: Bei der Auswahl des Geschlechts ist standardmäßig „männlich“ eingestellt, bei der Auswahl „weiblich“ ändern Sie die Einstellung.
<input type="radio" name="gender" geprüft>Männlich
<input type="radio" name="gender">Weiblich
Kontrollkästchen: Mehrfachauswahlfeld
aktiviert: standardmäßig aktiviert (wird im Allgemeinen verwendet, um den Bedingungen zuzustimmen)
Datei: Dateien, Avatare usw. hochladen.
Um mehrere Dateien zu übertragen, fügen Sie den Attributnamen multiple (same) hinzu.
ex
Textfeld: <input type="text">
Platzhaltertext für das Eingabe-Tag
<input type="text" placeholder="Bitte Benutzernamen eingeben">
Schnelle Informationen im Rahmen, helle Wörter
Dropdown-Menü
Wenn Sie eine verschachtelte Option auswählen, wird das ausgewählte Attribut auf den Standardwert gesetzt
Textfeld
Geben Sie Text in mehreren Zeilen ein
<textarea>Eingabeaufforderungstext</textarea>
In der unteren rechten Ecke befindet sich eine Ecke
Etikett Etikett
Verwenden Sie es, um die Beziehung zwischen Text und Formularsteuerelementen zu binden und so den Klickbereich der Formularsteuerelemente zu vergrößern.
Beide Schreibweisen
1. Das Label-Label umschließt nur den Inhalt, nicht das Formularsteuerelement. Setzen Sie das for-Attribut des Label-Labels auf denselben Wert wie das id-Attribut des Formularsteuerelements.
2. Label umschließt Text und Formularsteuerelemente direkt, ein Label pro Zeile
Text, Passwort, Datei, Radio, Kontrollkästchen, Auswahl, Textbereich unterstützen alle die Vergrößerung des Klickbereichs
Taste
<button type=""></button>Der Standardwert ist „Senden“, wenn der Typ weggelassen wird
Typattributwert
Senden: Senden, Daten werden an den Hintergrund gesendet
zurücksetzen: zurücksetzen
Wenn Sie es verwenden, müssen Sie das Formular-Tag abgleichen und alle Stellen, die Sie zurücksetzen möchten, in das Formular-Tag einfügen.
<form action="Adresse zum Senden von Daten"></form>
Schaltfläche: normale Schaltfläche, wird mit js verwendet
Semantische Divs und Spannen
Wird zum Layouten von Webseiten verwendet
div (große Box): exklusive Zeile
span (kleines Kästchen): keine Zeilenumbrüche
Charakter-Entität
Leerzeichen:
Im Code ist nur ein Leerzeichen zu erkennen, das mehrfach kopiert werden kann, um den Platz zu vergrößern.
Kleiner-als-Zeichen: <
Größer-als-Zeichen:>