Mindmap-Galerie html
Dies ist eine Mindmap über HTML. Zu den häufig verwendeten Tags gehören Bilder, Hyperlinks, Listen, Tabellen, Medienelemente, Formulare, Text-Tags und Tag-Klassifizierungen.
Bearbeitet um 2022-12-02 19:20: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
Drücken Sie die Eingabetaste, um ein Thema hinzuzufügen
Was ist HTML?
Was ist es
Es handelt sich um eine Hypertext-Markup-Sprache, die die Entwicklung von Webseiten realisieren kann. Verwenden Sie Tags (Tags), um Hypertext in Webseiten zu implementieren (nicht nur Text, sondern auch Bilder, Audio usw.). Der Inhalt von Webseiten wird mit Tags implementiert
Die Grundstruktur von HTM L
<html> <Kopf> <title>Titel</title> </head> <Körper> HTML-Tags werden alle in den Textkörper geschrieben </body> </html>
Häufig verwendete Tags
Etikettenklassifizierung
Einzelnes Etikett Es gibt nur ein Etikett
Im Allgemeinen wird es nur zum Einstellen verwendet:<br/><hr/>
Ende/kann weggelassen werden
Doppeletikett Das Etikett besteht aus zwei Komponenten
Im Allgemeinen hat es die Funktion des Einschlusses. Beispiel: <p></p> Ein p-Tag sollte den gesamten Absatz enthalten.
Ende/darf nicht weggelassen werden
Ob eine Reihe belegt werden soll
Inline-Elemente (Inline-Elemente): Der Inhalt bestimmt die Breite des Etiketts und kann in derselben Zeile wie andere Inline-Elemente angezeigt werden.
Elemente auf Blockebene: Die Standardbreite entspricht der Breite des Fensters. Unabhängig davon, wie viel Inhalt eine exklusive Zeile einnimmt, kann er nicht in derselben Zeile mit anderen Tags angezeigt werden.
Hinweis: Wenn enthalten: Elemente auf Blockebene umfassen Inline-Elemente (die Elemente auf derselben Ebene können sich auch gegenseitig einschließen). Beispiel: Wenn die Tags im Absatz fett gedruckt sind, muss das bedeuten, dass das p-Tag das starke Tag enthält, aber nicht umgekehrt.
Textklassen-Tags
<p></p> Absatz-Tag
Wirkung: Zeilenumbruch, größere Abstände, Elemente auf Blockebene
<h1-h6><h1-h6> Titel-Tag
Wirkung: Zeilenumbruch, Fettschrift, Elemente auf Blockebene
<strong></strong> Fett
Wirkung: keine Zeilenumbrüche, fette Schriftart, Inline-Elemente
<em></em> kursiv
Wirkung: keine Zeilenumbrüche, kursive Schrift, Inline-Elemente
<br/>
Effekt: Zeilenumbruch, Abstand unverändert
<hr/>
Wirkung: Erzeugen einer horizontalen Linie
Sonderzeichen: Symbole, die von HTML nicht direkt erkannt werden können oder besondere Funktionen haben. Beispiel: Leerzeichen können nicht direkt in HTML verwendet werden, verwenden Sie daher   Wenn Sie <>html direkt schreiben, wird es als Tag erkannt. Wenn Sie > und kleiner als Name verwenden möchten, müssen Sie & gt und & lt verwenden.
Leerzeichen 
größer als>
kleiner als<
Urheberrecht & Kopie
Bild
Etikett
<img attribute 1 = "attribute value 1" attribute 2 = "attribute value 2" /> Inline-Element
Attribute: Verstärken Sie die Wirkung von Etiketten
src: Legen Sie den Bildpfad fest (es wird empfohlen, einen neuen Ordner zu erstellen, um Bilder im selben Ordner der Webseite zu speichern)
1. Pfadvereinfachung
2. Bequem zu bewegen
Breite: Legen Sie die Breite des Bildes fest
Höhe: Stellen Sie die Höhe des Bildes ein
alt: Textbeschreibung, wenn das Bild nicht angezeigt wird
Titel: Legen Sie den Text fest, der angezeigt wird, wenn die Maus über das Bild fährt
Hinweis: Wenn für das Bild nur eine Breite oder Höhe eingestellt ist, wird das Bild in gleichen Proportionen skaliert. Wenn beide eingestellt sind, kann es sein, dass das Bild unverhältnismäßig ist.
Hyperlink
Funktion: Wenn Sie auf einen Teil des Inhalts klicken, können Sie zu einer anderen Seite (Hyperlink) <a href=""target="">Angeklickter Inhalt</a> springen
href: Legen Sie den Pfad der Seite fest, zu der gesprungen werden soll. Beispiel: Ordnername/Dateiname shouye/goods.html
Ziel: Legen Sie die Öffnungsmethode fest, wenn die Seite springt. _blank: Öffnen Sie ein neues Fenster und zeigen Sie die neue Seite an.
Anklickbarer Inhalt: Alle Inhalte in HTML können als anklickbare Objekte verwendet werden
Funktion: Durch Klicken auf einen Teil des Inhalts können Sie zu einer bestimmten Stelle springen (Ankerlink).
Schritt 1: Legen Sie zuerst den Ankerpunkt fest: Setzen Sie den Ankerpunkt an der festen Position, zu der Sie springen möchten <a name="#anchor name"></a>
Schritt 2: Springen Sie zum Ankerpunkt 1. Dieselbe Seite 2.<a href="Pfad der Seite, auf der sich der Anker befindet#Ankername">Inhalt</a>
a. Springen Sie zu einer bestimmten Stelle auf derselben Seite b. Zu einer bestimmten Stelle auf einer anderen Seite springen
Hinweis: Ohne das Hinzufügen von # ist die Standardeinstellung Seite
Liste
Ungeordnete Liste .<ul type=""> .<li></li> .</ul>
Geordnete Liste 1.ol type="" 2.<li></li> 3.</ol>
Definitionsliste: 1.<!--Definitionsliste Ebene eins Ebene zwei--> 2.<dl> 3. <dt>Oracle (66.300, -0,730, -1,09 %) Akademie</dt> 4. <dd>Big-Data-Anwendungen und -Technologie</dd> 5. <dd>Softwaretechnologie</dd> 6. <dt>Schule der Schönen Künste</dt> 7. <dd>Akademische Studien</dd> 8. <dd>Gartengestaltung</dd> 9.</dl>
Blatt
Grundstruktur 1.<table>->table 2. <tr>->Zeile 3. <td>Gewöhnliche Spalten/Zellen</td> 4. <th>td mit Fettschrift</th> 5. </tr> 6.</table>
Reihenübergreifend (vertikal) 1.<table border="1"width="500"> 2. <tr> 3 <td rowspan="2">Zhang San</td> . 4. <td>Sprache</td> 5 <td>98</td> . 6. </tr> 7. <tr> 8. <td rowspan="2">John Doe</td> 9. <td>Sprache</td> 10. <td>100</td> 11. </tr> 12.</table>
Spaltenübergreifend (horizontal) 1.<table border="1"cellspacing="0"cellpadding="0"> 2. <tr> 3. <td colspan="2">Prüfungsergebnisse</td> 4. </tr> 5. <tr> . 6. <td>Sprache</td> 7. <td>129</td> 8. </tr> 9.</table>
Zeilen- und spaltenübergreifende Beschreibung: Spaltenübergreifend: colspan Zeilenübergreifend: rowspann Horizontal sind Zeilen, vertikal sind Spalten
Medienelemente
Audio-Audio
Attribute 1. Steuerelemente: Anzeigesteuerelemente, z. B. Pause- und Wiedergabetasten 2. Schleife: Schleifenwiedergabe 3. Autoplay: automatische Wiedergabe
Code 1.<!-- 2. Standardmäßig werden keine Steuerelemente angezeigt, unabhängig davon, ob es sich um Video oder Musik handelt. 3.--> 4. <audio control="true"loop="true"autoplay="true"> 5.<!-- 6. Stellen Sie wie bei Videos so viele Musikdateiformate wie möglich bereit 7. Der Browser erkennt automatisch das Musikformat, das er laden kann. 8.--> 9. <source src="video/sound.mp3"> 10. <source src="video/sound.ogg"> 11. </audio>
Video-Video 1.<!-- 2. Stellen Sie so viele Videoformate wie möglich für dasselbe Video bereit 3.. Machen Sie das Video so weit wie möglich für alle Browser verfügbar 4. -> 5. <video width="400"controls="true"loop="true"autoplay=""true> 6. <!-- 7. Verwenden Sie die Quelle, um dem Video-Tag das Laden der Pfade mehrerer Videos zu ermöglichen. 8. Der Browser erkennt automatisch das Videoformat, das er laden kann. 9. -> 10. <source src="video/for.mp4"/> 11. </video>
bilden
Formularformular: Alles, was auf der Seite ausgefüllt oder mit Daten übermittelt werden kann, ist ein Formular. Hinweis: Alle Formularelemente müssen in dieses Tag geschrieben werden, andernfalls kann der ausgefüllte Inhalt nicht übermittelt werden.
Formelemente
Eingabetyp: 1. Textfeld „type="text". 2. Geben Sie das Passwortfeld „Passwort“ ein 3. Dateifeld „type="file", das zum Hochladen von Dateien verwendet wird 4. Geben Sie das Zahlenfeld „Nummer“ ein 5. Das ausgeblendete Feld type="hidder" muss einige Daten übermitteln, einige Daten können jedoch ausgeblendet werden, wenn der Benutzer sie nicht sehen muss. 6. type="radio"-Optionsfelder Beachten Sie, dass die Namensattributwerte der Optionsfelder in derselben Gruppe konsistent sein müssen. Attribut: aktiviert: Standardmäßig auf aktiviert eingestellt 7. Kontrollkästchen „type="checkbox" Beachten Sie, dass der Namensattributwert der Kontrollkästchen in derselben Gruppe konsistent sein muss 8. type="submit" Die Schaltfläche „Senden“ kann durch Werteinstellung entsprechend Ihrem Textinhalt festgelegt werden 9. Geben Sie die Schaltfläche „type="reset" ein, um die Elemente im Formular auf ihren ursprünglichen Inhalt zurückzusetzen 10. Typ = „Bild“ Die Schaltfläche „Senden“ (Bildtyp) kann das Bild der Schaltfläche über src = „ festlegen. Nicht-Eingabetyp: Dropdown-Feld: Textbereich auswählen: Textbereich 1.<!--Dropdown-Feld (Dropdown-Liste): Wählen Sie 1.<!-- 2. Option: eine Option in der Liste 2. Textfeld 3. Ausgewählt: Legen Sie das standardmäßig ausgewählte Element fest. 3. Spalten: Legen Sie die Anzahl der im Textfeld angezeigten Spalten fest 4. --> 4. Zeile: Legen Sie die Anzahl der im Textfeld angezeigten Zeilen fest 5. <select name="nian"> 5.--> 6. <option> 6. <textarea name="beizhu" cols="20" row="6"> 7. <Option> 7. 8. <! --Dieses Element als Standardelement festlegen--> 8.</textarea> 9. <Option ausgewählt>2000</Option> 10. <option>2001</option> 11. </select>
1.
Andere Eigenschaften
readonly: schreibgeschützt, kann nur angezeigt, aber nicht geändert werden
erforderlich: nach Bedarf einstellen
Platzhalter: Legen Sie den Eingabeaufforderungstext des Textfelds fest.
Drücken Sie die Tabulatortaste, um ein Unterthema hinzuzufügen
Doppelklicken Sie, um den Text zu bearbeiten