Heim  >  Artikel  >  Web-Frontend  >  Was ist HTML und wie wird es verwendet?

Was ist HTML und wie wird es verwendet?

墨辰丷
墨辰丷Original
2018-06-04 15:17:483434Durchsuche

HTML ist Hypertext Markup Language, eine einfache Auszeichnungssprache, die zum Erstellen von Hypertextdokumenten verwendet wird. In diesem Artikel werden die Entwicklung und die Grundkonzepte von HTML ausführlich vorgestellt

Die Entwicklungsgeschichte von HTML:

HTML bedeutet auf Englisch „Hypertext Marked Language“, eine einfache Auszeichnungssprache, die zum Erstellen von Hypertext-Dokumenten verwendet wird. HTML ist eine Auszeichnungssprache, die 1990 vom WEB-Erfinder Tim Berners-Lee und seinem Kollegen Daniel W. Connolly entwickelt wurde. Es handelt sich um eine Anwendung der standardmäßigen verallgemeinerten Auszeichnungssprache SGML.

In HTML geschriebene Hypertextdokumente werden als HTML-Dokumente bezeichnet, die unabhängig von verschiedenen Betriebssystemplattformen (wie UNIX, WINDOWS usw.) sind. Durch HTML werden die auszudrückenden Informationen nach bestimmten Regeln in HTML-Dateien geschrieben, die von einem speziellen Browser erkannt werden, und diese HTML-Dateien werden in identifizierbare Informationen in einer Sprache „übersetzt“, die allgemein verständlich ist, d. h. alle A „Muttersprache“ für Veröffentlichungen, die Computer verstehen können. Dies ist die Webseite, die wir jetzt sehen. Seit 1990 wird HTML als Informationsdarstellungssprache des WWW (Abkürzung für World Wide Web, auch als WEB abgekürzt, auf Chinesisch World Wide Web genannt) verwendet, um das Formatdesign der Homepage und ihre Verknüpfungsinformationen mit anderen Homepages zu beschreiben WWW. In HTML beschriebene Dateien müssen über einen WWW-Browser angezeigt werden.

HTML (Hyperdocument Markup Language) ist eine Sprache zum Erstellen von Webdokumenten. Sie verwendet Markup-Anweisungen (Tag), um Bilder, Töne, Bilder, Texte, Animationen, Videos und andere Inhalte anzuzeigen. Weil es von einer Datei zur anderen springen und Dateien mit Hosts auf der ganzen Welt verbinden kann. Das Hypertext Transfer Protocol legt die Regeln und Vorgänge fest, denen Browser beim Ausführen von HTML-Dokumenten folgen. Die Formulierung des HTTP-Protokolls ermöglicht Browsern einheitliche Regeln und Standards beim Ausführen von Hypertext kann Bilder, Sounds, Animationen und andere Inhalte hinzufügen. Tatsächlich handelt es sich bei jedem HTML-Dokument um eine statische Webseitendatei. Diese Anweisungscodes sind keine Programmiersprache zum Eingeben der Anzeigeposition von Daten auf Webseiten. Es ist leicht zu erlernen und zu verstehen und sehr einfach. Die universelle Anwendung von HTML brachte die Technologie des Hypertexts hervor – mit einem Mausklick von einem Thema zum anderen springen, von einer Seite zur anderen springen und auf Dateien auf Hosts auf der ganzen Welt verlinken. Erhalten Sie direkten Zugang zu relevanten Themen. Wie unten gezeigt:

Farbige Designstile können durch HTML ausgedrückt werden:

Bildaufruf:

Textformat : Text


Das Springen zwischen Seiten kann über HTML erreicht werden:

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

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

Audio: < ;EMBED SRC="Musikadresse" AUTOSTART=true>

Video:


Von oben können wir die HTML-Super sehen. Einige Tags, die sein müssen Wird beim Arbeiten mit Textdateien verwendet. Jedes als Tag in HTML verwendete Symbol ist ein Befehl, der dem Browser mitteilt, wie Text angezeigt werden soll. Diese Tags bestehen aus den Symbolen „<“ und „>“ und einer Zeichenfolge. Die Funktion des Browsers besteht darin, diese Tags zu interpretieren, Text, Bilder, Animationen anzuzeigen und Töne abzuspielen. Diese Tag-Symbole werden durch „“ dargestellt.

HTML ist nur eine reine Textdatei. Um ein HTML-Dokument zu erstellen, benötigen Sie lediglich zwei Tools, einen HTML-Editor und einen WEB-Browser. HTML Editor ist eine Anwendung zum Generieren und Speichern von THML-Dokumenten. Ein WEB-Browser ist ein Client-Programm, das zum Öffnen von WEB-Webseitendateien verwendet wird und uns die Möglichkeit bietet, WEB-Ressourcen anzuzeigen.

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

Leistungsstarke Funktionen von HTML:

    Online-Dokumente veröffentlichen, die Titel, Text, Tabellen, Listen und Fotos enthalten und andere Inhalte.
  1. Online-Informationen über Hyperlinks abrufen.
  2. Formulare dienen der Inanspruchnahme von Remote-Services und können zum Abrufen von Informationen, zum Bestellen von Produkten usw. verwendet werden.
  3. Fügen Sie Tabellenkalkulationen, Videoclips, Soundclips und andere Anwendungen direkt in das Dokument ein.

HTML-weite Anwendung : Alle World Wide Web-Dokumente werden mit der Hypertext Markup Language HTML erstellt. In dieser Sprache können Dateien mithilfe verschiedener Tags verarbeitet werden. Diese Tags bestimmen das Erscheinungsbild, die Struktur und die Interaktivität des Dateiinhalts. Gemeinsam ist ihnen die Verwendung von „<>“, beispielsweise Absatz-Tags

, Bild-Tags usw.

Im Browser können Sie 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 sich beim Erstellen einer Website nicht mit HTML-Markup auskennen, da in Software wie FrontPage die Verarbeitung von HTML im Hintergrund erfolgt und somit die Komplexität der Sprache verdeckt wird. Wenn Sie das HTML-Markup einer Webseite anzeigen müssen, können Sie den HTML-Modus auswählen.

Der Großteil der heutigen Webseitenproduktion verwendet einige spezielle Webseitenproduktionstools wie Dreamweaver, Webstorm usw. Diese Tools sind WYSIWYG und sehr praktisch. Aber denken Sie nicht, dass es ausreicht, nur diese Tools zu kennen. Oft 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 die Erstellung von Webseiten sehr einfach machen. Bearbeitungstools wie Webstorm, Adobe Pagemill von Adobe und Dreamweaver von Micromedia sind alle als „What You See Is What You Get“-Tools für die Webseitenproduktion bekannt. Diese grafischen Entwicklungstools können Webseiten direkt verarbeiten, ohne aufwändiges Markup schreiben zu müssen. Dies ermöglicht Benutzern das Schreiben von Webseiten ohne Grundkenntnisse der HTML-Sprache. Zu diesem Zeitpunkt wird die Aufgabe des Schreibens von HTML-Dokumenten von den Entwicklungstools für Sie erledigt. Dies ist der größte Erfolg von Webgrafikbearbeitungstools, aber auch ihr größtes Manko. Aufgrund der Einschränkung durch das Grafikbearbeitungstool selbst wird eine große Menge Junk-Code generiert. Der Grund ist ganz einfach: Wenn beim Entwerfen einer Tabelle auf einer Webseite die Breite und Höhe jeder Zelle automatisch anhand des Inhalts bestimmt wird, muss HTML nur die Reihenfolge mitteilen, in der die Tabelle und die Zellen angeordnet sind (d. h. die Anzahl der Zeilen und Spalten). Da das grafische Entwicklungstool jedoch Ihre speziellen Anforderungen nicht kennen kann, kann es nur die allgemeinen Anforderungen übernehmen und die Breite und Höhe jeder Zelle definieren, wodurch viel Code hinzugefügt wird. Daher sollte ein kluger Webseitenschreiber die HTML-Sprache auf der Grundlage der Beherrschung grafischer Bearbeitungswerkzeuge weiter erlernen, um zu wissen, was Junk-Code ist. Auf diese Weise können wir grafische HTML-Entwicklungswerkzeuge verwenden, um Webseiten schnell zu erstellen und unnötigen Code zu entfernen Code, um den Zweck zu erreichen, schnell qualitativ hochwertige Webseiten zu erstellen.

Daher ist die HTML-Sprache die Grundlage für die Webseitenerstellung und ein Muss für Anfänger. Obwohl es viele WYSIWYG-Tools zum Erstellen von Webseiten gibt, ist es letztendlich dennoch erforderlich, einige HTML-Syntax zu verstehen. Auf diese Weise können Sie das Layout der Seite genauer steuern und mehr Funktionen realisieren.

2. Wie verwende ich HTML?

HTML-Sprache, auch bekannt als Hyper Text Markup Language, ist die Abkürzung für English Hyper Text Markup Language. Als Auszeichnungssprache besteht die HTML-Sprache aus einigen spezifischen Symbolen und einer bestimmten Syntax und ist daher sehr leicht zu verstehen und zu beherrschen. Man kann sagen, dass die HTML-Sprache unter allen Computerprogrammiersprachen am einfachsten zu erlernen ist. Die Dokumente, aus denen HTML besteht, sind alle ASCII-Dateien, sodass das Erstellen von HTML-Dateien sehr einfach ist und nur einen gewöhnlichen Zeicheneditor erfordert. Beispielsweise können Notepad und WordPad in Windows verwendet werden. Sie können auch spezielle HTML-Bearbeitungstools verwenden: Tools wie CoffeeHTML, Homesite, HTMLedit Pro usw. Ihre Funktion besteht darin, dass sie automatisch Grammatikfehler in HTML-Dokumenten überprüfen und bei Korrekturen helfen können. Dank des grafischen HTML-Entwicklungstools ist es für uns einfacher, HTML zu erlernen. Wir können damit zunächst eine Webseite erstellen und dann den nutzlosen Code im mitgelieferten HTML-Code-Editor löschen und dessen WYSIWYG-Funktionen verwenden. damit wir HTML schnell beherrschen. Insbesondere Dreamweaver 4, das kürzlich von Micromedia veröffentlicht wurde, kann den Quellcode-Editor und den Webseiten-Editor im selben Fenster platzieren, was sehr praktisch ist.

3. Grundkonzepte von HTML

1. HTML-Sprache ist eine Einfach ausgedrückt besteht die Auszeichnungssprache des Hypertexts darin, eine Reihe von Auszeichnungssymbolen und grammatikalischen Regeln zu erstellen, um den anzuzeigenden Text, Bilder, Töne und andere Elemente gemäß bestimmten Standardanforderungen anzuordnen und bestimmte Einheiten wie Titel, Absätze usw. zu bilden. Listen usw.

2. Hypertext-Tags

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

2) Hypertext-Tags erscheinen im Allgemeinen paarweise, wobei ein Element mit einem Schrägstrich das Ende angibt. Zum Beispiel: und . Einige Tags haben jedoch nur ein Start-Tag, aber kein End-Tag, wie zum Beispiel:
, was die Einführung eines Zeilenumbruchs in der Webseite anzeigt. Einige Tags können weggelassen werden, wie zum Beispiel: das End-Tag eines Absatzes. , kann weggelassen werden.

3) Hypertext-Tags ignorieren die Groß-/Kleinschreibung, z. B.: und sind gleichwertig, bei den Namen des Entitätsinhalts wird jedoch die Groß-/Kleinschreibung beachtet, z. B. „&NAME“ und „&name“ Stellt unterschiedliche Entitäten dar .

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

3. Einheiten (Elemente) der HTML-Sprache  

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

Start-Tag: Das Start-Tag wird durch „<“ und „>“ definiert, und der Einheitenname und die Attribute werden durch das Start-Tag angegeben.

Einheitsinhalt: Der mittlere Teil ist für der Inhaltsteil der Einheit;

End-Tag: Das End-Tag wird durch „</“ und „>“ begrenzt, ein Schrägstrich mehr als das Start-Tag;

Zum Beispiel: die Tag-Form von die Titelleisteneinheit

<TITLE>Interview mit dem besten Schüler der College-Aufnahmeprüfung – Aufzeichnung der Wachstumserfahrungen eines Bauernkindes</TITLE>

Unter ihnen <TITLE> und < /TITEL> sind die Start- und Endnoten, „Hochschulaufnahmeprüfung“ „Interview mit dem Spitzengelehrten – Aufzeichnung der Wachstumserfahrung eines Bauernkindes“ ist der Grundinhalt der Einheit.

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

Der Schlüssel zum Erlernen des guten Umgangs mit der HTML-Sprache liegt in der flexiblen Anwendung von Markup-Parametern. Insbesondere die Anwendung von Standardwerten

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Lernen aller hilfreich sein wird.

Verwandte Empfehlungen:

Was ist HTML? Eine ausführliche Einführung in HTML

Was ist eine HTML-Datei? So öffnen Sie eine HTML-Datei

Was ist HTML-bezogene Einführung_Grundlegendes Tutorial

Das obige ist der detaillierte Inhalt vonWas ist HTML und wie wird es verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn