Mindmap-Galerie HTML-Notizen, keine Internetanwendung, die HTML-Suchcode enthält
HTML (einfaches Nicht-CSS), einschließlich Tabellen-Tags, Listen-Tags, Formular-Tags, allgemeine HTML-Tags usw. Die nicht-online-Suchfunktion von w3cs befindet sich unten.
Bearbeitet um 2024-01-21 00:57:23Einhundert Jahre Einsamkeit ist das Meisterwerk von Gabriel Garcia Marquez. Die Lektüre dieses Buches beginnt mit der Klärung der Beziehungen zwischen den Figuren. Im Mittelpunkt steht die Familie Buendía, deren Wohlstand und Niedergang, interne Beziehungen und politische Kämpfe, Selbstvermischung und Wiedergeburt im Laufe von hundert Jahren erzählt werden.
Einhundert Jahre Einsamkeit ist das Meisterwerk von Gabriel Garcia Marquez. Die Lektüre dieses Buches beginnt mit der Klärung der Beziehungen zwischen den Figuren. Im Mittelpunkt steht die Familie Buendía, deren Wohlstand und Niedergang, interne Beziehungen und politische Kämpfe, Selbstvermischung und Wiedergeburt im Laufe von hundert Jahren erzählt werden.
Projektmanagement ist der Prozess der Anwendung von Fachwissen, Fähigkeiten, Werkzeugen und Methoden auf die Projektaktivitäten, so dass das Projekt die festgelegten Anforderungen und Erwartungen im Rahmen der begrenzten Ressourcen erreichen oder übertreffen kann. Dieses Diagramm bietet einen umfassenden Überblick über die 8 Komponenten des Projektmanagementprozesses und kann als generische Vorlage verwendet werden.
Einhundert Jahre Einsamkeit ist das Meisterwerk von Gabriel Garcia Marquez. Die Lektüre dieses Buches beginnt mit der Klärung der Beziehungen zwischen den Figuren. Im Mittelpunkt steht die Familie Buendía, deren Wohlstand und Niedergang, interne Beziehungen und politische Kämpfe, Selbstvermischung und Wiedergeburt im Laufe von hundert Jahren erzählt werden.
Einhundert Jahre Einsamkeit ist das Meisterwerk von Gabriel Garcia Marquez. Die Lektüre dieses Buches beginnt mit der Klärung der Beziehungen zwischen den Figuren. Im Mittelpunkt steht die Familie Buendía, deren Wohlstand und Niedergang, interne Beziehungen und politische Kämpfe, Selbstvermischung und Wiedergeburt im Laufe von hundert Jahren erzählt werden.
Projektmanagement ist der Prozess der Anwendung von Fachwissen, Fähigkeiten, Werkzeugen und Methoden auf die Projektaktivitäten, so dass das Projekt die festgelegten Anforderungen und Erwartungen im Rahmen der begrenzten Ressourcen erreichen oder übertreffen kann. Dieses Diagramm bietet einen umfassenden Überblick über die 8 Komponenten des Projektmanagementprozesses und kann als generische Vorlage verwendet werden.
HTML (einfaches Nicht-CSS)
Base
Womit anfangen?
<!DOCTYPE html>
getaggt mit html
lang In welcher Sprache ist die Website?
Format: <html lang="zh-cn"></html>
en englisch
zh-ch Chinesisch
Andere zB: Französisch
Allgemeine HTML-Tags
Titel
<h1>~<h6> Doppelt
Sechs Ebenen, deren Wichtigkeit von 1 auf 6 abnimmt, die dicker und größer werden und eine eigene Zeile h=Kopf einnehmen
Absatz
<p></p> Doppelt
Text in zwei Absätze aufteilen. Die Browsergröße wirkt sich auf den Zeilenumbruch einzelner Absätze aus
Beispiel: <p>c</p> <p>sp</p> wird als c (untere zwei Zeilen) sp angezeigt
Neue Zeile
<br /> Single
Zeilenumbruch erzwingen br=break
Beispiel: <p>c<br />sp</p> wird als c (nächste Zeile) sp angezeigt
Textformatierungs-Tag
Deutlich
<strong>Doppelte Vorschläge
<b> Doppelt
Neigung
<em> Doppelte Vorschläge
<i> Doppelt
durchgestrichen
<del> doppelter Vorschlag
<s> doppelt
Unterstreichen
<ins> doppelter Vorschlag
<u>Doppelt
Boxen enthalten Inhalte und dienen der Gestaltung
<div> doppelt
teilen, teilen
In jeder Zeile kann nur ein div großes Feld platziert werden
<span> doppelt
Spanne Spanne
Sie können mehrere Elemente in einer Zeile zusammenfassen und vertikal aufteilen.
Bild-Tags und Pfade
<img /> Einzelbild
Fügen Sie Bilder und HTML in der Datei zusammen
Die Attribute können „überlagert“ werden, z. B. mit:<img src="Image URT" alt="Text anzeigen, wenn das Bild nicht angezeigt werden kann"/>
Attribute
<img src="imageURT"/>
src ist ein erforderliches Attribut und der Pfad zum Bild.
=" "Schreiben Sie den Dateinamen ein
<img alt="Text anzeigen, wenn das Bild nicht angezeigt werden kann">
Text anzeigen, wenn das Bild nicht angezeigt werden kann
Text schreiben in =""
<img title="Eingabeaufforderungstext, wenn die Maus auf dem Bild platziert wird">
Der Text der Eingabeaufforderung, wenn die Maus auf dem Bild platziert wird
Text schreiben in =""
<img width="500">
Änderung der Bildbreite
Schreiben Sie Zahlen in =""
Wenn die Höhe nicht angegeben wird, wird dies als proportionale Skalierung betrachtet.
<img height="500">
Änderung der Bildhöhe
Schreiben Sie Zahlen in =""
Wenn die Breite nicht angegeben wird, wird dies als proportionale Skalierung betrachtet.
<img border="15">
Fotorand schwarz, rechtwinkliger Rand (das System lernt, wie man es anpasst, wenn es CSS lernt)
Schreiben Sie Zahlen in =""
Beachten
Bild-Tags können mehrere Attribute haben, die nach dem Tag-Namen geschrieben werden müssen.
Die Attribute sind in keiner bestimmten Reihenfolge angeordnet und durch Leerzeichen getrennt.
Übernehmen Sie das Format des Schlüssel-Wert-Paares, d. h. key="value", attribute="attribute value"
Weg
Grundwissen
Verzeichnisordner: ein gewöhnlicher Ordner, in dem Materialien gespeichert werden, die zum Erstellen einer Seite benötigt werden, z. B. HTML-Dateien, Bilder usw.
Stammverzeichnis Öffnen Sie die erste Ebene des Verzeichnisordners
Die Software kann Verzeichnisordner direkt öffnen und das aufrufende Stammverzeichnis anzeigen
relativer Pfad
Der Verzeichnispfad, der basierend auf dem Speicherort der referenzierten Datei als Referenz erstellt wurde
Die Position des Bildes relativ zur HTML-Seite
Gleicher Pfad
Schreiben Sie den Dateinamen direkt
Pfad der nächsten Ebene /
Der aufzurufende Ordnername/Dateiname der nächsten Ebene
Unterthema
Vorheriger Levelpfad ../
../Dateiname
Mehrere Verschachtelungsebenen
zB: ../../Dateiname
absoluter Pfad
Die absolute Position im Verzeichnis, direkt zum Zielspeicherort, normalerweise beginnend mit dem Laufwerksbuchstaben
C:\Benutzer\PC\Desktop\html\Dateiname.gif oder die vollständige Netzwerkadresse https://newsandstory.com/stories/21062184742201828485/21062184742201828485.png
Hyperlink-Tag
<a href="Linkadresse" target="So öffnen Sie das Zielfenster"> Double
href
Erforderliche Attribute
Linkadresse
Ziel
So öffnen Sie das Zielfenster
_self Standardwert
_blank Öffnet in neuem Fenster
Linkklassifizierung
externer Link
Link zu anderen Seiten
interner Link
Link zu Ihrer eigenen Seite. Siehe Bild-Tags und Pfade
Leerer Link < a href="#"> Startseite </a >
Download-Link
Wenn es sich bei der Adresse in href um eine Datei oder ein komprimiertes Paket handelt, wird die Datei heruntergeladen.
Link zum Webelement
Hyperlinks können zu verschiedenen Webelementen in Webseiten hinzugefügt werden, z. B. zu Text, Bildern, Tabellen, Audio, Videos usw.
Ankerlink
Klicken Sie auf unseren Link, um schnell zu einer bestimmten Stelle auf der Seite zu navigieren
Legen Sie im href-Attribut des Linktextes den Attributwert in Form von #name fest, z. B. <a href="#two">Episode 2</a>. Suchen Sie das Zielort-Tag und fügen Sie ein id-Attribut = the hinzu Namen gerade eben, wie zum Beispiel :<h3 id="two">Einführung in Episode 2</h3>
Kommentar
Beginnt mit <!-- --> und endet mit
Tastenkombinationssteuerung / (Apple-Computersteuerung=Strg)
Spezielle Charaktere
Wenn einige Symbole für die direkte Verwendung unpraktisch sind, werden sie durch die folgenden Zeichen ersetzt:
Tischetikett
Grundlegende Syntax von Tabellen
<Tabelle> doppelt
Definieren Sie Tabellenbeschriftungen
<tr> doppelt
Definieren Sie Zeilenbeschriftungen
Eine Ebene unter <table>
<td> doppelt
Definieren Sie Zellen in der Tabelle
auf <tr>nächster Ebene
<th> doppelt
Der Text der Kopfzeile ist fett und zentriert
auf <tr>nächster Ebene
Tabelleneigenschaften
in die Tabelle schreiben
Im Allgemeinen wird es später mit CSS festgelegt.
align=""
Eigentumswert:
left richtet die Tabelle linksbündig aus
center richtet den Tisch in der Mitte aus
right richtet die Tabelle rechts aus
Grenze=""
Attributwert
1 mit Rändern
【Leerzeichen】 Kein Rand
cellpaddling=""
Attributwert: Pixelwert
Gibt den Abstand zwischen dem Zellrand und seinem Inhalt an. Standardwert 1
Zellenabstand=""
Attributwert: Pixelwert
Gibt den Abstand zwischen den Zellen an
Breite=""
Eigenschaftswert: Pixelwert oder Prozentsatz
Geben Sie die Zellenbreite an
Höhe=""
Eigenschaftswert: Pixelwert oder Prozentsatz
Geben Sie die Zellenhöhe an
Eigenschaften der Tabellenstruktur
<thead>
Kopfteil
Es muss <tr> drin sein
<tbody>
Körper der Form
Zellen zusammenführen (einfach)
geschrieben in <td>
Über Reihen hinweg zusammenführen
rowspan="Anzahl der zusammengeführten Elemente"
Aufrecht
oben geschrieben
Spaltenübergreifend zusammenführen
colspan="Anzahl der zusammengeführten Elemente"
seitwärts
ganz links geschrieben
Listen-Tag
für das Layout verwendet
ungeordnete Liste
<ul><li></li><ul>
Nur <li> kann in <ul> verschachtelt werden
<li>Sie können andere Dinge hineinlegen
Haben Sie einen eigenen Stil (CSS, um Änderungen vorzunehmen)
Bestellliste
<ol><li></li></ol>
Nur <li> kann in <ol> verschachtelt werden
<li>Sie können andere Dinge hineinlegen
Haben Sie einen eigenen Stil (CSS, um Änderungen vorzunehmen)
benutzerdefinierte Liste
<dl><dt>Projektname</dt><dd>Beschreiben Sie jedes Projekt</dd></dl>
<dl>Einschränkungen umfassen
Formular-Tag
Informationen sammeln
<form> double
Formularfelder
Eigenschaften (späteres Lernen)
action="URL-Adresse"
method="Methode senden"
name="name"
Formularsteuerung
Element
<Eingabe> Single
eingeben
Typ=""
name="Benutzerdefiniert" Definieren Sie den Namen und den Wert, um eine Einzelauswahl zu erreichen
value="Benutzerdefiniert" Geben Sie die Textinformationen direkt in das Feld/die Schaltfläche ein. Mit der Klickklasse weiß der Hintergrund, was eingegeben wird.
geprüft="checked" ist standardmäßig ausgewählt, wenn die Seite geöffnet wird.
maxlength="positive ganze Zahl" maximale Länge der Eingabe
<label for="benutzerdefinierter Name"><input id="gleicher benutzerdefinierter Name"> Double
Sie können das Eingabeformular im Element auswählen, wenn Sie auf Text klicken
<select> double
Dropdown-Formular
<Option>Optionn<Option>
Definieren Sie Optionen
selecteg="selecteg" Die in der aktuellen Option enthaltenen Elemente werden auf Standardwerte gesetzt
<textarea> double
Textfeldelement
Sie können den Standardtext hineinschreiben
cols="schreibe ein paar Wörter pro Zeile" (kein Merken nötig, Änderung per CSS)
rows="Schreiben Sie ein paar Zeilen" (kein Merken nötig, Änderung per CSS)
Dokumentation ansehen***
Baidu
http://www.baidu.com
W3C
http://www.w3school.com.cn/
Wenn Sie nicht auf das Internet zugreifen können (der Link ist der Computerpfad des Autors). Lehrer, die ihn nicht haben, können ihn von dieser Baidu-Netzwerkdiskette herunterladen: Link: https://pan.baidu.com/s/1C63iXo-WHEfaX42jnkG7hQ ?pwd=ws47 Extraktionscode: ws47 --Freigabe von Baidu Netdisk Supermitglied V1)
MDN
https://developer.mozilla.org/zh-CH/