HTML5-Notizen für den zweiten Tag

1, Tabellentabelle

a).
--Es kann nur einen Kopf geben

--Row

Wichtige Zellen verwenden th--Column

Wichtige Zellen verwenden th



--line

< td> ; Gewöhnliche Zellen verwenden td--column

Gewöhnliche Zellen verwenden td





--Mehrere tbody zulassen

--Row

Gewöhnliche Zellen verwenden td-- Spalte

Gewöhnliche Zellen verwenden td





--Row

Für gewöhnliche Zellen verwenden Sie td
Gewöhnliche Zellen verwenden td







b). Einfache Struktur der Tabelle

border – Randzellenabstand – Abstand zwischen Zellen, Zellabstand – Abstand vom Inhalt zum Rand

< tr>







< ;tr>









Tabelle Attribute: border--border

cellspacing – der Abstand zwischen Zellen
cellpadding – der Abstand vom Inhalt zum Rand

tr Attribute: height--height

align – horizontale Ausrichtung (links/mitte/rechts)

valign – vertikale Ausrichtung (oben/mitte/unten)

bgcolor Hintergrund

td-Attribut: Höhe --height

align – horizontale Ausrichtung (links/mitte/rechts)

valign – vertikale Ausrichtung (oben/mitte/unten)

bgcolor Hintergrund

width--width

c).Zellen zusammenführen (td)

Horizontale Zusammenführung: colspan="2"

Vertikale Zusammenführung: rowspan="2"

Verschachtelung von Tabellen, platziert in td

Erweiterte Anwendung: Tabellenlayout, Verschachtelung

2. Formular

Die Aufgabe besteht darin, Daten zu sammeln

Tag

Benutzername:

Passwort:

--action ein Programm zur Verarbeitung der Formularinformationen (z. B. Java PHP. NET)

Verarbeitet die von der eingegebenen Informationen Client über ein Programm (Backend)

Adresse des Handlers

--method Es gibt zwei Übermittlungsmethoden: unsicher, die Datenmenge ist begrenzt, Daten über die Adresse übertragen

Post; sicher, die Datenmenge ist unbegrenzt,

--Name ist sehr wichtig

--Senden-Button

--Alle Informationen im Wert Formular ist Wert

geprüft. Die Standardoption

--hidden muss nicht auf der Seite angezeigt werden.

Verstecktes Feld

Schaltflächen: Senden, Schaltfläche, Zurücksetzen, Bild,

Tabellen und Formularverschachtelung Wenn ja , schreiben Sie zuerst das Formular-Tag.



Eingabetyptyp

Text (Textfeld), Passwort (Passwortfeld ) ), Radio (Optionsschaltfläche), Kontrollkästchen (Mehrfachauswahlfeld), Datei (Dateifeld), versteckte Schaltfläche (verstecktes Feld) (normale Schaltfläche), Zurücksetzen (Schaltfläche „Zurücksetzen“), Senden (Schaltfläche „Senden“), Bild (Bild). ) Feldschaltfläche)

Dropdown-Feld:

< ;/option>



Textbereich:

cols rows columns readonly

3, Klassifizierung von Ausdrücken von HTML4-Tags

Elemente auf Blockebene (große Tags) Block

div table ul ol li dl dt dd h1-h6 p

Features: 1. Anzeige auf verschiedenen Zeilen 2. Blockebene und Inline-Elemente können verschachtelt werden 3. Breite und Höhe können eingestellt werden

Inline-Elemente (kleine Beschriftungen) inline

span strong b i em a

Funktionen: 1. Anzeige 2 in derselben Zeile, Elemente auf Blockebene 3 können nicht verschachtelt werden, Breite und Höhe können nicht festgelegt werden

Inline-Elemente auf Blockebene inline-block

img input select textarea

Funktionen: 1. Anzeige 2 in derselben Zeile, Breite und Höhe können eingestellt werden

Kreuzverschachtelung ist nicht zulässig

Das Obige ist der Inhalt von HTML5-Notizen für Am zweiten Tag achten Sie bitte auf weitere verwandte Inhalte der chinesischen PHP-Website (www.php.cn)!