Aber der Videokurs ist ein Videokurs, und ich muss Sie interessieren, damit Sie ihn herunterladen und ansehen. Aus allgemeinen Formulierungen geht nicht klar hervor, welche Tags in der HTML-Sprache vorhanden sind und warum Sie sie studieren müssen. Oh, das ist großartig und einfache Sache, was es Ihnen ermöglicht, der Herr Ihrer eigenen Website zu werden. Warum brauchen Sie eine Website?

Nun ja, wahrscheinlich erstens, um sich selbst auszudrücken und sich anzustrengen, und zweitens – . Seien Sie einfach ruhig, sonst hört es jeder und rennt los, um zu studieren, was Tags sind, Websites zu erstellen und alles zu verdienen, was nur Sie verdienen können, und ich bin in der Firma. Daher werde ich weiterhin ausschließlich im Flüsterton sprechen.

Das Internet kann mit dem Fernsehen verglichen werden, wo man sein eigenes kleines Programm erstellt (eine Website mithilfe von Tags erstellt) und Einnahmen aus Werbung erzielt. Je beliebter Ihre Show (Internetprojekt) ist, desto mehr verdienen Sie. Es gibt keine Obergrenze, aber auch keine Untergrenze. Aber Sie müssen kein Geld investieren, sondern nur Ihre Arbeit und Zeit, die Sie damit verbringen, Tags zu studieren, wie die Engine funktioniert und tatsächlich die Website mit Inhalten zu füllen.

Tags sind also die einfachsten Markup-Elemente einer Webseite, damit der Browser beim Laden vom Server genau versteht, wie ein bestimmtes Element (Text, Bild, Video) angezeigt wird. Früher war für diese ganze Angelegenheit allein die HTML-Sprache verantwortlich, aber dann kamen sie ihm zu Hilfe und es wurde viel einfacher für ihn. Popov bietet auch einen kostenlosen Videokurs dazu an, den Sie nutzen können hier herunterladen .

Leute, wenn ihr HTML-Tags beherrscht, werdet ihr verstehen, dass es so einfach war wie das Schälen von Birnen. Das Wichtigste ist, anzufangen und sich irgendwie anzuregen. Ich erzähle Ihnen nicht nur von der finanziellen Seite. Die Website kann Ihre Haupteinnahmequelle werden und die ganze Familie kann sich davon ernähren. Man braucht Glück, Ausdauer und keine Angst, Neues auszuprobieren.

Tags sind unterschiedlich, aber es gibt nicht viele davon (von denen, die nach der Einführung von CSS relevant blieben). Schauen Sie, wie einfach es ist. Nehmen wir an, Sie möchten einen Absatz erstellen – Sie umgeben einfach den Text des zukünftigen Absatzes mit den öffnenden und schließenden Tags P (dies ist ein lateinischer Buchstabe und im Code ist es besser, ihn klein zu schreiben, aber hier habe ich ihn groß geschrieben). Klarheit). So wird es aussehen:

Texttext...... Texttext

Verstehen Sie den Unterschied zwischen dem öffnenden HTML-Tag (am Anfang) und dem schließenden Tag (am Ende)? Nun, natürlich habe ich nach der dreieckigen Klammer einfach einen Schrägstrich eingefügt.

Oh, das habe ich vergessen zu sagen Nach welchen Kriterien trennt der Browser Tags?(Markup) vom Hauptinhalt. Hast du es selbst erraten?

Das ist richtig, das ist Dreiecksklammern, in dem wir sie einschließen. Der Browser sah beim Parsen des Codes einer Webseite eine solche Klammer und erkannte, dass es sich um ein Tag handelte, und verarbeitet alles, was darin enthalten ist, nach einem bestimmten Algorithmus (macht Absätze in der Höhe voneinander getrennt, erhöht die Schriftart von Überschriften usw.) .

Wenn Sie in Ihrem Text eine öffnende dreieckige Klammer verwenden müssen, achten Sie darauf, dass Sie dies tun, damit der Browser Sie richtig versteht. Daran muss man sich erinnern.

Im Code können sie beispielsweise so aussehen:

Tatsächlich enthalten sie eine Beschreibung und Stichworte die Webseite, für die sie registriert sind. Lesen Sie mehr darüber im Artikel oben.

Meta-Tags werden an einer genau definierten Stelle in den Webseitencode geschrieben. Wissen Sie welches? Genau, im sogenannten „Kopf“ des Dokuments, der aus einem Anfangs- und einem Schlussteil besteht HEAD-Tags.

Alles, was darin steht (einschließlich META-Tags), wird nicht auf der Webseite angezeigt. Hierbei handelt es sich ausschließlich um vertrauliche Informationen. Die obige Beschreibung und die Schlüsselwörter verraten es Suchmaschinenüber den Inhalt dieser Webseite und das unten angegebene Meta-Tag.

Was sind Musik-Tags in Audiodateien?

Wenn Sie im Auto oder auf Ihrem Player (Telefon) Musik abgespielt haben, ist Ihnen wahrscheinlich mehr als einmal aufgefallen, dass anstelle des Titels des Titels und des Namens des Autors/Interpreten ein gruseliges Kauderwelsch angezeigt wurde. Man könnte annehmen, dass die Namen der heruntergeladenen Musikdateien in der falschen russischen Sprachkodierung geschrieben sind.

Wenn Sie Dateien mit umbenennen, wird auf Ihrem Player immer noch ein unangenehmes Bild angezeigt. Was zu tun? Und wer trägt die Schuld an dieser Situation? Seltsamerweise, aber die Gründe sind falsch vorgeschriebene Tags in dieser Musikdatei.

Sie werden direkt in die Audiodatei eingenäht (am Anfang oder am Ende) und können Informationen über die Komposition, den Autor, das Album, die Titeldauer und etwas anderes enthalten, das nicht so wichtig ist. In den neuesten Versionen von Musiketiketten können sogar Bilder von CD-Covern eingenäht werden (im Allgemeinen eine Plage).

Das Problem liegt jedoch in der Regel nicht in der Verfügbarkeit, sondern in der Beschaffung Möglichkeit, sie zu bearbeiten. Irgendwann kommt im Leben eines jeden Musikliebhabers mit Selbstachtung der Zeitpunkt, an dem er „bereit ist zu zerreißen und zu werfen“, nur um die Dinge in seiner Sammlung zu ordnen und allen Titeln die richtigen Tags hinzuzufügen, die auf jedem Gerät lesbar sind. Wie kann man das machen?

Verwendung spezieller Software. Die Tags selbst tauchten erstmals Ende des letzten Jahrhunderts in Audiodateien auf. Für MP3-Dateien hieß der Standard für das Hinzufügen ID3, und für Musikdateien, die ohne Qualitätsverlust komprimiert wurden (wie FLAC und dergleichen), wurde der Standard für das Hinzufügen von Tags (Metadaten) Vorbis-Kommentar genannt.

Für Musik, die im Windows WMA-Format aufgenommen wurde, gibt es WM-Metadaten und für Apple MP4 gibt es iTunes-Metadaten (darüber habe ich übrigens kürzlich geschrieben).

Sie können Tags also mit speziellen Programmen bearbeiten. Der beliebteste von ihnen ist wahrscheinlich MP3tag(offizielle Website, aber seien Sie beim Herunterladen vorsichtig – klicken Sie nicht versehentlich auf eine Anzeige, die den Download von etwas völlig anderem anbietet). Ich denke, dass Sie alle anderen Programme selbst finden werden, zumal dieses völlig ausreichen wird, um diese Aufgabe zu lösen.

So unterschiedlich waren die Tags, die in all diesen Fällen ihre Hauptaufgabe erfüllten – das Markup (von Artikeln auf einer Website, Inhalten auf einer Webseite oder Metadaten in Musikdateien). Ich hoffe, dass Sie jetzt weniger Fragen zu diesem Thema haben.

Viel Erfolg! Bis bald auf den Seiten der Blog-Site

Du könntest interessiert sein

Tags für Instagram – warum sie benötigt werden und wo man die beliebtesten sieht
Hashtags – was sind sie und wie werden Hashtags auf Twitter, Instagram und anderen Orten verwendet? So fügen Sie automatisch ein Alt-Attribut zu den IMG-Tags Ihres WordPress-Blogs hinzu (wo sie nicht vorhanden sind)
Radikal – kostenloses Foto-Hosting mit schnellem und einfachem Foto-Upload über Radikal.ru
Link – was ist das und wie erstellt man ihn? Was ist Cache – wie löscht man den Cache in Opera, Mozilla, Chrome und anderen Browsern?
Die große Frage – wie man mit einem Frage-und-Antwort-Service Geld verdient
Wie erstelle ich einen eigenen Kanal beim YouTube-Videohosting?

Ein Mann kann nicht nur von Worten leben,
egal wie viel er sie geschluckt hat.
Adlai Stevenson.

Im Allgemeinen ist HTML keine Programmiersprache. Dies ist die HyperText Markup Language. Das heißt, nennen Sie es „ HTML-Sprache" das ist nicht richtig.

Um es einfach auszudrücken: HTML ist Liste der Tags(Kontrollwörter), mit denen Sie Klartext in formatierter Form darstellen können. Wählen Sie es beispielsweise aus deutlich, oder Kursivschrift usw. Der Text kann jedoch nur in speziellen Programmen (Programmen, mit denen Sie im Internet surfen) auf diese Weise dargestellt werden.

Über sie wird nur formatierter Text angezeigt und ausgeblendet HTML-Tags, die zur Formatierung verwendet wurden. Um Ihnen klarer zu machen, wovon ich spreche, klicken Sie mit der rechten Maustaste auf diese Seite und wählen Sie „ Quelle" oder etwas ähnliches. Diese Seite wird in ihrer jetzigen Form vor Ihnen geöffnet.

Sie können HTML-Code sowohl im regulären als auch im Verwendungsmodus erstellen spezielle Programme, sogenannt . Visuelle Editoren unterscheiden sich von Texteditoren dadurch, dass sie für die Eingabe von HTML-, CSS-, JavaScript-, PHP- usw. Code, also für die Webprogrammierung, konzipiert sind. Darüber hinaus ermöglichen sie Ihnen, die Früchte Ihrer Arbeit sofort im integrierten Browser zu sehen und einige Fehler im eingegebenen Code hervorzuheben.

Ich empfehle dringend, den gesamten Code von Hand einzugeben (um die Direktheit dieser Hände zu verbessern), aber visuelle Editoren erleichtern diesen Vorgang erheblich. Persönlich verwende ich . Das ist bei weitem nicht das Meiste letzte Version, aber seine Fähigkeiten sind für mich mehr als ausreichend.

Ich mache Folgendes: Ich gebe den Code in Dreamweaver ein, speichere ihn und klicke auf die Schaltfläche „Im Browser anzeigen“ (Sie bearbeiten die Liste der Browser in diesem Menü selbst), kehre dann zu Dreamweaver zurück und fahre mit der Bearbeitung fort. Hier . Damit sind die Tools erledigt. Kommen wir nun zu den HTML-Tags.

Beginnen wir mit der Struktur einer HTML-Seite bzw. ihren Haupt-Tags.

Erforderliche HTML-Seiten-Tags

Zu den erforderlichen (grundlegenden) HTML-Tags, die in jedem HTML-Dokument verwendet werden, gehören die folgenden:

Notiz. Damit der Browser den HTML-Code als Text ausgibt (und nicht in Code interpretiert), steht nach jeder öffnenden spitzen Klammer „ „Ich lasse einen Raum. Wenn Sie den Code eingeben, werden Leerzeichen angezeigt GEH NICHT.

Wie du siehst, Alle Tags sind gepaart(Es gibt ein öffnendes und ein schließendes Tag), fast alle Tags in HTML sind so. Der Unterschied zwischen dem öffnenden Tag und dem schließenden Tag besteht darin, dass dem schließenden Tag ein Schrägstrich vorangestellt ist. / " Solche Tags werden auch genannt Container, da dazwischen noch andere Tags eingefügt werden können, d.h. in einen Behälter geben. Sie können selbst sehen, dass sich zwischen den Tags weitere Tags befinden.

Sie können Tag-Namen in Großbuchstaben oder in Großbuchstaben eingeben, es gibt keinen Unterschied. Das heißt, Datensätze des Typs und für den Browser weisen keine Unterschiede auf und werden auf die gleiche Weise interpretiert. Lassen Sie uns nun genauer darüber sprechen, was diese Tags bedeuten.

Die Haupt-Tags zeigen also Browsern und anderen Programmen zum Anzeigen von Hypertextseiten an, dass es sich um ein Hypertextdokument handelt. Jedes HTML-Dokument muss mit beginnen und enden. Das heißt, zwischen diesen Tags gibt es GESAMTE HTML-Seitencode.

Zwischen den Tags befinden sich Meta-Tags (Seitentitel, Beschreibung, Schlüsselwörter usw.). Sie speichern Informationen über die HTML-Seite und technische Information. Im Allgemeinen ist dieses Tag optional, d. h. ohne es wird das HTML-Dokument von Browsern normal angezeigt. Aber selbst wenn Sie nicht vorhaben, den Titelbereich zu verwenden, schreiben Sie ihn zumindest einfach. Dies ist für die Kompatibilität zwischen erforderlich verschiedene Versionen Programme.

Alle Informationen, die sich zwischen den „HEAD“-Tags befinden, werden vom Browser in keiner Weise angezeigt (mit Ausnahme der Informationen zwischen den Tags, in denen sich der Name des HTML-Dokuments befindet, angezeigt in). obere Platte Browser). Sie können jedoch einen großen Einfluss auf das Erscheinungsbild einer HTML-Seite, ihre Lebensdauer im Internet und ihr Ranking haben. Wir werden später mehr über die Tags sprechen, die sich in der Kopfzeile eines Hypertextdokuments befinden.

Der Hauptinhalt eines HTML-Dokuments befindet sich zwischen den Tags und. Hier ist alles, was wir sehen, wenn wir eine HTML-Seite öffnen: Text, Grafiken, Menüs, Schaltflächen usw. Dies ist der Hauptteil der Seite.

Alle anderen Tags, die beim Erstellen eines HTML-Dokuments verwendet werden, befinden sich zwischen (d. h. innerhalb) dieser erforderlichen Tags. Fast alle Tags in HTML verfügen über verschiedene Attribute, Eigenschaften und Parameter, die es Ihnen ermöglichen, Informationen genau so anzuzeigen, wie es der Entwickler beabsichtigt hat. Wenn Sie zum Beispiel schreiben:

Dann wird der Hintergrund der gesamten Seite rot sein.

Hier Etikett- das ist tatsächlich ein Tag; bgcolor- sein Attribut; „#FF0000“- Attributwert (ein Tag kann mehrere Attribute haben).

Notiz. Alle Tag-Attribute und ihre Werte sind in angegeben Öffnung Tag (das, das ohne Schrägstrich), jedoch auf keinen Fall im Schlusswort.

Und so haben wir die Haupt-Tags eines HTML-Dokuments herausgefunden. Jetzt ist es an der Zeit, den Rest genauer zu studieren. Hier möchte ich einen kleinen Exkurs machen.

Wie ich vorschlage, HTML zu lernen

Als ich das gewonnene Wissen in die Praxis umsetzte, wurde mir klar, was für einen Fehler die meisten Autoren dieser Bücher und Tutorials gemacht haben. Alle diese Lehrbücher sind erstens gedacht für Anfänger Zweitens ist es angebracht, die Grundlagen von HTML zu erlernen.

T . Das heißt, zuerst werden die Titel-Tags des HTML-Dokuments () berücksichtigt und dann die „Body“-Tags ().

Aufgrund meiner eigenen Erfahrung wage ich zu sagen, dass dieses Vorgehen zum Erlernen der Grundlagen von HTML für einen Anfänger grundsätzlich inakzeptabel ist. Ein Anfänger versucht, all diese zahlreichen und wenig verstandenen Titel-Tags zu studieren, ohne die Ergebnisse seines Lernens zu sehen (ich möchte Sie daran erinnern, dass Titel-Tags vom Browser nicht angezeigt werden). Und zweitens, ohne auch nur zu ahnen, dass die meisten dieser Tags nicht benötigt werden, um die von ihm geplante Site zu erstellen (zumindest zu Beginn der Arbeit).

Somit verschwendet er nur Zeit und Lust, weiterhin HTML zu lernen. Gleichzeitig wird die Meinung aufrechterhalten, dass es nur „Gurus“ für gutes Geld schaffen können. Ich würde diese Aktivität auch aufgeben, wenn es mir egal wäre, was ich noch nicht verstehe, und nicht weitermachen würde.

Daher schlage ich vor, dass Sie zunächst die Tags berücksichtigen, die sich auf den „Körper“ des HTML-Dokuments () beziehen, und erst dann mit dem Rest fortfahren. Darüber hinaus enthält der „Körper“ der HTML-Seite die Informationen, nach denen Website-Besucher suchen. Und es zu erstellen oder zu finden ist viel schwieriger als das Schreiben von Code.

Nun, ohne eine Minute zu zögern, klicken Sie auf die Schaltfläche „Weiter“ und erfahren Sie weiter, wie diese unrasierten und schlaflosen Typen Websites erstellen.