So sieht beispielsweise ein Teil des Seitencodes für einen unserer Blogbeiträge aus.

Je öfter Sie Tags verwenden, desto schneller bleiben sie im Gedächtnis. Sie finden immer ein Verzeichnis mit allen Tags, Attributen und deren Bedeutung.

Moderne Web-Informationstechnologien verändern unsere Welt rasant und beeinflussen direkt die Entwicklung von Web-Technologien. Diese technologische Revolution hat nicht nur große Auswirkungen auf das Geschäftsleben, sondern auch auf das Privat- und Berufsleben. Die neuesten Web-Technologien dringen in alle Bereiche der Gesellschaft ein, verändern die Kommunikationsmethoden und die Prinzipien der Durchführung von Web-Projekten moderner Unternehmen und bestimmen deren Schicksal. Die innere Komplexität und extreme Benutzerfreundlichkeit moderner Web-Informationstechnologien macht sie für jeden zugänglich, der im Rahmen seiner beruflichen Tätigkeit täglich mit ihrer Nutzung konfrontiert wird.

Sowohl im Alltag als auch im Geschäftsleben, in der Korrespondenz und im Handel nutzen Menschen und Organisationen das Web, erstellen ihre eigenen Websites, auf denen sie Informationen, Waren und Dienstleistungen anbieten. Tools zum Erstellen von Webressourcen entwickeln sich rasant und ununterbrochen; sie ermöglichen die Erstellung komplexer Webdokumente, ohne dass besondere Kenntnisse über deren Struktur erforderlich sind Aussehen So bleibt Zeit für produktive kreative Aktivitäten. Der Hauptvorteil von Web-Technologien unter modernen Bedingungen ist ihre Einfachheit und damit die Steigerung der Effizienz ihrer Nutzung.

Hypertext Markup Language HTML

Die Popularität des Internets ist größtenteils auf die Entstehung des World Wide Web (WWW) zurückzuführen, da es die erste Netzwerktechnologie war, die dem Benutzer eine einfache, moderne Schnittstelle für den Zugriff auf eine Vielzahl von Netzwerkressourcen bot. Einfachheit und Benutzerfreundlichkeit haben zu einem Anstieg der Zahl der WWW-Nutzer geführt und die Aufmerksamkeit kommerzieller Strukturen auf sich gezogen. Dann wurde der Prozess des Wachstums der Nutzerzahlen zu einer Lawine, die bis heute anhält. Basierend auf der Notwendigkeit, das gesamte Set zu kombinieren Informationsressourcen Es begann sich eine Technologie zu entwickeln, mit deren Hilfe ein Hypertext-Navigationssystem definiert wird. Diese Technologie wurde zur HTML-Sprache. Die HTML-Technologie war in der Anfangsphase äußerst einfach und fast alle Netzwerkbenutzer hatten gleichzeitig die Möglichkeit, sich als Ersteller und Leser von im World Wide Web veröffentlichten Informationsmaterialien zu versuchen. Tatsache ist, dass bei der Entwicklung verschiedener Komponenten der Technologie davon ausgegangen wurde, dass die Qualifikation der Autoren von Informationsressourcen und ihre Ausstattung mit Computertechnologie minimal sein würden.

HTML (HyperText Markup Language) ist eine der sogenannten Auszeichnungssprachen. Der Begriff „Markup“ bezieht sich auf das Allgemeine Service Information, die nicht mit dem Dokument ausgegeben wird, sondern definiert; wie bestimmte Fragmente des Dokuments aussehen sollen. Beispielsweise möchten Sie möglicherweise, dass ein Wort fett oder kursiv angezeigt wird, ein Absatz in einer bestimmten Schriftart angezeigt wird oder Überschriften in einer größeren Schriftart angezeigt werden.

Heutzutage stehen viele verschiedene Auszeichnungssprachen zur Verfügung. In Kommunikationsprogrammen beispielsweise bestimmt eine spezielle Form des Markups die Bedeutung jedes Pakets aus Einsen und Nullen, das an das Internet gesendet wird. Allerdings muss jede Auszeichnungssprache zwei wichtige Probleme lösen:

1) die Sprache definiert die Markup-Syntax;

2) Die Sprache bestimmt die Bedeutung des Markups.

Die gebräuchlichste Auszeichnungssprache für Webseiten ist HTML. Diese Auszeichnungssprache wurde als Teilmenge von SGML erstellt und gefördert. SGML (Standard Generalized Markup Language) wurde erstmals 1974 von Charles Goldfarb vorgeschlagen und anschließend nach erheblicher Verfeinerung als offizieller ISO-Standard übernommen. Es handelt sich um eine Metasprache – ein System zur Beschreibung anderer Sprachen.

Die Entstehung des SGML-Standards wurde durch die Notwendigkeit vorangetrieben, Daten auszutauschen verschiedene Anwendungen Und Betriebssysteme. Schon in den 60er Jahren hatten Computernutzer viele Kompatibilitätsprobleme. Nach der Analyse der Mängel vieler nicht standardmäßiger Auszeichnungssprachen formulierten drei IBM-Wissenschaftler – Charles Goldfarb, Ed Mosher und Ray Lorie – drei allgemeine Prinzipien, die dies ermöglichen Zusammenarbeit mit Dokumenten in verschiedenen Betriebssystemen.

1) Verwendung einheitlicher Formatierungsprinzipien in allen Programmen, die Dokumente verarbeiten. Eine völlig logische Voraussetzung – wir alle wissen, wie schwierig es für Menschen ist, die Englisch sprechen, sich untereinander zu einigen. verschiedene Sprachen. Das Vorhandensein eines einzigen Satzes syntaktischer Strukturen und gemeinsamer Semantik vereinfacht die Interaktion zwischen Programmen erheblich.

2) Spezialisierung auf Formatierungssprachen. Dank der Möglichkeit, eine spezielle Sprache auf der Grundlage einer Reihe von Standardregeln zu erstellen, ist der Programmierer nicht mehr auf externe Implementierungen und deren Vorstellungen über die Bedürfnisse des Endbenutzers angewiesen

3) Klare Definition des Dokumentformats. Die Regeln, die das Dokumentformat definieren, legen die Anzahl und Kennzeichnung der im Dokument verwendeten Sprachkonstrukte fest. Durch die Verwendung eines Standardformats wird sichergestellt, dass der Benutzer die Struktur des Dokumentinhalts genau kennt. Bitte beachten Sie: Hier geht es nicht um das Anzeigeformat des Dokuments, sondern um dessen Strukturformat. Der Regelsatz, der dieses Format beschreibt, wird als Dokumenttypdefinition (DTD) bezeichnet.

Diese drei Regeln bildeten die Grundlage für den Vorgänger von SGML, GML (Generalized Markup Language). Die Forschung und Entwicklung von GML dauerte etwa zehn Jahre, bis der SGML-Standard als Ergebnis einer Vereinbarung einer internationalen Entwicklergruppe entstand.

HTML (Hypertext Markup Language) ist die Computersprache, die dem World Wide Web zugrunde liegt. HTML basiert auf dem SGML-Standard, einer Hypertext-Auszeichnungssprache für die Präsentation von Dokumenten im Web. Die HTML-Sprachstandards, einer der wichtigsten Webstandards, werden vom W3C-Konsortium entwickelt und gepflegt. Der Gründer dieses internationalen Konsortiums ist Tim Berners-Lee. Neben der Erstellung von Formatierungsstandards ist das Konsortium das Zentrum für die Entwicklung des Semantic Web (semantisches Netzwerk). Die HTML-Sprache stellt Formatmarkierungen für Dokumente bereit und definiert Hyperlinks zwischen Dokumenten und/oder ihren Fragmenten.

Als Grundlage für das Schreiben wurde der übliche HTML-Code gewählt. Textdatei. Somit ist eine Hypertext-Datenbank im WWW-Konzept eine Reihe von in HTML markierten Textdateien, die die Form der Informationsdarstellung (Markup) und die Struktur der Verbindungen zwischen diesen Dateien und anderen Informationsressourcen (Hypertext-Links) bestimmen.

HTML-Entwickler konnten zwei Probleme lösen:

· Bereitstellung einer einfachen Möglichkeit für Hypertext-Datenbank-Designer zum Erstellen von Dokumenten;

· Machen Sie dieses Tool leistungsstark genug, um die damals bestehenden Vorstellungen über die Benutzeroberfläche von Hypertext-Datenbanken widerzuspiegeln.

Das erste Problem wurde durch die Auswahl eines Tagging-Modells für die Dokumentbeschreibung gelöst. Die HTML-Sprache ermöglicht Ihnen das Markieren elektronisches Dokument, das mit einer Druckebene des Designs auf dem Bildschirm angezeigt wird; Das resultierende Dokument kann eine Vielzahl von Beschriftungen, Abbildungen, Audio- und Videofragmenten usw. enthalten. Die Sprache umfasst entwickelte Tools zum Erstellen verschiedener Überschriftenebenen, Schriftartenauswahl, verschiedener Listen, Tabellen und vielem mehr.

Der zweite wichtige Punkt, der das Schicksal von HTML beeinflusste, war die Wahl einer regulären Textdatei als Basis. Die HTML-Bearbeitungsumgebung ist ein Niemandsland zwischen einer einfachen Textdatei und einer WYSIWYG-Anwendung (What You See Is What You Get). Wenn Sie sich für eine Bearbeitungsumgebung entscheiden, profitieren Sie von allen Vorteilen der Textbearbeitung.

Hypertext-Links, die Verbindungen zwischen herstellen Textdokumente begann nach und nach, verschiedene Informationsressourcen, darunter Ton und Video, zu kombinieren. Das HTML-Hyperlinksystem ermöglicht den Aufbau eines Systems miteinander verbundener Dokumente nach verschiedenen Kriterien. Die HTML-Sprache enthält Befehle (Tags), mit denen Sie die Form und Größe von Schriftarten sowie die Größe und Position von Abbildungen steuern und von einem Textfragment oder einer Abbildung zu anderen HTML-Dokumenten wechseln können – dem sogenannten Hypertext-Link . Ein Dokument im HTML-Format ist eine Textdatei, die alle notwendigen Informationen zu den auf dem Bildschirm angezeigten Informationen enthält. Sie können Skriptsprachen wie JavaScript, Java und VBScript verwenden, um Website-Browsing-Skripts (eine im World Wide Web gehostete Hypertext-Datenbank) zu verwalten. Formulare für Benutzereingaben, die später verarbeitet werden, und andere Informationen können mit speziellen Serverprogrammen (z. B. in PHP oder Perl) verarbeitet werden. Mit HTML können Sie Hypertext-Links und anklickbare Schaltflächen in Ihre Seiten einfügen, die Ihre Webseiten mit anderen Seiten derselben Website sowie mit anderen Websites auf der ganzen Welt verbinden.

HTML ist eine Textauszeichnungssprache, keine Programmiersprache, sondern nur eines der Werkzeuge (genauer gesagt eine Seitenbeschreibungssprache), die zum Erstellen von Webseiten verwendet werden. HTML verfügt im Vergleich zu den Möglichkeiten von Veröffentlichungsprogrammen über begrenzte Möglichkeiten zur Textformatierung, insbesondere bei der Veröffentlichung von Texten, die reich an komplexen Elementen sind.

Es gibt noch keine, die so bequem ist HTML-Editoren damit wir darauf verzichten können Texteditor und manuelle Platzierung von Tags. Dies erschwert den Umgang mit der Sprache und macht die Beherrschung von für sie völlig ungewohnten Funktionen erforderlich.

Wenn wir die Funktionen der HTML-Sprache analysieren und ihren Entwicklungsstand beurteilen, können wir zu dem Schluss kommen, dass wir in den kommenden Jahren mit dem Erscheinen fortgeschrittenerer Modifikationen davon, neuer Sprachen und Anwendungspaketen für die Arbeit mit Webseiten rechnen müssen .

Dynamische und statische HTML-Dokumente

Es gibt zwei Arten von HTML-Dokumenten – statische und dynamische. Statische Dokumente werden in Dateien gespeichert Dateisystem, das beim Betrachten vom Webserver oder Browser verwendet wird lokale Dateien. Beim Veröffentlichen von Informationen auf einem Webserver können Sie dynamische Dokumente verwenden – solche, die nicht dauerhaft in Form von Dateien vorliegen, sondern zum Zeitpunkt einer Clientanfrage generiert werden. Darüber hinaus spielt es für den Endanwender keine Rolle, ob die Dokumente dynamisch oder statisch dargestellt werden.

Um ein dynamisches HTML-Dokument zu erzeugen, ist ein speziell geschriebenes Programm gemäß den vom Webserver definierten Regeln erforderlich. Bei der Planung der Platzierung von Informationen auf einem Webserver müssen zur korrekten Bestimmung der Verwendung von Dokumenten jeglicher Art der Grad der Datenaktualisierung, ihr Umfang und die Häufigkeit des Zugriffs berücksichtigt werden.

Die dynamische Methode bestimmt die Speicherung von Daten in formalisierter Form, beispielsweise in einer Datenbank.

Wenn die Daten in formalisierter Form gespeichert werden, werden statische Dokumente mithilfe von Dokumentvorlagen generiert, in denen Änderungen vorgenommen wurden. Zur Generierung statischer Dokumente können Sie alle im Datenbankmanagementsystem (DBMS) verfügbaren Reporting-Tools verwenden, mit denen die Daten verarbeitet und formalisiert werden.

HTML-Perspektiven

Es wird keine neuen Versionen der HTML-Sprache geben, sondern eine Weiterentwicklung von HTML namens XHTML (englisch: Extensible Hypertext Markup Language). Obwohl XHTML in seinen Fähigkeiten mit HTML vergleichbar ist, gelten für es strengere Syntaxanforderungen. XHTML ist wie HTML eine Teilmenge der SGML-Sprache, aber XHTML entspricht im Gegensatz zu seinem Vorgänger der XML-Spezifikation. XHTML 1.0 wurde am 26. Januar 2000 vom World Wide Web Consortium (W3C) als Empfehlung genehmigt. Es ist jedoch notwendig, ein gravierendes Detail zu berücksichtigen: Es wurde in diesem Format erstellt große Menge Informationsressourcen, die von Webbrowsern lange Zeit „verstanden“ und in ihrer ursprünglichen Form verwendet werden. Darüber hinaus werden alle neuen Formate mit Unterstützung für HTML-Technologien entwickelt (und werden bereits entwickelt - zum Beispiel XML).

Die Art und Weise, wie wir arbeiten, verändert sich und damit auch die Art und Weise, wie wir auf Inhalte zugreifen. Die HTML-Sprache wurde ursprünglich als plattformunabhängige Sprache erstellt. Neue Technologien kommen fast überall zum Einsatz, und schon bald wird der World Wide Web-Bereich nicht mehr nur Desktop-Benutzern gehören. persönliche Computer Einige Benutzer verwenden bereits jetzt aktiv Sprachbrowser für Blinde oder Browser, die das Broglie-Alphabet verwenden; häufig wird der Inhalt nicht auf einem Computermonitor, sondern auf einem Fernseher angezeigt, wenn Set-Top-Boxen mit Zugang zum Netzwerk oder Fernschreiber verwendet werden. oder auf monochromen Displays verschiedener Pager und Organizer anderer.

HTML ist eine Sprache zur Beschreibung der Struktur von Webseiten. Damit erstellte Seiten können nur mit angezeigt werden spezielle Programme(Browser), die auf den Computern der Benutzer installiert sind.

• Die Abkürzung HTML steht für H yper T ext M Arkup L Sprache (Hypertext-Auszeichnungssprache).
• Denken Sie daran, es ist keine Programmiersprache, sondern eine Auszeichnungssprache.
• HTML verwendet Stichworte Markup zur Beschreibung der Struktur einer Webseite.

Stichworte

HTML-Tags sind Stichworte oder in spitze Klammern eingeschlossene Zeichen, zum Beispiel ,

,

usw. Es gibt zwei Arten von Tags: Doppel Und einzel(sie werden auch leer genannt). Gepaarte Tags bestehen aus einem öffnenden und einem schließenden Tag, zum Beispiel: . Das „/“ nach der spitzen Klammer gibt an, dass es sich bei dem Tag um ein schließendes Tag handelt. Einzelne Tags bestehen nur aus einem öffnenden Tag, zum Beispiel:
. Bei Tags wird die Groß-/Kleinschreibung nicht beachtet, daher können sie entweder in Groß- oder Kleinbuchstaben geschrieben werden:

Bedeutet dasselbe wie

Tags definieren, wo ein HTML-Element beginnt und endet.

Mithilfe von Tags erkennt der Browser die Struktur und Bedeutung Ihres Textes. Sie teilen dem Browser beispielsweise mit, welcher Teil des Textes eine Überschrift ist, wo ein neuer Absatz beginnt, was hervorgehoben werden muss und wo ein Bild (Bild) platziert werden soll ). Sobald der Browser diese Informationen erhält, verwendet er seine Standardregeln für die Anzeige jedes dieser Elemente.

Hinweis: In unserer HTML-Referenz können Sie die Standardstile für jedes Tag sehen, an dem Sie interessiert sind.

Ohne mit HTML Tags zeigt der Browser einfach einen kontinuierlichen Textstrom an, ohne Einzüge, Überschriften, Absätze usw. Um es klarer zu machen, schauen wir uns dies anhand von Beispielen genauer an.

So sieht eine Seite mit Markup-Tags aus:

Getränke in unserem Café

Multifrucht - 100 Rubel.

Ein Fruchtgetränk mit Orangen- und Ananassäften.

Milchshake - 150 Rubel.

Cremiges Eis mit Fruchtmark vermischt.

Das Gleiche, aber ohne die Verwendung von Tags:

Getränke in unserem Multifruit-Café - 100 Rubel. Ein Fruchtgetränk mit Orangen- und Ananassäften. Milchshake - 150 Rubel. Cremiges Eis mit Fruchtmark vermischt.

HyperTextMarkupLanguage (HTML) ist eine Hypertext-Auszeichnungssprache, die zum Schreiben von im WorldWideWeb veröffentlichten Hypertext-Dokumenten entwickelt wurde.

Ein Hypertextdokument ist eine Textdatei, die über spezielle Markierungen, sogenannte Tags, verfügt, die anschließend vom Browser erkannt und von diesem verwendet werden, um den Inhalt der Datei auf dem Computerbildschirm anzuzeigen.

Mit diesen Markierungen können Sie Dokumentüberschriften hervorheben, Farbe, Größe und Stil von Buchstaben ändern und einfügen grafische Bilder und Tische. Der Hauptvorteil von Hypertext gegenüber normalem Text besteht jedoch in der Möglichkeit, Hyperlinks zum Inhalt eines Dokuments hinzuzufügen – spezielle HTML-Sprachkonstrukte, die es Ihnen ermöglichen, mit der Maus zu klicken, um ein anderes Dokument anzuzeigen.

HTML-Dokumentstruktur

Das Wichtigste von HTML-Tags ist das gleichnamige Tag . Es öffnet immer das Dokument, genau wie ein Tag muss auf jeden Fall in der letzten Zeile erscheinen. Diese Tags weisen darauf hin, dass die Zeilen dazwischen ein einzelnes Hypertextdokument darstellen. Ohne diese Tags ist ein Browser oder ein anderer Viewer nicht in der Lage, das Dokumentformat zu erkennen und richtig zu interpretieren.

Ein HTML-Dokument besteht aus zwei Teilen: einem Kopf und einem Körper, die in der folgenden Reihenfolge angeordnet sind:

Dokumenttitel

Dokumentkörper

Am häufigsten ist ein gepaartes Tag im Dokumenttitel enthalten und definiert den Titel des Dokuments. Viele Betrachter verwenden es als Titel des Fensters, in dem das Dokument angezeigt wird. Programme, die Dokumente im Internet indizieren, verwenden den Titel, um die Seite zu identifizieren. Guter Name muss lang genug sein, um die entsprechende Seite korrekt anzuzeigen, und gleichzeitig muss es in den Fenstertitel passen. Der Titel des Dokuments passt zwischen den öffnenden und schließenden Tags.

Der Hauptteil des Dokuments ist ein obligatorisches Element, da er das gesamte Dokumentmaterial enthält. Der Hauptteil des Dokuments wird zwischen den Tags platziert Und

. Alles, was zwischen diesen Tags platziert wird, wird vom Browser gemäß den Regeln der HTML-Sprache interpretiert, sodass die Seite korrekt auf dem Bildschirm angezeigt werden kann.

Text in HTML wird mithilfe eines Tags in Absätze unterteilt<р>. Es wird am Anfang jedes Absatzes platziert und der Betrachter trennt die Absätze durch eine Leerzeile voneinander, wenn er darauf stößt. Verwenden eines schließenden Tagsnicht unbedingt.

Wenn Sie den Text „umbrechen“ möchten, indem Sie den Rest in eine neue Zeile verschieben, ohne einen neuen Absatz auszuwählen, verwenden Sie das Zeilenumbruch-Tag
. Es zwingt den Betrachter, die darauf folgenden Zeichen in einer neuen Zeile anzuzeigen. Im Gegensatz zum Absatz-Tag ist das
fügt keine Leerzeile hinzu. Dieses Tag verfügt über kein gepaartes Schluss-Tag.

Die HTML-Sprache unterstützt die logische und physische Formatierung von Dokumentinhalten. Die logische Formatierung gibt den Zweck eines bestimmten Textstücks an, während die physische Formatierung sein Erscheinungsbild bestimmt.

Wenn Sie logische Textformatierung verwenden, hebt der Browser je nach Struktur des Dokuments verschiedene Textteile hervor. Um den Titel anzuzeigen, wird einer der Title-Tags verwendet. Überschriften in einem typischen Dokument sind in Ebenen unterteilt. Mit HTML können Sie sechs Überschriftenebenen festlegen: h1 (Überschrift der ersten Ebene), h2, h3, h4, h5 und h6. Die Überschrift der ersten Ebene ist normalerweise größer und ausführlicher als die Überschrift der zweiten Ebene. Beispiel für die Verwendung von Header-Tags:

l. Kapiteltitel

ll. Abschnittsüberschrift

Physische Formatierungs-Tags bestimmen direkt die Darstellung von Text auf dem Browser-Bildschirm, zum Beispiel macht ein paar Tags den Text fett, legt Textunterstreichungen fest, Steuert die Schriftart des Textes.

Etikett Fügt ein Bild in ein Dokument ein, als wäre es nur ein großes Zeichen. Beispiel für die Verwendung eines Tags:

Zur Erstellung eines Hypertext-Links wird ein Tag-Paar verwendet<а>... . Ein Textabschnitt, ein Bild oder ein anderes Objekt, das sich zwischen diesen Tags befindet, wird im Browserfenster als Hypertext-Link angezeigt. Durch die Aktivierung eines solchen Objekts wird ein neues Dokument in das Browserfenster geladen oder ein anderer Teil der aktuellen Webseite angezeigt. Ein Hypertext-Link wird mit dem Ausdruck gebildet:

Href ist hier ein erforderliches Attribut, dessen Wert die URL der angeforderten Ressource ist. Anführungszeichen bei der Angabe des Werts des href-Attributs sind optional. Wenn ein Link zu einem Dokument auf einem anderen Server angegeben ist, ist die Art des Hyperlinks wie folgt:

<а href = "http://www.school.donetsk.ua/11.jpg">Foto 11-A

Mithilfe verschiedener Tags können Sie Tabellen zeichnen, Texte formatieren, Bilder, Video- und Audiodateien usw. in ein Dokument einfügen.