HTML Einführungstutorial HTML Tag Symbole schnell beherrschen
|
Randbemerkung <br />Wenn Sie nichts über HTML wissen und sich immer noch Sorgen darüber machen, wie Sie mit HTML anfangen sollen, empfehle ich Ihnen dringend, diesen Artikel zu lesen, der Ihnen dabei hilft, HTML schnell zu beherrschen. Wenn Sie bereits ein HTML-Experte sind, hoffe ich, dass Sie mir bessere Vorschläge machen können. Zusammenfassung HTML, allgemein bekannt als Hypertext Markup Language, ist die Abkürzung für Hyper Text Markup Language. Es ist eine Auszeichnungssprache, die zur Beschreibung von Webdokumenten verwendet wird. Die Webseitendatei selbst ist nur eine Textdatei. Indem wir der Textdatei Tags hinzufügen, können wir dem Browser mitteilen, wie der Inhalt angezeigt werden soll (z. B. wie Text verarbeitet werden soll, wie der Bildschirm angeordnet werden soll, wie Bilder angezeigt werden sollen usw.). Diese Tags sind unser HTML. HTML zu lernen bedeutet, diese Tags zu lernen. Heute werden wir hauptsächlich einige gängige HTML-Tags lernen, auch als HTML-Elemente bekannt. Tag-Elemente <br />Tag-Einführung Das HTML-Element besteht aus einem Tag oder einem Tag-Paar, die den enthaltenen Bereich definieren. Ein Tag besteht aus zwei Zeichenfolgen „<“ und ">“. Das Tag umfasst den Starttag „<>“ und den Endtag „</>“. Es gibt vier Formen von HTML-Tag-Elementen: Leeres Element: <br> Leeres Element mit Attributen: <hrfont="red"> Elemente mit Inhalt: <title>Dies ist Inhalt</title> Ein Element mit Inhalt und Attributen: <fontcolor="red">Dies ist Inhalt</font> Hierbei ist zu beachten, dass in HTML-Dokumenten die Namen von Tags und Attributen größenunabhängig sind. Wesentliche Grundelemente des HTML-Frameworks <html></html> gibt den Anfang und das Ende des Dokuments an <head></head> gibt den Anfang und das Ende des Dokumentkopfes an <title></title> gibt den Anfang und das Ende des Dokumenttitels an <body></body> gibt den Anfang und das Ende des Hauptteils des Dokuments an Das HTML-Kommentarformat besteht aus einem Kleiner-als-Zeichen (<), einem Ausrufezeichen (!) ohne Leerzeichen zwischen dem Kleiner-als-Zeichen und dem Ausrufezeichen, gefolgt von zwei Bindestrichen (--), dann dem Kommentarinhalt und schließlich zwei Bindestrichen (--) und einem Größer-als-Zeichen (>). Beispiel: <!--Dies ist der Kommentarinhalt--> Stichworte zum Thema Absatzsteuerung <palign=""> Erstellen Sie einen Absatz. Das Attribut align gibt die Ausrichtung des Absatzes an. # kann links, zentriert, rechts oder Blocksatz sein. <br> Die Funktion besteht darin, <hrcolor=""> Die Funktion besteht darin, eine horizontale Linie einzufügen, und das Attribut „Farbe“ wird verwendet, um die Farbe anzugeben. Tags im Zusammenhang mit der Textanzeige <center>…</center> Zentrieren Sie den Text <hnalign="#"></hn> Es wird verwendet, um den Titel des Dokuments anzugeben. n ist eine Ganzzahl von 1 bis 6, wobei 1 der längste und 6 der kleinste Titel ist. Mit align wird die Titelausrichtung festgelegt, einschließlich links, zentriert und rechts. <fontsize=n color="#">...</font> Legen Sie die Schriftart fest. Größe ist die Schriftgröße, eine Ganzzahl von 1 bis 7. Je größer die Zahl, desto größer die Schriftart. <b>...</b> Macht den Text fett. <i>…</i> Text kursiv machen Das vom Listenelement erstellte Label a. Erstellen Sie eine nummerierte Liste: <ol>…</ol>Verwenden Sie das Startattribut, um die Startsequenznummer festzulegen. <li>…</li>Verwenden Sie das Wertattribut, um die Reihenfolge der Zahlen in der Liste zu ändern. b. Erstellen Sie eine Liste mit passenden Elementen: <ul> und <li>, das Typattribut ihrer Tags gibt den Stil des Symbols an: Scheibe, dargestellt als ausgefüllter Kreis; Quadrat, zeigt nicht ausgefüllte Quadrate an. Kreis, zeigt einen Kreis ohne Hohlraum b. Erstellen Sie eine unsignierte Liste Die Tags <dl> und <dt> erstellen unsignierte Listen <dd> und <dt>, erstellen Sie eine eingerückte Liste Tabellenelement-Tags <br />Tabellen spielen beim Layout von Webseiten eine wichtige Rolle. Tabellen werden mit <table> definiert. Die spezifische Definition lautet: <tableborder=n aligh="#" bgcolor="rgb"> Mit dem Border-Attribut wird die Breite des Tabellenrahmens definiert und mit dem Align-Attribut wird die Ausrichtung der Tabelle festgelegt, die links, rechts oder zentriert sein kann. bgcolor ist die Farbe. <caption>…</caption> wird verwendet, um den Titel der Tabelle zu definieren <tr>...</tr>Fügen Sie der Tabelle eine neue Zeile hinzu <th>…</th> wird verwendet, um die Tabellenüberschrift zu definieren <td>…</td> wird verwendet, um eine Zelle zu definieren Interaktives HTML-Formular <br />Das Formular ist hauptsächlich für die Datenerfassung auf der Webseite verantwortlich. Beispielsweise registrieren wir normalerweise Informationen, geben Informationen ein und interagieren mit der Webseite über Formulare. Ein Formular wird mit dem Element <form>...</form> erstellt. Indem Sie zwischen den beiden andere zugehörige Elemente oder Steuerelemente einbetten, können Sie ein Formular als Teil eines HTML-Dokuments erstellen. Die grundlegende Syntax zum Erstellen eines Formulars lautet wie folgt: <formmethod="get oder post" action="URL">….</form> Mit dem Attribut method wird die HTTP-Methode angegeben, die beim Senden von Formulardaten an den Server verwendet wird. Es kann entweder get oder post verwendet werden. Die übermittelten Daten werden an das Ende der URL angehängt und als Teil der URL an den Server gesendet. Hier sind einige allgemeine Elemente von Formularen: Das <input>-Element wird verwendet, um Benutzereingaben zu empfangen. Es ist ein leeres Element mit Attributen. Die Syntax zum Erstellen von Steuerelementen in einem Formular lautet <inputtype="Typ" name="Name" size="Größe"value="Wert'> Mit dem Typattribut wird der Typ des zu erstellenden Steuerelements angegeben, mit dem dann vorhandenen Attribut wird der Name des Steuerelements angegeben, mit dem Größenattribut wird die Anfangsbreite des Steuerelements im Formular angegeben und mit dem Wertattribut wird der Anfangswert des Steuerelements angegeben. Den Typ entnehmen Sie bitte der folgenden Abbildung:  Listenfeldelement <br />Ermöglicht Benutzern die Auswahl eines oder mehrerer Elemente aus einem Dropdown-Menü. Das Listenfeld wird durch das Element <select> erstellt, und die einzelnen Optionen im Listenfeld werden durch das Element <option> bereitgestellt. Steuerelement für mehrzeilige Texteingabe <textareaname="Name" rows="Anzahl der Zeilen" cols="Anzahl der Spalten" >…</textarea> Mit dem Zeilenattribut wird die Anzahl der Textzeilen angegeben, die im sichtbaren Bereich des Textfeld-Eingabesteuerelements angezeigt werden, und mit cols wird die Breite des sichtbaren Bereichs des Texteingabesteuerelements angegeben. Hyperlink-Tags <ahref="URL">…</a> Mit dem Attribut href wird das Ziel des Links angegeben. Die Zieladresse wird durch die URL ermittelt. Der Text zwischen den öffnenden Tags <a></a> wird als im Browser angezeigter Linktext verwendet. Bild-Tag einbetten <img src="URL" width=n height=m>Das src-Attribut gibt den Speicherort der Bildressource an, und die Attribute width und height werden verwendet, um die Größe des Bildes anzugeben. Hierbei ist zu beachten, dass src möglichst einen relativen Pfad anstelle eines absoluten Pfads verwenden sollte. Spezielle Zeichenelemente Zu den speziellen Zeichen zählen Zeichenreferenzen und Entitätsreferenzen. Nachfolgend fassen wir die am häufigsten verwendeten zusammen  Zusammenfassung <br />Wir haben einige der am häufigsten verwendeten und grundlegendsten Tag-Elemente zusammengefasst. Wenn Sie diese Grundlagen beherrschen, können Sie schnell zum HTML-Anfänger werden. Das Schreiben einer einfachen HTML-Webseite wird kein Problem sein. Dies legt auch den Grundstein für weiteres Lernen in der Zukunft. |
>>: Beispielcode zur Trennung von Front-End und Back-End mit FastApi+Vue+LayUI
Artikel empfehlen
MySQL 5.7.21 dekomprimierte Version des Tutorials zum Wiederherstellen von Daten über das historische Datenverzeichnis
Situationsbeschreibung: Die Datenbank wurde abnor...
So führen Sie mehrere MySQL-Instanzen unter Windows aus
Vorwort Unter Windows können Sie mehrere MySQL-In...
Detaillierte Erläuterung des Grafikbeispiels für Vue-Überwachungsattribute
Inhaltsverzeichnis Was ist die Listener-Eigenscha...
Kostenloses Tutorial zur Installationskonfiguration der Version MySQL 5.7.18
MySQL wird in eine Installationsversion und eine ...
Mybatis Paging-Plugin pageHelper - ausführliche Erklärung und einfaches Beispiel
Mybatis Paging-Plugin pageHelper - ausführliche E...
Die Einhandregel von WEB 2.0
<br />Mein vorheriger Artikel über CSS wurde...
So installieren Sie Docker auf Raspberry Pi
Da Raspberry Pi auf der ARM-Architektur basiert, ...
Statischer und dynamischer Gültigkeitsbereich von JavaScript anhand von Beispielen erklärt
Inhaltsverzeichnis Vorwort Statischer Umfang vs. ...
Zusammenfassung verschiedener Methoden zur JS-Datentyperkennung
Inhaltsverzeichnis Hintergrund Welche Methoden gi...
Fälle, in denen bestimmte Bibliotheken beim Sichern der Datenbank mit mysqldump ausgeschlossen werden
veranschaulichen: Mit mysqldump –all-databases we...
10 tödliche semantische Fehler in der Webtypografie
<br />Dies stammt aus dem Inhalt von „Web Fr...
Detaillierte Erläuterung der Konfiguration und Serialisierung von Nest.js-Umgebungsvariablen
Eine kurze Beschreibung der Umgebungsvariablenkon...
Zusammenfassung der Methoden, um zu verhindern, dass Benutzer Formulare wiederholt übermitteln
Das doppelte Absenden von Formularen ist das häuf...
Auswahl und Überlegungen zur MySQL-Datensicherungsmethode
Inhaltsverzeichnis 1. rsync, cp Dateien kopieren ...
So verwenden Sie die asynchrone Anforderungs-API von Axios in Vue
Inhaltsverzeichnis Einrichten einer einfachen HTT...