Ausführliche Erklärung der HTML-Tags

-- Detaillierte Erläuterung der HTML-Tags
Detaillierte Erläuterung der HTML-Anweisungen
Struktur
＜html＞
＜head＞
＜title＞Title＜title＞
＜/head ＞
＜body＞..........Dateiinhalt..........
＜/body＞
＜/html＞
1
＜ title＞........................＜/title＞
2. Dateiaktualisierung--＜meta＞
【 1】Automatisch einmal nach 10 Sekunden aktualisieren
　＜meta http-equiv="refresh" content=10＞
【2】Automatisch nach 10 Sekunden mit einer anderen Datei verknüpfen
＜meta http-equiv="refresh" content="10；URL=URL der zu verlinkenden Datei"＞
3. Abfrageformular--＜isindex>
Wenn Sie den Eingabeaufforderungstext vor dem Abfragefeld festlegen möchten:
　＜isindex PRompt ="Eingabeaufforderungstext"＞
4. Standardreferenzpfad--＜base>
＜base href="URL des Hosts, auf dem die Datei platziert ist"＞
Layout
1 h#＞........＜/h#＞ #= 1~6; h1 ist die größte Schriftart, h6 ist die kleinste Schriftart
2. Schriftart ändert sich ＜font＞..... .................＜/font＞
【1】Schriftgröße ＜font size=# ＞........... .... ..＜/font＞
【3】Textfarbe ＜font color=#rrggbb＞............＜/font＞ rr: rot (rot) Farbcode gg: Tischgrün ( grün) Farbcode bb: Tabelle blau (blau) Farbcode
3. Kleine Schriftarten anzeigen ＜klein＞......................＜/klein＞
4. Große Schriftarten anzeigen ＜big＞..........＜/big＞
Fettschrift ＜b＞..........＜/b＞
6. Kursive Schriftarten ＜ i＞.......＜/i＞
7. Schreibmaschinenschrift ＜tt＞.......＜/tt＞
8. Fazit ＜u＞..＜/u＞
9. ........＜/sub＞
11. Hochgestelltes ＜sup>.....＜/sup＞
12. Text-Blinkeffekt ＜blink＞.. .＜/blink＞
13. Zeilenumbruch ＜br＞
14. Ausrichtungsrichtung des Textes ＜p align="#"＞ # Zahl Es kann verlassen werden: die Tabelle ist nach links ausgerichtet (Standardwert) mittig: Die Tabelle ist nach rechts ausgerichtet. P.S.: Der Text nach

wird in der eingestellten Ausrichtung angezeigt erscheint.

ändert seine Ausrichtungsrichtung, oder wenn es auf das Tag

---

ⅱ stößt, kehrt es automatisch zur standardmäßigen linken Ausrichtung zurück.
16. Trennlinie ＜Std.＞
【1】Die Dicke der Trennlinie ＜Std.-Größe = Punkte＞
【2】Die Breite der Trennlinie ＜Std.-Größe = Punkte oder Prozentsatz＞
【3】 Ausrichtungsrichtung des Trennzeichens

---

# Zahl kann links liegen: Tabelle links ausgerichtet (Standardwert) Mitte: Tabelle rechts ausgerichtet: Tabelle rechts ausgerichtet
【4】 Farbe der Trennlinie 【5】Durchgezogene Trennlinie ＜hr noshade＞
17. An der Mitte ausrichten ＜center＞..........＜/center ＞
18. Folgen Sie der ursprünglichen Stilanzeige ＜pre＞............＜/pre＞
19. Eigenschaften der ＜body＞-Direktive
【1】Hintergrundfarbe - - bgcolor ＜body bgcolor=#rrggbb＞
【2】Hintergrundmuster -- background ＜body background="Grafikdateiname"＞
【3】Stellen Sie das Hintergrundmuster so ein, dass kein Scrollen erfolgt -- bgproperties ＜body bgproperties= behoben＞
【4】Textfarbe des Dateiinhalts – Text ＜Körpertext=#rrggbb＞
【5】Hyperlink-Textfarbe – Link ＜Körperlink=#rrggbb＞
【6】Hyperlink-Textfarbe ausgewählt -- vlink ＜body vlink=#rrggbb＞
【7】Die Textfarbe des Hyperlinks, der verlinkt wurde -- alink ＜body alink=#rrggbb＞
20. ... ..-->21. Sonderzeichendarstellung
Symbol Syntax
＜ 　 < uot
Leerzeichen

Bild
1. Bild einfügen ＜img src="Grafikdateiname"＞
2. Rahmen festlegen -- Rahmen ＜img src="Grafikdateiname" border=points＞
3 .Setzen die Größe der Grafik – widthⅱheight ＜img src="Grafikdateiname" width=width points height=height points＞
4. Legen Sie fest, dass der obere, untere, linke und rechte Rand der Grafik leer ist – vspaceⅱhspace ＜ img src="Name der Grafikdatei" vspace=die Anzahl der leeren Punkte links und rechts hspace=die Anzahl der leeren Punkte links und rechts＞
5. Grafiknotizen＜img src="Name der Grafikdatei" alt="Erläuterungstext "＞
6. Bilder vorladen
＜img src ="Name der Grafikdatei mit hoher Auflösung" lowsrc="Name der Grafikdatei mit niedriger Auflösung" > P.S. Die Grafikgrößen der beiden Bilder sollten gleich sein
7. Bildkarte ＜img src="Grafikdateiname" usemap="#Kartenname"＞ ＜Kartenname="Kartenname"＞
＜Bereichsform=Formkoords=Bereichskoordinatenliste href="URL des Verbindungspunkts "＞
＜Bereichsform=Formkoords=Bereichskoordinatenliste href="URL des Verbindungspunkts"＞
＜Bereichsform=Formkoords=Bereichskoordinatenliste href="URL des Verbindungspunkts"＞
＜ Bereichsform=Formkoords=Bereichssitz Zielliste href="URL des Verbindungspunkts"＞ ＜/map＞  
【1】Form definieren -- Form
      Form = Rechteck: Rechteck         Form = Kreis: Kreis             Form = poly: Polygon                                              】Bereich definieren – Koordinaten
a. Rechteck: Es müssen vier Zahlen verwendet werden, die ersten beiden Zahlen sind die Koordinaten der oberen linken Ecke und die letzten beiden Zahlen sind die Koordinaten der unteren rechten Ecke
Beispiel: ＜area shape=rect coords= 100,50,200,75 href="URL">
b Kreis: Es müssen drei Zahlen verwendet werden, die ersten beiden Zahlen sind die Koordinaten des Kreismittelpunkts und die Die letzte Zahl ist die Radiuslänge
Beispiel: ＜Bereichsform= Kreiskoordinaten=85,155,30 href="URL"＞
Beliebige Form (Polygon): Geben Sie die Koordinaten jedes Wendepunkts der Form ein order
Beispiel: ＜area shape=poly coords=232,70,285 ,70,300,90,250,90,200,78 href="URL"＞
Table
1. Definieren Sie die Tabelle ＜table＞... .....＜/table＞
【1】Einstellungen Die Dicke des Rahmens – Rand

【2】Stellen Sie die Breite des Rasters ein – Zellenabstand

【3】Legen Sie den Daten- und Rasterlinienabstand fest – cellpadding

【4】Passen Sie die Tabellenbreite an – width
【5】Tabellenhöhe anpassen – height
＜Tabellenhöhe=Punkte oder Prozentsätze＞
【6】Tabellenhintergrundfarbe festlegen – bgcolor
＜table bgcolor=#rrggbb ＞
【7】Tabellenrandfarbe festlegen -- bordercolor
＜Tabellenrandfarbe=#rrggbb＞
2. Gitterlinien anzeigen ＜Tabellenrand＞
3. Tabellentitel
＜Beschriftung＞. ......＜/caption＞
Position des Tabellentitels – ausrichten
unten: Der Tabellentitel wird unterhalb der Tabelle platziert
4 .Spalte definieren ＜tr＞
5. Feld definieren „1“: linke Ausrichtung
«2» : mittlere Ausrichtung ⅱ fett
【1】horizontale Position -- align ＜th align="#"＞
# Zahl kann links stehen: nach links ausrichten
zentriert: nach zentriert ausrichten rechts: nach rechts ausrichten
【2】Vertikale Position – align ＜th align=" #"＞ # kann sein
oben: nach oben ausgerichtet Mitte: zur Mitte ausgerichtet
unten: nach unten ausgerichtet
【3】Feldbreite -- Breite
【4】Vertikale Zusammenführung von Feldern – rowspan
＜th rowspan=Anzahl der zusammenzuführenden Felder＞
【5】Horizontale Zusammenführung von Feldern – - colspan
＜th colspan=Anzahl der zusammenzuführenden Felder Number＞
List
1. Verzeichnisliste
＜dir＞ ＜li＞Item 1 ＜li＞Item 2 ＜li＞Item 3 ＜ /dir＞ P.S. Jedes Element in der Verzeichnisliste darf 20 Zeichen nicht überschreiten (d. h. 10 chinesische Zeichen)
2. Optionsliste ＜menu＞ ＜li＞Item 1 ＜li＞Item 2 ＜li＞Item 3 ＜/menu＞
3. Liste mit fortlaufenden Nummern ＜ol ＞ ＜li＞Projekt 1 ＜li＞Projekt 2 ＜li＞Projekt 3 ＜/ol＞
【1】Seriennummernformat – Typ ＜ol type=#＞ oder ＜li type=#＞ Die #-Nummer kann A sein: Die englischen Großbuchstaben AⅱBⅱCⅱD... werden als Projektnummer verwendet. a: Die englischen Kleinbuchstaben aⅱbⅱcⅱd... werden verwendet. Als Projektnummer I: Die Tabelle verwendet römische Großbuchstaben als Projektnummer i: Die Tabelle verwendet römische Kleinbuchstaben als Projektnummer 1: Die Tabelle verwendet arabische Ziffern als Projektnummer (Standardwert). )
【2】starts Number – start ＜ol start=Die Ordnungszahl, mit der das Zählen beginnen soll＞
【3】Geben Sie die Zahl an – Wert ＜li Value=Die anzugebende Ordnungszahl＞
4 . Liste ohne Seriennummer ＜ul＞ ＜li＞Item 1 ＜li＞Item 2 ＜li＞Item 3 ＜/ul＞
【1】Die Aufzählungsform – Typ ＜ul type=#＞ oder ＜li type= #＞ Die #-Nummer kann sein: Scheibe: Vollpunkt (Standardwert) Kreis: Hohlpunkt, Quadrat: Vollquadrat
【2】Originalliste – schlicht ＜ul schlicht＞
【3】Listenanordnung – Warp“ 1" Vertikale Anordnung auflisten ＜ul warp = vert＞《2》Horizontale Anordnung auflisten ＜ul warp = horiz＞
5. Definitionsliste ＜dl＞ ＜dt＞Item 1 ＜dd＞Item 1 Beschreibung ＜dt＞Item 2 ＜ dd＞Artikel 2 Beschreibung ＜dt＞ Artikel 3 ＜dd＞Artikel 3 Beschreibung ＜/dl＞
Kompakt ＜dl kompakt＞ P.S. Auf diese Weise können der Inhalt von ＜dt＞ und der Inhalt von ＜dd＞ in derselben Zeile platziert werden, nur durch wenige Leerzeichen getrennt. Keine Zeilenumbrüche, aber wenn der Text von

eine bestimmte Länge überschreitet, verschwindet der Kompakteffekt!
Formular
1. Grundstruktur ＜form action="URL des CGI-Programms, das zur Datenverarbeitung verwendet wird" oder "mailto: URL der E-Mail" method="get or post"＞ ....... .. ....... ....... ....... ＜/form＞
2. Eingabedatei form ＜form action="URL" method="post"＞ ＜ Eingabe ＞ ＜Eingabe＞ ........................ ＜/Form＞
【1】Feldtyp – Typ ＜Eingabetyp=#＞ Zahl # kann Text sein: Texteingabe-Passwort: Passwort-Kontrollkästchen: Mehrfachauswahl-Schaltfläche Radio: Optionsfeld Senden: Akzeptieren-Schaltfläche Zurücksetzen: Zurücksetzen-Schaltfläche Bild: Grafik-Schaltfläche ausgeblendet: ausgeblendetes Feld
【2】Feldname – Name 【3】Standardwert in der Datei – Wert ＜Eingabewert="Standardzeichenfolge" ＞
【4】 Legen Sie die Breite des Felds fest – Größe ＜Eingabegröße=Anzahl der Zeichen＞
【5】Begrenzen Sie die maximale Länge der Eingabezeichenfolge – maxlength ＜Eingabemaxlänge=Anzahl der Zeichen＞
【6】Standard-Kontrollkästchen Oder die Anfangswert des Radios – geprüft ＜Eingabetyp=Kontrollkästchen aktiviert＞ ＜Eingabetyp=Radio geprüft＞
【7】Geben Sie die URL der Grafik an – src ＜Eingabetyp=Bild src="Bilddateiname"＞
【8】Bild- und Textausrichtung – align ＜input type=image align="#"＞ Zahl # kann oben stehen: Text wird oben am Bild ausgerichtet. Mitte: Text wird an der Mitte des Bildes unten ausgerichtet : Text wird am unteren Rand des Bildes ausgerichtet
Drei, Selektive Form ＜form action="URL" method="post"＞ ＜select＞ ＜option＞ ＜option＞ ....... .... ......... ＜/select＞ ＜/form＞
A, ＜select＞Attribute
【1】Feldname -- Name ＜select name="Datenfeldname" ＞
【2】Legen Sie die Anzahl der angezeigten Optionen fest - - Größe ＜Größe auswählen=Anzahl＞
【3】Mehrere Optionen – mehrere ＜Mehrere auswählen＞
B, -Attribute
【1】Definieren Sie die Rückgabewert der Option – Wert ＜ Optionswert = „Rückgabewert“＞
【2】Vorausgewählte Option – ausgewählt ＜Option ausgewählt＞
4. Mehrspaltiges Eingabetextbereichsformular ＜form action= "URL" method="post"＞ ＜textarea＞ ........... ＜/textarea＞ ＜/form＞
【1】Variablenname des Textbereichs – Name ＜Textarea-Name=Variable Name＞
【2】Legen Sie die Breite des Texteingabebereichs fest – cols ＜textarea cols=Anzahl der Zeichen＞
【3】Legen Sie die Höhe des Texteingabebereichs fest – Zeilen ＜textarea rows=Anzahl der Spalten＞
【4】Eingabebereichseinstellung Standardzeichenfolge ＜textarea＞ Standardtext ＜/textarea＞
【5】Automatisch umbrechen oder nicht --wrap # kann deaktiviert sein: Wenn der in die Tabelle eingegebene Text die Spaltenbreite überschreitet, wird er nicht automatisch umgebrochen (Standardwert) virtuell: Der in die Tabelle eingegebene Text überschreitet die Spaltenbreite. Es wird automatisch umbrochen, wenn <br>Link<br> 1. Link zu anderen Dokumenten ＜a href="URL"＞Beschreibungstext oder Bilder ＜/a＞<br> 2. Link zu einer bestimmten Stelle in das Dokument (externer Link) <br>《1》Startpunkt<br>＜a href="Dateiname#Name"＞.......＜/a＞ <br>《2》Endpunkt ＜ein Name ="Name"＞ <br>3. Hyperlink des Frames <br>【1】Öffnen Sie einen neuen Browser, um die Linkdatei anzuzeigen -- _blank ＜a href="URL" target=_blank＞<br>【2】Zeigen Sie die Linkdatei im aktuellen Frame -- _self ＜a href="URL" target=_self＞<br>【3】Das geteilte Fenster der oberen Ebene zeigt die Linkdatei an -- _parent ＜a href="URL" target=_parent ＞<br>【4】Zeigen Sie die verknüpfte Datei im vollständigen Fenster an – _top ＜a href="URL" target=_top＞ <br>【5】Zeigen Sie die verknüpfte Datei in einem bestimmten Fenster an --＜a href=" URL" target="Spezifischer Fenstername"＞<br>FRAME<br>1. Befehl zum Teilen des Fensters ＜frameset＞..........＜/frameset＞ <br>【1】Vertikal (nach oben und unten). ) split -- rows<br>＜frameset rows=# ＞ Das #-Zeichen kann die Anzahl der Punkte sein: Wenn Sie es in drei Fenster von 100, 200, 300 aufteilen möchten, dann <br><frameset rows="100,200,300"> ; es kann auch durch das *-Zeichen dargestellt werden, wie zum Beispiel <frameset rows="*,500,*"> <br>Prozentsatz: wie zum Beispiel <frameset rows="30%,70%">, die Summe jedes Elements beträgt vorzugsweise 100 % <br>【2】Horizontale (links und rechts) Aufteilung – Spalten <frameset-spalten oder prozents><br>Zwei ⅱ angegebene Fensterinhalte – - ＜Frame＞<br>＜Frameset-Spalten=30%,70%＞ ＜frame＞ ＜frame＞ ＜/frameset＞<br>【1】Der Dateiname des angegebenen Fensters – src ＜frame src=HTML-Dateiname＞ <br>【2】Definieren Sie den Namen des Fensters – name<br>＜frame name=window name＞ <br>【3】Legen Sie den Abstand zwischen dem Dokument und dem oberen und unteren Rand fest – marginheight<br>＜frame marginheight=points＞ <br>【4】Legen Sie den Abstand zwischen dem fest Dokument und der linke und rechte Rand -- marginwidth<br>＜frame marginwidth=points＞ <br>【5】Stellen Sie den Bildlauf des geteilten Fensters ein -- scrolling<br>＜frame scrolling=#＞# kann Ja sein: Behoben Scrollen erscheint <br> Nein: Scrollen erscheint nicht. Automatisch: Bestimmt automatisch, ob die Dateigröße einen Scrollen erfordert (Standardwert) <br>【6】Größe des geteilten Fensters sperren – noresize ＜frame noresize＞<p> Das Obige ist die detaillierte Erklärung von HTML-Tags. Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (www.php.cn)! </p> <p><br></p></frameset-spalten> </frameset> </frameset> </frameset>