HTML-Grundlagen

1: Verwandte Konzepte verstehen

1: Das Konzept der WEB-Standards und ihre institutionelle Zusammensetzung

WEB-Standards sind eine Sammlung einer Reihe von Standards, kein einzelner Standard. Diese Standards werden hauptsächlich vom W3C (World Wide Web) entworfen und veröffentlicht.

2: Webseitenstruktur

Eine Webseite besteht hauptsächlich aus drei Teilen, nämlich HTML, CSS und JAVASCRIPT. Die Funktionen bestehen darin, dass HTML zum Schreiben der Seitenstruktur der Webseite verwendet wird, um das Layout und die Interaktion der Webseite zu erleichtern; CSS wird zum Layouten der Webseite verwendet, um die Struktur der Webseite schöner zu machen; um die Interaktion zwischen Personen und der Seite zu verarbeiten und eine Antwort zu generieren. Die entsprechenden Programmiersprachen sind wie folgt:
Die strukturierten Sprachen umfassen XHTML und XML
Die Präsentationssprache ist CSS
Die interaktive Verhaltenssprache ist das Objektmodell (wie W3CDOM, ECMAScript usw.). )

3: Struktur- und Präsentationsstandards spezifiziert durch W3C: Struktur (XHTML, XML), Präsentation (CSS); Verhaltensstandards spezifiziert durch ECMA: Verhalten (DOM, ECMASCRIPT)

4: Angabe des Dateinamens

Der Dateiname muss mit einem Kleinbuchstaben beginnen, gefolgt von Unterstrichen, Zahlen usw. Als Dateiname dürfen keine chinesischen Zeichen oder Sonderzeichen verwendet werden.

2: HTML und verwandte Konzepte

1: Hypertext Markup Language und Extensible Hypertext Markup Language

HTML bezieht sich auf Hypertext Markup Language (Hyper Text Markup Language), XHTML bezieht sich auf EXtensible HyperText Language.

2: HTML5 Edit; HTML5 ist das Ergebnis der Zusammenarbeit zwischen dem W3C und der WHATWG.

3: HTML-Seitenstruktur

HTML-Seite besteht aus Tags und Attributen. Ein HTML-Dokument besteht hauptsächlich aus Kopf (Dateikopf) und Körper (Dateikörper). Der Kopfteil ist im Browserfenster im Allgemeinen nicht sichtbar (mit Ausnahme des Titels und bestimmter Arten von Meta-Tags und Webseitenlogos); der Körperteil ist das, was der Benutzer im Browser-Ansichtsbereich sieht.

Das Stammelement von HTML

body> Der Hauptteil der Datei. Der auf der Seite anzuzeigende Inhalt muss im Hauptteil platziert werden.

Zeichensatz, Inhaltstyp, Kodierungsformat festlegen

Dateititel

Die Seitenstruktur ist wie folgt :

4: HTML-Klassifizierung

HTML-Dokumente können in drei Typen unterteilt werden, nämlich streng (strikter Typ), Übergangstyp (Übergangstyp), Frameset ( Rahmentyp) ).

5: Schreibspezifikationen

Tag-Namen und Attributnamen müssen in Kleinbuchstaben geschrieben sein

HTML-Tags müssen geschlossen sein

Attributwerte müssen sein in Anführungszeichen eingeschlossen

Tags müssen korrekt verschachtelt sein

Dokumenttypdeklaration (!DOCTYPE) muss hinzugefügt werden

6: HTML-Grundsyntax

Allgemeine Tags

< ; mark attribute = "attribute value" > >

7: Gemeinsame HTML-Tags

A: Gemeinsame Block-Tags

div, p, h1...h6, ol, ul, dl, table, address, blockquote , form

B: Gemeinsame Inline-Tags

a, span, br, i, em , strong, label, q, var, cite, code

C: Gemeinsame Inline-Block-Tags (img verfügt über einen 3-Pixel-Rand, der in tatsächlichen Vorgängen mit der folgenden CSS-Stilanweisung entfernt werden kann : img{border:none;display:block;})

img, input

8: Auf Webseiten häufig verwendete Sonderzeichen

bedeuten keine Zeilenumbrüche , Leerzeichen

> rechte spitze Klammer

9: Hyperlinks

Hyperlinks sind die Grundlage und der Kern des WWW. Klicken Sie auf diese Links, um von der aktuellen WEB-Seite zu einer anderen Webseite zu springen.

Das Syntaxformat ist wie folgt:

Das Zielattribut gibt an, ob der Link in einem neuen Fenster geöffnet werden soll; sein Attributwert hat zwei Werte: _blank und _self; _blank gibt an, ob der Link geöffnet werden soll In einem neuen Fenster zeigt _self an, dass der Link im aktuellen Fenster geöffnet wird.

Leerer Link:

Link zu einer anderen Website

yyy

Link zur E-Mail

E-Mail

Download-Link

Datei-Download

URL, auch Uniform Resource Locator genannt, ist die Adresse einer WEB-Webseite und besteht aus 4 Teilen: http-Protokoll, Domänenname, Portnummer und Pfad. Beispiel: http://www.cycf.org.cn:8080/index.html; wobei http:// das http-Protokoll heißt, www.cycf.org.cn der Domänenname und :8080 das Portnummer und index.html heißt Seitenpfad.

10: Pfad

Absoluter Pfad:

Der absolute Pfad bezieht sich auf den tatsächlichen Pfad der Datei oder des Verzeichnisses auf der Homepage auf der Festplatte. Verwenden Sie zum Auffinden absolute Pfade Die Datei ist relativ übersichtlich, hat aber zwei Nachteile: Erstens muss mehr Inhalt eingegeben werden. Zweitens müssen alle zugehörigen Links zurückgesetzt werden.

Relativer Pfad:

Der relative Pfad eignet sich am besten für interne Links der Website, sofern er zur vereinbarten Website gehört, auch wenn dies der Fall ist nicht im selben Verzeichnis, relative Links eignen sich hierfür auch hervorragend. Diese Adressform nutzt die relative Beziehung zwischen den beiden Dateien, die den Link aufbauen, und wird nicht durch den Serverstandort des Site-Ordners beeinflusst. Bei dieser Schreibweise werden daher dieselben identischen Teile der absoluten Adresse weggelassen. Dies hat den Vorteil, dass bei einer Änderung der Serveradresse, auf der sich der Site-Ordner befindet, alle internen Links des Ordners keine Probleme verursachen.

Relative Pfadschrift:

A: Wenn sich die aktuelle Datei und die Zieldatei im selben Verzeichnis befinden, Schreiben Sie sie direkt mit der Erweiterung des Zieldateinamens.

B: Wenn sich die aktuelle Datei und der Ordner, in dem sich die Zieldatei befindet, im selben Verzeichnis befinden, lautet die Schreibmethode wie folgt:

Ordnername /Zieldatei mit vollständiger Namenserweiterung;

C: Wenn sich der Ordner, in dem sich die aktuelle Datei befindet, und der Ordner, in dem sich die Zieldatei befindet, nicht im selben Verzeichnis befinden, lautet die Schreibmethode wie folgt:

../Name des Ordners, in dem sich die Zieldatei befindet/Namenserweiterung der Zieldatei