Bereits HTML-Code für die Hauptseite. Erstellen von HTML-Seiten in Notizblock: Klarstellungen für Dummies
Jetzt ein paar Worte zu den Tags, die wir mit dieser Seite erstellt haben.
Beschreibung von HTML-Tags aus Beispiel
1. - Diese Tags müssen auf jeder Webseite vorhanden sein. Sie informieren Browser und Suchmaschinen, dass dies eine HTML-Seite ist.
Jede HTML-Seite hat die folgende Struktur:
... Tags-Tags ... ... Page Body ...
2.
- Es gibt alle sichtbaren Seiteninhalte zwischen diesen Tags.4.
Machen wir nun zu den Tags, die sich in den HTML-Seiten befinden (innen
5.
6.
- Dies ist eines der Tag-Tag-Tag-Tag-Tag.. , normalerweise wird der Name der Seite abgeschlossen. Diese Seite ist beispielsweise das Header-Tag "Beispiel für das Erstellen einer HTML-Seite". Hinweis
diese Tags haben viel Gewicht im Ranking der Site, sodass sie ordentlich und mit dem Geist verwenden müssen.
Wenn Sie einen HTML-Code erstellen, müssen Sie eine einfache Regel einhalten: Sie müssen zuerst den Header-Tag gehen
und kann dann schon gehen
, usw. Die Hauptsache ist, dass es nicht zuerst war , später , später usw. Es muss eine strikte Hierarchie geben. Headlovkov.
, usw. Vielleicht viel.
usw. Die Hauptsache ist, dass es nicht zuerst war , später , später usw. Es muss eine strikte Hierarchie geben. Headlovkov.
, usw. Vielleicht viel.
, später usw. Es muss eine strikte Hierarchie geben. Headlovkov.
, usw. Vielleicht viel.
, usw. Vielleicht viel.
7.
- Dies ist ein einzelner Tag, das kein Schließungs-Tag benötigt. IT-Übergang zur nächsten Zeile. Zwei einzelne Tags in einer Zeile sind in meinem Beispiel geschrieben, um zweimal zur nächsten Zeile zu gelangen.
8.
- Dies ist ein einzelnes Tag, das das Bild anzeigt.
- sRC ist ein obligatorischer Parameter, in dem die Bildadresse angegeben ist (anstelle von URLs müssen Sie die Adresse registrieren, an der Ihr Bild gespeichert ist).
Hinweis:- Wenn sich das Bild in einem Ordner mit Ihrer HTML-Seite befindet, reicht es aus, den Namen des Bildes zu schreiben, ansonsten müssen Sie entweder eine absolute oder relative URL verschreiben.
- Vergessen Sie nicht, die Erweiterung des Bildes anzugeben. Zum Beispiel, .jpg, .gif, .jpeg.
- alt oder Titel - Sie können in diesen Parametern eine Beschreibung in Ihr Bild schreiben. Wenn Sie eine Maus in das Bild mitbringen, wird diese Beschreibung angezeigt. Diese Parameter sind wichtig, um die Website zu fördern, insbesondere auf der Suche nach Bildern. Wenn das Bild nicht heruntergeladen wird, wird dieser Text abgeleitet, der auch ein Plus ist.
9. - Diese Tags sollen die Schriftart, den Hintergrund, die Größe usw. ändern. Kurz gesagt, alles, was mit der Textformatierung zugeordnet ist, kann in einem Tag konfiguriert werden. Dieses Tag hat einige ein paar Attribute, die ich in einer separaten Lektion erzählen werde.
Hinweis: - ein ähnliches Tag.
Es gibt auch eine CSS-Schriftart-Eigenschaft, in der Sie alle diese Parameter einstellen können.
10. - Fett zuordnen. Alles, was zwischen dem Schluss gezogen wird und Es wird fett hervorgehoben. Wenn Sie es beispielsweise zum Beginn des Inhalts schreiben, und am Ende schließen, wird der gesamte Text auf der Seite auf der Seite hervorgehoben. Dies ist ein ziemlich gewöhnliches Tag, dessen Analog ist .
Suchmaschinen achten auf dieses Tag, um den Einfluss von Keywords zu verbessern. Sie müssen jedoch vorsichtig sein, da sie jedes Mal von fetthaltigen Schlüsselwörtern partitioniert wird, wenn sie für Spam wahrgenommen wird.
Wenn Sie eine Webseite öffnen, enthält es typische Elemente, die sich nicht von der Art und Richtung der Site ändern. In Beispiel 4.1 ist der Code eines einfachen Dokuments mit den Haupt-Tags angezeigt.
Beispiel 4.1. Quellcode-Webseite
Titel
Der erste Absatz.
Zweiter Absatz.
Kopieren Sie den Inhalt dieses Beispiels und speichern Sie ihn im Ordner C: \\ www \\ unter dem Namen Examps41.html. Führen Sie danach den Browser aus und öffnen Sie die Datei über den Menüpunkt. Datei\u003e Datei öffnen (Strg + O). Geben Sie im Dialogfeld Dokumentauswahl die Datei example41.html an. Der Browser öffnet die in Fig. 1 gezeigte Webseite. 4.1.
Feige. 4.1. Das Ergebnis der Ausführung des Beispiels
Element Entwickelt, um den Typ des aktuellen Dokuments - DTD anzugeben (Dokumenttypdefinition, Beschreibung des Dokumenttyps). Es ist notwendig, dass der Browser versteht, wie Sie die aktuelle Webseite interpretieren, da HTML in mehreren Versionen vorhanden ist. Darüber hinaus gibt es XHTML (erweiterbarer Hypertext-Markup-Sprache, eine erweiterte Hypertext-Markup-Sprache), ähnlich wie HTML, jedoch anders als Syntax. An den Browser "nicht verwirrt" und verstanden, je nach dem Standard, um eine Webseite anzuzeigen, und Sie müssen die erste Zeile einstellen .
Es gibt mehrere Arten Sie unterscheiden sich je nach der HTML-Version, die orientiert ist. Auf der Registerkarte. 4.1. Die Haupttypen von Dokumenten mit ihrer Beschreibung sind angegeben.
Doctype. | Beschreibung |
---|---|
HTML 4.01. | |
Strenge HTML-Syntax. | |
HTML-Übergangssyntax. | |
Frames werden im HTML-Dokument angewendet. | |
HTML 5. | |
In dieser Version von HTML, nur eine DOCTLE. | |
XHTML 1.0. | |
Strikte XHTML-Syntax. | |
XHTML-Übergangssyntax. | |
Das Dokument ist in XHTML geschrieben und enthält Frames. | |
XHTML 1.1. | |
XHTML 1.1 Entwickler gehen davon aus, dass es HTML allmählich verdrängen wird. Wie Sie sehen, hat keine Division auf der Art keine Definition, da die Syntax eins die klare Regeln ein- und gehorcht. |
Die Differenz zwischen der strikten und der Übergangsbeschreibung des Dokuments besteht aus einem anderen Ansatz zum Schreiben des Codes des Dokuments. Strict HTML erfordert strikte Einhaltung der HTML-Spezifikation und vergessen Fehler nicht. Übergangsalat HTML mehr "ruhig" bezieht sich auf einige Codes, sodass dieser Typ in bestimmten Fällen diese Art nutzen kann.
In strengen HTML und XHTML benötigen Sie beispielsweise sicherlich ein Tag
In Zukunft werden wir hauptsächlich streng anwenden Außer wenn es speziell festgelegt ist. Dadurch können wir typische Fehler vermeiden und dem Schreiben des syntaktisch korrekten Codes lehren.
Oft können Sie den HTML-Code im Allgemeinen ohne Verwendung des HTML-Codes erfüllen Die Webseite wird in diesem Fall noch angezeigt. Trotzdem kann es herausgestellt werden, dass das gleiche Dokument im Browser auf unterschiedliche Weise auf verschiedene Arten angezeigt wird Und ohne es. Darüber hinaus können Browsern solche Dokumente auf ihre eigene Weise anzeigen, dadurch die Seite "Falten", d. H. Es wird überhaupt nicht wie vom Entwickler erforderlich angezeigt. Damit keine solchen Situationen hinzugefügt werden zum Anfang des Dokuments.
Etikett Definiert den Beginn der HTML-Datei, der Titel ist im Inneren gespeichert (
) und der Körper des Dokuments (Der Header des Dokuments, wie es auch als Block bezeichnet wird
kann Text und Tags enthalten, aber der Inhalt dieser Partition wird jedoch nicht direkt auf der Seite angezeigt, mit Ausnahme des Containers
Etikett Es ist universell und fügt eine ganze Klasse von Möglichkeiten hinzu, insbesondere mithilfe von Metategories, als verallgemeinerter Anruf dieses Tags können Sie die Codierung der Seite ändern, Keywords, Beschreibung des Dokuments und vieles mehr hinzufügen. Damit der Browser ist, um zu verstehen, was sich mit dem UTF-8-Kodieren (Unicode-Transformationsformat, das Unicode-Konvertierungsformat) und diese Zeichenfolge hinzugefügt, wird diese Zeichenfolge hinzugefügt.
Etikett
Feige. 4.2. Titelart im Browser
Etikett
Achten Sie darauf, ein Schluss-Tag hinzuzufügen Um anzuzeigen, dass die Dokument-Header-Einheit abgeschlossen ist.
Leiche des Dokuments
Titel
HTML bietet sechs Text-Header verschiedener Ebenen an, die die relative Bedeutung des Abschnitts nach dem Titel zeigen. Also, Tag.
repräsentiert den wichtigsten Header der ersten Ebene und das Tag Es dient dazu, den Titel der sechsten Ebene anzuzeigen und ist das geringste von Bedeutung. Der erste Level-Header wird standardmäßig von der größten Schriftart der Schriftart angezeigt, die nachfolgenden Niveau-Header in der Größe sind weniger. Stichworte ... Dies sind die Blockelemente, sie beginnen immer mit einer neuen Zeile, und nach ihnen werden andere Elemente in der nächsten Zeile angezeigt. Außerdem wird die Überschrift und danach leerer Speicherplatz hinzugefügt.
... Dies sind die Blockelemente, sie beginnen immer mit einer neuen Zeile, und nach ihnen werden andere Elemente in der nächsten Zeile angezeigt. Außerdem wird die Überschrift und danach leerer Speicherplatz hinzugefügt.
Ein Text kann im Browser aus dem Display im Browser ausgeblendet werden, indem er einen Kommentar darstellt. Obwohl der Benutzer keinen solchen Text sieht, wird es immer noch in dem Dokument übertragen, sodass Sie also den Quellcode angesehen haben, können Sie verborgene Noten erkennen.
Wenn Sie eine Webseite öffnen, enthält es typische Elemente, die sich nicht von der Art und Richtung der Site ändern. Beispiel 1 zeigt den Code eines einfachen Dokuments mit den Hauptelementen.
Beispiel 1. Quellcode einer Webseite
Titel
Der erste Absatz.
Zweiter Absatz.
Kopieren Sie den Inhalt dieses Beispiels und speichern Sie ihn im Ordner C: \\ www \\ unter dem Beispiel2.html. Führen Sie danach den Browser aus und öffnen Sie die Datei über den Menüpunkt. Datei\u003e Datei öffnen (Strg + O). Geben Sie im Dialogfeld Dokumentauswahl die Datei example2.html an. Der Browser öffnet die in Fig. 1 gezeigte Webseite. einer.
Feige. 1. Das Ergebnis des Beispiels im Browser
Element (JARG. Ärzte) entwickelt, um den Typ des aktuellen Dokuments anzugeben - DTD (Dokumenttypdefinition, Beschreibung des Dokumenttyps). Es ist notwendig, dass der Browser versteht, wie Sie die aktuelle Webseite interpretieren, da HTML in mehreren Versionen vorhanden ist - modernes HTML5 oder veraltetes HTML4 und XHTML. An den Browser "nicht verwirrt" und verstanden, je nach dem Standard, um eine Webseite anzuzeigen, und Sie müssen die erste Zeile einstellen.
Da wir weiterhin nur mit HTML5 arbeiten, benötigen wir nur eine kurze und moderne Doktion.
Wir haben erwähnt, dass die Namen der Elemente mit kleinen und großen Buchstaben geschrieben werden können. ZU Diese Regel gilt auch und kann auf unterschiedliche Weise aufgenommen werden. Der Name dieses Elements wird traditionell jedoch in Großbuchstaben geschrieben.
Tag öffnen Bestimmt den Beginn des HTML-Dokuments, der Kopf ist im Inneren gespeichert (
) und der "Körper" des Dokuments ( ).Der Inhalt dieser Partition wird nicht direkt auf der Seite angezeigt, mit Ausnahme des Artikels