Was ist HTML?

Geschichte der HTML-Entwicklung:

HTML steht im Englischen für Hypertext Marked Language und ist eine einfache Auszeichnungssprache zum Erstellen von Hypertext-Dokumenten. HTML ist eine Auszeichnungssprache, die 1990 von Tim Berners-Lee, dem Erfinder des Internets, und seinem Kollegen Daniel W. Connolly entwickelt wurde. Es handelt sich um eine Anwendung der Standard Generalized Markup Language SGML.

Ein in HTML geschriebenes Hypertext-Dokument wird als HTML-Dokument bezeichnet und ist unabhängig von verschiedenen Betriebssystemplattformen (wie UNIX, WINDOWS usw.). Durch HTML werden die auszudrückenden Informationen nach bestimmten Regeln in HTML-Dateien geschrieben, von speziellen Browsern erkannt und in erkennbare Informationen „übersetzt“, eine „Muttersprache“ zum Veröffentlichen, die alle Computer verstehen können. Dies ist die Webseite, die wir jetzt sehen. HTML wird seit 1990 als Informationsdarstellungssprache des WWW (die Abkürzung für World Wide Web, auch als WEB abgekürzt und auf Chinesisch als Wanwei-Web bezeichnet) verwendet, um das Formatdesign der Homepage und ihre Linkinformationen mit anderen Homepages im WWW zu beschreiben. In HTML-Sprache beschriebene Dokumente müssen über einen WWW-Browser angezeigt werden.

HTML (Hypertext Markup Language) ist eine Sprache zum Erstellen von Webseitendokumenten. Sie verwendet Auszeichnungsanweisungen (Tags) zur Anzeige von Bildern, Tönen, Fotos, Texten, Animationen, Videos und anderen Inhalten. Weil es von einer Datei zur anderen springen kann und Verbindungen zu Dateien herstellt, die auf der ganzen Welt gehostet werden. Das Hypertext Transfer Protocol gibt die Regeln und Vorgänge an, die Browser beim Ausführen von HTML-Dokumenten befolgen. Die Formulierung des HTTP-Protokolls ermöglicht Browsern einheitliche Regeln und Standards beim Ausführen von Hypertext.

Der sogenannte Hypertext kann Bilder, Töne, Animationen, Filme und andere Inhalte enthalten. Tatsächlich ist jedes HTML-Dokument eine statische Webseitendatei. Diese Datei enthält HTML-Befehlscodes. Diese Befehlscodes sind keine Programmiersprache. Es handelt sich lediglich um eine Markup-Struktursprache zum Anzeigen der Position von Informationen im Layout einer Webseite. Sie ist leicht zu erlernen und zu verstehen und sehr einfach. Die weite Verbreitung von HTML führte zur Entstehung der Hypertext-Technologie – das Springen von einem Thema zum anderen per Mausklick, das Springen von einer Seite zur anderen und das Verlinken mit Dateien, die auf der ganzen Welt gehostet werden. Gehen Sie direkt zu verwandten Themen. Wie unten dargestellt:

Mit HTML können zahlreiche Design-Stile ausgedrückt werden:

Bildaufruf: <IMG SRC="Dateiname">
Textformat: <FONT SIZE="+5 " COLOR="#00FFFF">Text</FONT>

Sie können über HTML zwischen Seiten springen:

Seitensprung: 〈A HREF="Dateipfad/Dateiname"></A>

Multimedia-Effekte können über HTML angezeigt werden:

Audio: <EMBED SRC="Musikadresse" AUTOSTART=true>
Video: <EMBED SRC="Videoadresse" AUTOSTART=true>

Oben sehen wir einige Tags, die für HTML-Hypertextdokumente benötigt werden. In HTML ist jedes als Tag verwendete Symbol ein Befehl, der dem Browser mitteilt, wie der Text angezeigt werden soll. Diese Tags bestehen aus den Symbolen „<“ und „>“ und einer Zeichenfolge. Die Funktion des Browsers besteht darin, diese Tags zu interpretieren, Texte, Bilder und Animationen anzuzeigen und Töne abzuspielen. Diese Tag-Symbole werden durch „<Tag-Name-Attribut>“ dargestellt.

HTML ist nur eine einfache Textdatei. Zum Erstellen eines HTML-Dokuments benötigen Sie nur zwei Tools: einen HTML-Editor und einen Webbrowser. Ein HTML-Editor ist eine Anwendung zum Erstellen und Speichern von THML-Dokumenten. Ein Webbrowser ist ein Client-Programm, das zum Öffnen von Webseitendateien verwendet wird und uns die Möglichkeit bietet, Webressourcen anzuzeigen.

HTML-Dokumente sind reine Textdateien (sie können mit jedem Textprogrammierer geschrieben werden). Beispielsweise kann die HTML-Sprache direkt mit einem herkömmlichen Texteditor bearbeitet werden.

Die Macht von HTML:

1. Veröffentlichen Sie Online-Dokumente mit Titeln, Text, Tabellen, Listen und Fotos.
2. Rufen Sie Online-Informationen über Hyperlinks ab.
3. Gestalten Sie Formulare zur Inanspruchnahme von Remote-Services, mit denen Sie Informationen abrufen, Produkte bestellen etc. können.
4. Fügen Sie Tabellen, Videoclips, Soundclips und andere Anwendungen direkt in Ihre Dokumente ein.

Weit verbreitete Verwendung von HTML:

Alle World Wide Web-Dokumente werden mit der Hypertext Markup Language (HTML) erstellt. In dieser Sprache können Dateien mit verschiedenen Tags verarbeitet werden. Diese Tags bestimmen das Aussehen, die Struktur und die Interaktivität des Dateiinhalts. Gemeinsam ist ihnen, dass sie alle „<>“ verwenden, wie z. B. das Absatz-Tag <p>, das Bild-Tag <imp> usw.

Sie können im Browser keine HTML-Tags sehen, aber die Webseiteneffekte, die Sie im Browser sehen, werden alle von diesen Tags generiert. In den meisten Fällen müssen Sie HTML-Tags nicht beherrschen, wenn Sie eine Site erstellen, da HTML im Hintergrund in Software wie FrontPage verarbeitet wird und dadurch die Komplexität der Sprache verborgen bleibt. Wenn Sie die HTML-Tags einer Webseite anzeigen müssen, können Sie den HTML-Modus auswählen.

Bei der aktuellen Webseitenproduktion werden überwiegend spezialisierte Tools zur Webseitenproduktion verwendet, beispielsweise Dreamweaver, WebStorm usw. Bei diesen Werkzeugen handelt es sich um das „What You See Is What You Get“, was sehr praktisch ist. Aber glauben Sie nicht, dass es ausreicht, nur diese Tools zu kennen. In vielen Fällen müssen wir den HTML-Code manuell anpassen, um bessere und professionellere Ergebnisse zu erzielen.

Nachdem wir die Definition von HTML verstanden haben, lernen wir diese Sprache.

1. Warum sollten Sie HTML lernen?

In den letzten zwei Jahren haben viele Unternehmen grafische HTML-Entwicklungstools entwickelt, die das Erstellen von Webseiten sehr einfach machen. Bearbeitungstools wie Webstorm, Adobe Pagemill von Adobe, Dreamweaver von Micromedia usw. werden allesamt als Tools zur Webseitenerstellung nach dem Motto „What You See Is What You Get“ bezeichnet. Diese grafischen Entwicklungstools ermöglichen Ihnen die direkte Arbeit mit Webseiten, ohne dass Sie langwieriges Markup schreiben müssen. Dies ermöglicht Benutzern das Schreiben von Webseiten ohne HTML-Kenntnisse. An diesem Punkt wird die Aufgabe des Schreibens von HTML-Dokumenten durch die Entwicklungstools für Sie übernommen. Dies ist der größte Erfolg von Tools zur Bearbeitung von Webgrafiken, aber auch ihr größter Mangel. Aufgrund der Einschränkungen der Grafikbearbeitungstools selbst wird viel Junk-Code generiert. Der Grund ist ganz einfach. Wenn Sie beispielsweise eine Tabelle auf einer Webseite entwerfen und die Breite und Höhe jeder Zelle automatisch anhand ihres Inhalts bestimmt werden, müssen Sie HTML nur die Anordnungsreihenfolge der Tabelle und der Zellen (also die Anzahl der Zeilen und Spalten) mitteilen. Da das grafische Entwicklungstool Ihre speziellen Anforderungen jedoch nicht kennt, kann es nur allgemeine Anforderungen übernehmen und die Breite und Höhe jeder Zelle definieren, was eine Menge Code hinzufügt. Daher sollte ein kluger Webseiten-Autor die HTML-Sprache auf der Grundlage der Beherrschung grafischer Bearbeitungstools weiter erlernen, um zu wissen, welche Codes Junk sind. Auf diese Weise können wir grafische HTML-Entwicklungstools verwenden, um schnell und erfolgreich Webseiten zu erstellen und nutzlosen Code zu eliminieren, um das Ziel zu erreichen, schnell qualitativ hochwertige Webseiten zu erstellen.

Daher ist die HTML-Sprache die Grundlage für die Erstellung von Webseiten und für Anfänger ein Muss. Obwohl es mittlerweile viele WYSIWYG-Tools zum Erstellen von Webseiten gibt, ist es immer noch notwendig, einige HTML-Syntaxkenntnisse zu haben. Auf diese Weise können Sie das Layout der Seite genauer steuern und mehr Funktionen erreichen.

2. Wie verwendet man HTML?

Die HTML-Sprache, auch bekannt als Hypertext Markup Language, ist die Abkürzung für Hyper Text Markup Language. Da HTML eine Identifikationssprache ist, besteht sie aus bestimmten Symbolen und Grammatiken und ist daher sehr leicht zu verstehen und zu beherrschen. Man kann sagen, dass HTML von allen Computerprogrammiersprachen die einfachste und am leichtesten zu erlernende ist. Die Dokumente, aus denen HTML besteht, sind alle ASCII-Dateien. Daher ist das Erstellen von HTML-Dateien sehr einfach und erfordert nur einen gewöhnlichen Texteditor. Beispielsweise können Notepad und WordPad in Windows verwendet werden. Sie können auch spezielle HTML-Bearbeitungstools verwenden: wie CoffeeHTML, Homesite, HTMLedit Pro und andere Tools. Sie zeichnen sich dadurch aus, dass sie automatisch Syntaxfehler in HTML-Dokumenten überprüfen und bei deren Korrektur helfen können. Dank der grafischen HTML-Entwicklungstools fällt es uns leichter, HTML zu lernen. Wir können damit zunächst eine Webseite erstellen und dann den nutzlosen Code im mitgelieferten HTML-Code-Editor löschen. Mithilfe der WYSIWYG-Funktion können wir HTML schnell beherrschen. Insbesondere das kürzlich von Micromedia veröffentlichte Dreamweaver4 kann den Quellcode-Editor und den Webseiten-Editor im selben Fenster platzieren, was wirklich praktisch ist.

3. Grundkonzepte von HTML

1. Definition:

HTML ist eine Hypertext-Auszeichnungssprache. Einfach ausgedrückt erstellt sie eine Reihe von Auszeichnungssymbolen und Grammatikregeln, um den anzuzeigenden Text, die Bilder, Töne und andere Elemente gemäß bestimmten Standardanforderungen anzuordnen und bestimmte Einheiten wie Titel, Absätze und Listen zu bilden.

2. Hypertext-Markup

1) Hypertext-Tags werden durch spitze Klammern „<“ und ">“ gekennzeichnet.

2) Hypertext-Tags treten normalerweise paarweise auf und das Ende wird durch ein Element mit Schrägstrich angezeigt. Beispielsweise: <html> und </html>. Manche Tags haben jedoch nur ein Start-Tag, aber kein End-Tag, wie z. B.: <BR>, das die Einführung eines Zeilenumbruchs in einer Webseite anzeigt. Manche Tags können weggelassen werden, wie z. B.: Das End-Tag eines Absatzes </P> kann weggelassen werden.

3) Hypertext-Tags ignorieren die Groß- und Kleinschreibung. Beispielsweise sind <HTML> und <html> gleichwertig, aber die Namen der Entitätsinhalte sind groß- und kleinschreibungsabhängig. Beispielsweise stellen „&NAME“ und „&name“ unterschiedliche Entitäten dar.

4) Ein Tag-Element kann auf mehrere Zeilen geschrieben werden und die Parameterposition ist nicht eingeschränkt.

3. HTML-Spracheinheit (Element)

Der Inhalt der gesamten Webseite besteht aus vielen Einheiten, die durch spezifische Inhalte gebildet werden, und jede Einheit besteht aus drei Teilen: Start-Tag, Einheiteninhalt und End-Tag.

Starttag: Der Starttag wird durch „<“ und „>“ abgegrenzt und der Einheitenname und die Attribute werden durch den Starttag angegeben.

Inhalt der Einheit: Der Mittelteil stellt den Inhalt der Einheit dar;

End-Tag: Das End-Tag wird durch „＜/“ und ">“ abgegrenzt und hat einen Schrägstrich mehr als das Start-Tag.

Zum Beispiel: das Beschriftungsformat der Schriftfeldeinheit

＜TITEL＞Interview mit dem besten Schüler der Aufnahmeprüfung für das College – Aufzeichnung der Erfahrungen eines Bauernkindes beim Heranwachsen＜/TITEL＞

Darunter sind <TITLE> und </TITLE> die Start- und End-Tags, und „Interview mit dem besten Schüler der College-Aufnahmeprüfung – Die Wachstumserfahrung eines Bauernkindes“ ist der grundlegende Inhalt der Einheit.

Kurz gesagt besteht das gesamte HTML-Dokument aus Tags. Die Tags des HTML-Dokuments bilden einen festen Rahmen für das Schreiben des Dokuments. Wir müssen den Inhalt nur in diesen Rahmen einfügen.

Der Schlüssel zum Erlernen und Verwenden der HTML-Sprache liegt in der flexiblen Anwendung von Tag-Parametern. Insbesondere die Verwendung von Standardwerten