HTYPER Text Markup Sprache, d. H. Hypertext Markup Sprache
Hypertext: Dies bedeutet, dass die Seite Nicht-Text-Elemente wie Bilder, Links und sogar Musik, Programme enthalten kann.
Markup -Sprache: Eine Sprache, die aus Markierungen (Etiketten) besteht.
Webseite == HTML -Dokument, analysiert vom Browser, verwendet zum Anzeigen
Statische Webseite: Statische Ressourcen wie xxx.html
Dynamische Webseite: Der HTML -Code wird durch eine Entwicklungssprache dynamisch generiert, die auf Benutzeranforderungen basiert.
Das Folgende ist das Baumstrukturdiagramm der HTML -Datei
Tag -Konzept:• Es besteht aus Wörtern, die durch ein Paar Winkelklammern verpackt sind. Zum Beispiel: <html> *Die Wörter in allen Tags können nicht mit Zahlen beginnen.
• Tags sind Fall-unempfindlich. <html> und <html>. Kleinbuchstaben wird empfohlen.
• Das Tag ist in zwei Teile unterteilt: das Start -Tag <a> und das End -Tag </a>. Der Teil zwischen den beiden Tags wird als Tag -Körper bezeichnet.
• Einige Tag -Funktionen sind relativ einfach. Verwenden Sie einfach ein Tag. Dieses Tag heißt Autismus und Tags. Zum Beispiel: <br/> <hr /> <eingabe /> <img />
• Tags können verschachtelt werden. Aber sie können nicht geschliffen werden. <a> <b> </a> </b>
Eigenschaften von Tags:• Normalerweise erscheint es in Form von Schlüsselwertpaaren. Zum Beispiel name = Alex
• Eigenschaften können nur im Start -Tag oder Autismus und Tags angezeigt werden.
• Attributnamen sind alle Kleinbuchstaben. *Attributwerte müssen in doppelte Zitate oder einzelne Zitate eingewickelt werden, z. B. Name = Alex
• Wenn der Attributwert und der Attributname genau gleich sind, schreiben Sie einfach den Attributnamen direkt. Zum Beispiel readonly
2. Einführung in die Hauptkennzeichen des Kopfes• <Meta> Zusammensetzung von Meta-Tags: Es gibt zwei Attribute im Meta-Tag, das Namensattribut, das Attribut http-äquiv und das Namensattribut. Unterschiedliche Attribute haben unterschiedliche Parameterwerte, und diese unterschiedlichen Parameterwerte erkennen unterschiedliche Webseitenfunktionen.
1 Das Namensattribut wird hauptsächlich zur Beschreibung einer Webseite verwendet, und der entsprechende Attributwert ist Inhalt. Der Inhalt im Inhalt wird hauptsächlich von Suchmaschinenrobotern verwendet, um Informationen zu finden und Informationen zu klassifizieren.
<meta name = keywordScontent = meta -Zusammenfassung, HTML -Meta, Meta -Attribut, Metasprung>
<meta name = BeschreibungContent = alte Boy Training Institution wird von einem alten Jungen erstellt>
2 Http-äquiv entspricht, wie der Name schon sagt, dem Dateikopf von HTTP. Es kann einige nützliche Informationen an den Browser weitergeben, um den Webseiteninhalt korrekt und genau anzuzeigen. Der entsprechende Attributwert ist Inhalt. Der Inhalt im Inhalt ist tatsächlich der variable Wert jedes Parameters.
<meta http-equiv = refreshcontent = 2; url = https: //www.vevb.com> // (beachten Sie die anschließenden Zitate, die vor den Sekunden bzw. nach der URL liegen)
<meta http-äquiv = content-typecontent = text/html; charset = utf8>
<meta http-äquiv = x-ua-kompatibler Inhalt = IE = Edge, Chrome = 1>
• <title> Old Boy </title>
• <link rel = icon href = http: //www.jd.com/favicon.ico>
3. Body Tags Basis -Tags:<hn>: Der Wertebereich von n beträgt 1 ~ 6; von groß nach klein. Wird verwendet, um den Titel darzustellen.
<p>: Absatz -Tag. Der Inhalt des Pakets ist in der Linie verpackt. Es gibt auch eine leere Linie zwischen dem oberen und unteren Inhalt.
<b> <strong>: BOLD TAG.
<Sreibe>: Fügen Sie dem Text eine Mittellinie hinzu.
<em>: Der Text wird kursiv.
<sup> und <Sub>: obere Eckmarkierungen und untere Ecktische.
<br>: Markenlinie.
<hr>: Horizontale Linie
<p> <span>
Block- und Inline-Tags
Block-Level-Tag: <p> <h1> <tabelle> <ol> <ul> <form> <p>
Inline -Tags: <a> <eingabe> <img> <sub> <sup> <textarea> <span>
Eigenschaften von Blockelementen① Beginnen Sie immer mit einer neuen Linie;
② Höhe, Linienhöhe, äußerer Rand und innerer Rand können kontrolliert werden;
③ Die Standardbreite beträgt 100% seines Containers, es sei denn, eine Breite ist festgelegt.
④ Es kann Inline -Elemente und andere Blockelemente aufnehmen
Eigenschaften von Inline -Elementen① und andere Elemente sind in derselben Linie;
② Höhe, die Linienhöhe, der äußere Rand und der innere Rand können nicht geändert werden.
③ Die Breite ist die Breite ihres Textes oder ihres Bildes und kann nicht geändert werden
④ Inline -Elemente können nur Text oder andere Inline -Elemente aufnehmen
Für Elemente innerhalb der Linie achten Sie bitte auf Folgendes
Die Einstellungsbreite ist ungültig.
Die Einstellung der Höhe ist ungültig. Sie können es über eine Linienhöhe setzen.
Die Rand des Randes sind nur gültig, aber die oberen und unteren Teile sind ungültig.
Das Einstellen von Polsterung nur links und rechts ist gültig, aber nach oben und unten ist ungültig. Beachten Sie, dass der Elementbereich zugenommen hat, aber keinen Einfluss auf den Inhalt der Elemente um die Elemente hat.
Sonderzeichen:& lt; & gt; & quot; & copy; & reg;
Grafik -Tag <img>:
SRC: Der Pfad zum Anzeigen des Bildes.
ALT: Die Eingabeaufforderung, wenn das Bild nicht erfolgreich geladen wird.
Titel: Eingabeaufforderung, wenn die Maus suspendiert wird.
Breite: Die Breite des Bildes
Höhe: Die Höhe des Bildes (nur eine der beiden Eigenschaften von Breite und Höhe skaliert automatisch gleich.)
Hyperlink -Tag <a>:
HREF: Der Ressourcenpfad ist wie folgt wie folgt: href = https: //www.vevb.com
Ziel: _blank: Öffnet den Hyperlink in einem neuen Fenster. Rahmenname: Öffnet den Verbindungsinhalt im angegebenen Frame.
Name: Definiert das Lesezeichen einer Seite.
Wird verwendet, um HREF zu springen: #Bookmark Name.
Listen -Tags:<ul>: Unordentliche Liste
<OL>: Bestellte Liste
<li>: Jeder Element in der Liste.
<dl> Definitionsliste
<Dt> Title List
<DD> Listenelemente
Tabellen -Tag <Tabelle>:
Grenze: Tischgrenze.
Cellpadding: innerer Rand
Zellpaket: Rand.
Breite: Pixel -Prozentsatz. (Es ist am besten, die Länge und die Breite durch CSS zu setzen)
<tr>: Tabellenzeile
<Th>: Tabellenkopfzelle
<td>: Tabellendatenzelle
Rowspan: Wie viele Zeilen überspannen die Zellen vertikal
colspan: Wie viele Säulen überspannt Zellen (d. H. Zellen verschmelzen)
<Th>: Tabellenheader <Tbody> (nicht häufig verwendet): Partition der Tabelle
Formular Tag <Form>
Das Formular wird verwendet, um Daten auf den Server zu übertragen.
Das Formular kann Eingabelemente wie Textfelder, Kontrollkästchen, Radiofelder, Einreichungsschaltflächen usw. enthalten.
Das Formular kann auch TextArea, auswählen, Fieldset- und Etikettenelemente enthalten.
1. Eigenschaften der FormHTML -Formulare werden verwendet, um verschiedene Arten von Benutzereingaben zu empfangen. Wenn der Benutzer das Formular einreicht, werden Daten an den Server übertragen, wodurch die Interaktion zwischen dem Benutzer und dem Webserver erkannt wird. Form -Tags, alles zu übermitteln sollte in diesem Tag sein.
Aktion: Wo das Formular einreicht. Im Allgemeinen weist es auf ein Programm auf dem Server hin. Das Programm empfängt die vom Formular (d. H. Den Formularelementwert) übermittelten Daten für die entsprechende Verarbeitung, wie z. B. https://www.Sogou.com/web
Methode: Das Formular wird per Post/GET eingereicht. Der Standardwert ist GET (Umschlag)
Holen Sie sich: 1. Eingereichte Schlüsselwertpaare. Nach der URL in der Adressleiste legen. 2. Relativ schlechte Sicherheit. 3.. Es gibt Beschränkungen der Länge des eingereichten Inhalts.
Beitrag: 1. Das eingereichte Schlüsselwertpaar befindet sich nicht in der Adressleiste. 2. Die Sicherheit ist relativ hoch. 3.. Es gibt keine theoretische Grenze für die Länge des eingereichten Inhalts.
Get/post sind zwei gängige Anforderungsmethoden.
2. Formularelemente<eingabe>
Typ:
Texteingangsfeld für Text
Kennwortkennwort -Eingabefeld
Radio -Radio -Box auswählen
Kontrollkästchen Mehrere Auswahlkästchen
Schaltfläche senden
Taste (muss mit JS verwendet werden). Was ist der Unterschied zwischen der Schaltfläche und dem Senden?
Datei Datei Senden: Formularformular muss ein Attribut EncType = Multipart/Form-Data hinzufügen
XML/HTML -Code -Inhalt in die Zwischenablage kopieren