Die Syntax der HTML-Sprache basiert auf einem Standard. HTML5-Syntax. Definition der Zeichenkodierung

Das Internet ist ein weltweites Netzwerk, das verbindet Computernetzwerke weltweit auf der Grundlage einheitlicher Standardvereinbarungen (Protokolle) über Methoden des Informationsaustauschs und eines einheitlichen Adressierungssystems.

Bis heute hat das Internet eine beispiellose Popularität erlangt. Experten zufolge verbindet das Internet mehr als 100 Millionen Computer. Mehr als 300 Millionen Menschen in 170 Ländern nutzen Internetdienste.

Aus funktionaler Sicht ist das Internet:

ü ein kostengünstiges und schnelles Kommunikationsmittel zwischen Teilnehmern auf der ganzen Welt;

ü ein beispielloser Informationsspeicher zu jedem Wissensgebiet;

ü ein neues vielversprechendes Umfeld für Aktivitäten.

Der Einfluss des Internets erstreckt sich nicht nur auf den technologischen Bereich der Computerkommunikation, es hat auch eine soziale Dimension und durchdringt die gesamte Gesellschaft Betriebsmittel Wissenserwerb, E-Commerce.

Der heute am weitesten verbreitete und beliebteste Internetdienst ist WWW (World Wide Web). Informationen im WWW werden in Form sogenannter Hypertext-Dokumente (oder allgemeiner Hypermedia-Dokumente) präsentiert, die formatierte Texte, Grafiken, Audio- und Videofragmente enthalten können. Das Hauptmerkmal von Hypertext-Dokumenten ist das Vorhandensein aktiver Zonen reagieren empfindlich auf einen Mausklick. Textfragmente können aktiv sein, ganze Bilder und deren Teile; ein Klick auf die aktive Zone bewirkt den Download des mit dieser Zone verbundenen (Ziel-)Dokuments.

Um zu lernen, wie man Materialien im Internet veröffentlicht, müssen Sie sich zunächst mit der Hypertext-Auszeichnungssprache HTML (H yperT ext Markup Language) vertraut machen.

Hypertext-Auszeichnungssprache HTML-Dokumente ist eine Reihe von Befehlen, die Tags genannt werden (aus dem Englischen). Etikett). HTML-Tags, die im Text eines Dokuments gefunden werden, werden vom Browser bei der Anzeige des Dokuments interpretiert.

Das Anzeigen von HTML-Dokumenten erfolgt mit Programmen - Browser(aus dem Englischen Browser), die das Dokument gemäß HTML-Markup anzeigen und eine Hyperlink-Navigation ermöglichen. Die gebräuchlichsten Browser sind Microsoft Internet Explorer von Microsoft Corporation und Netscape Navigator von Netscape Communications Corporation.

Da es sich um ein HTML-Dokument handelt Textdatei, es kann im einfachsten Fall zubereitet werden Texteditor, zum Beispiel im Notizblock ( Notizblock), aber es ist sehr arbeitsintensiv. Häufiger verwenden sie spezielle Editoren, die speziell für die Vorbereitung von HTML-Dokumenten entwickelt wurden und es Ihnen ermöglichen, Tags mithilfe von Symbolleistenschaltflächen oder Menübefehlen einzufügen und Tag-Attribute in Dialogfeldern festzulegen, z. B. Macromedia Dreamweaver, Microsoft FrontPage, HomeSite usw.

Ein HTML-Dokument kann durch Konvertierung in ein HTML-Format erhalten werden, beispielsweise aus einem Paketdokumentformat Microsoft Office. Zu beachten ist, dass sich bei einer solchen Transformation der Quelltext des HTML-Dokuments als äußerst redundant erweist und korrekturbedürftig ist. Wesentlich effizienter ist der Einsatz spezieller HTML-Editoren.

Ein HTML-Tag wird in spitzen Klammern (Zeichen) geschrieben und besteht aus einem Namen, dem eine Liste von Attributen folgen kann (optional für die meisten Tags). Namen und Attribute repräsentieren englische Wörter und Abkürzungen.

Tags können in zwei Gruppen unterteilt werden:

Gepaarte Tags (auch genannt Behälter) bestehen aus zwei Komponenten: Eröffnung (Anfang) und Abschluss (Ende); Die schließende Komponente hat den gleichen Namen, beim Schreiben wird dem Namen jedoch ein Schrägstrich (Symbol /) vorangestellt. Dokumenttext und andere Tags können zwischen den öffnenden und schließenden Komponenten platziert werden. Das Dokumentfragment, das sich zwischen den öffnenden und schließenden Elementen des Container-Tags befindet, wird vom Browser entsprechend der Bedeutung des Tags formatiert. Beispielsweise wird der Text zwischen den Tags fett angezeigt (der Name des Tags stammt aus dem Englischen). deutlich). Gepaarte Tags können verschachtelt sein, dürfen sich aber nicht überlappen.

Ungepaarte Tags (auch genannt autonom) haben keine abschließende Komponente. Bei ihrer Interpretation wird das eine oder andere Objekt in das angezeigte Dokument eingefügt. Zum Beispiel markieren , das im Text eines HTML-Dokuments auftritt, führt zu einer Einfügung grafisches Bild aus der Datei pict.gif.

Die Attribute in der Liste sind durch ein oder mehrere Leerzeichen, Tabulatorzeichen oder Zeilenumbruchzeichen voneinander getrennt; die Reihenfolge, in der die Attribute geschrieben werden, ist nicht wichtig. Die überwiegende Mehrheit der Attribute wird paarweise verwendet Attributname = Attributwert. Wenn der Attributwert aus mehr als einem Wort oder einer Zahl besteht, sollte er in einfache oder doppelte Anführungszeichen gesetzt werden. Attribute werden in den Schlusskomponenten von Tags nicht angegeben.

Hier ist ein Beispiel für ein Tag mit Attributen:

Hallo !

Wenn ein solches Tag in einem HTML-Dokument gefunden wird, interpretiert der Browser es und zeigt den Text nach dem Tag in Zeichen an, die im Verhältnis zur Basisgröße (SIZE=+2) und der roten Farbe (COLOR=RED) erhöht sind. Diese Textformatierung wird angewendet, bis das schließende Tag gefunden wird.

Die Groß-/Kleinschreibung von Zeichen in Tag- und Attributeinträgen spielt keine Rolle.

Ein HTML-Dokument ist in die Tags „and“ eingeschlossen. Zwischen diesen Tags gibt es zwei Abschnitte: den Header-Abschnitt (zwischen den „and“-Tags) und den Body-Abschnitt des Dokuments (zwischen den „and“-Tags). Der Header-Abschnitt enthält eine Beschreibung der Parameter Wird bei der Anzeige des Dokuments verwendet, spiegelt sich jedoch nicht direkt im Browserfenster wider. Der Hauptteil des Dokuments enthält den Haupttext, der vom Browser angezeigt werden soll, Formatierungs-Tags, Platzierung von Bildern, Tabellen, Hyperlinks usw.

Der HTML-Code des einfachsten Dokuments, das für die Veröffentlichung im Internet geeignet ist, sieht folgendermaßen aus:

< TITLE >Unsere erste SeiteTITEL >

Das einfachste HTML-Dokument

Dieser Code kann im Notepad-Texteditor eingegeben und als Datei mit der Erweiterung gespeichert werden. htm oder. html – in diesem Fall wird das Dokument in dem auf Ihrem Computer installierten Standardbrowser geöffnet. Der Browser zeigt dieses Dokument an, indem er in seinem Fenster die Zeile „Das einfachste HTML-Dokument“ im Hauptteil des Dokuments anzeigt. In der Titelleiste des Browsers erscheint der Satz „Unsere erste Seite“.

Der Header-Bereich enthält in der Regel Tags, die für den Benutzer unsichtbar sind, aber dennoch aktiv Einfluss nehmen können Aussehen dokumentieren.

Dieser Abschnitt enthält den Hauptinhalt der Webseite – Dokumenttext, Bilder, Tabellen usw. Das BODY-Element darf nicht mehr als einmal in einem Dokument vorkommen und kann die folgenden Attribute enthalten:

Alle Zeichenformatierungs-Tags haben sowohl eine öffnende als auch eine schließende Komponente und wirken sich auf den dazwischen eingeschlossenen Text aus.

Das Haupt-Tag ist ... FONT>, das mit einem oder mehreren Attributen verwendet werden muss, die die Größe, Farbe und Schriftart der Schriftart ändern:

Darüber hinaus werden Tags verwendet, um den Stil von Zeichen zu ändern:

. .. (aus dem Englischen fett) − Fettschrift;

.. . (aus dem Englischen kursiv) - kursiv;

... (aus dem Englischen TeleType) – Monospace-Schriftart;

... (aus dem Englischen unterstrichen) – unterstrichen;

... S > (aus dem Englischen s Dreirad) - durchgestrichen;

... (aus dem Englischen sub Skript) – tiefgestellt;

... (aus dem Englischen sup Erskript) ist hochgestellt.

Zwischen Tags eingeschlossener Text

und (aus dem Englischen pre formatiert), wird so angezeigt, wie es vorformatiert war, mit allen Leerzeichen und Zeilenumbrüchen.

Der Text wird Wort für Wort im Browserfenster angezeigt; bei Erreichen des rechten Fensterrandes wird das nächste Wort automatisch in eine neue Zeile verschoben. Auch wenn im Seitencode mehrere Leerzeichen eingegeben wurden oder der Text in eine neue Zeile geschrieben wurde, werden diese Aktionen bei der Anzeige in einem Browser nicht angezeigt. Um also eine Reihe aufeinanderfolgender Leerzeichen oder mehrere anzuzeigen leere Zeilen, müssen Sie unterschiedliche Tags verwenden.

Etikett
(aus dem Englischen b reak)unterbricht den Textstrom und fügt eine neue Zeile ein, ohne einen neuen Absatz zu erstellen. Mehrere aufeinanderfolgende Tags
werden als mehrere Leerzeilen interpretiert. Der Zeilenabstand ist einfach. Das Tag hat keine schließende Komponente und keine Attribute.

Tag(aus dem Englischen S Absatz)beginnt einen Absatz; ein neuer Absatz wird vom vorherigen durch doppelten Zeilenabstand getrennt. Ein Absatz darf nicht leer sein, also mehrere aufeinanderfolgende Tags enthalten

werden als eins interpretiert (im Gegensatz zum Tag).
).Abschlusskomponente

optional, da der vorherige Absatz dort endet, wo der neue beginnt. Das Tag verfügt über ein optionales ALIGN-Attribut, das den Ausrichtungstyp des Absatzes angibt, das die Werte LEFT, CENTER, RIGHT und JUSTIFY annehmen kann und jeweils die Ausrichtung nach links angibt. Mitte, rechts und Breite. Der in Tags eingeschlossene Text wird ebenfalls zentriert.

Wenn die Abschlusskomponente

weglassen, der angegebene Ausrichtungstyp wird beibehalten bis Nächstes Tag, das die Ausrichtung angibt, oder bis zum Ende des Dokuments.

Mit HTML können Sie Absätze erstellen, die als nummerierte oder Aufzählungslisten formatiert sind. Ein Textfragment, bei dem es sich um eine Liste handelt, ist in Tags eingeschlossen:

geordnete (nummerierte) Liste (aus dem Englischen o bestellt l ist)

ungeordnete (aufgezählte) Liste (aus dem Englischen u nordered l ist)

Jedes Element einer geordneten oder ungeordneten Liste ist in Tags eingeschlossen ... (aus dem Englischen l ist ich tem). Bei der Textanzeige wird jedes Listenelement in einer neuen Zeile platziert und durch eine Zahl oder Markierung gekennzeichnet. Darüber hinaus kann die Liste einen Titel haben, der durch ein Tag (von englisch l) spezifiziert wird ist H Leser). Schließende Tags sind nicht erforderlich.

Eine mehrstufige Liste kann durch eine Kombination aus nummerierten und Aufzählungslisten organisiert werden.

Tag hat optionale Attribute:

Tag hat ein optionales Attribut

Absätze können auch als Ebenenüberschriften (von n = 1 bis n = 6) formatiert werden, hierfür werden Tags der Form ... n> verwendet. Die Überschrift der ersten Ebene wird in der größten Schriftart angezeigt.

Stichworte

, ... ,

kann ein Ausrichtungsattribut ALIGN mit den Werten LEFT, RIGHT und CENTER haben.

Die Bilder, die der Browser beim Anzeigen einer Webseite anzeigt, werden in separaten GIF-, JPG- (JPEG) oder PNG-Dateien gespeichert, und im Seitencode wird ein Link dazu erstellt erforderliche Datei. Hierzu wird ein ungepaartes Tag verwendet, das über ein obligatorisches und mehrere optionale Attribute verfügt.

Schauen wir uns die absoluten und relativen Methoden zur Adressierung einer Datei genauer an.

Adressierung in absoluter Form Wird verwendet, wenn auf Ressourcen verwiesen wird, die sich auf anderen Servern befinden. Die universelle Adresse, die den Standort einer Informationsressource bestimmt, wird URL (Uniform Resource Locator) genannt. Die URL besteht aus zwei Teilen, getrennt durch einen Doppelpunkt. Der erste Teil gibt den Typ an Netzwerkprotokoll, was von der Art der Ressource abhängt. Wenn sich die Ressource beispielsweise auf einem WWW-Server befindet, ist dies das Protokoll http.Der zweite Teil enthält den Namen des Computers (Servers) im Domain Name System und (falls erforderlich) den Pfadnamen der Datei. Beim Schreiben eines Pfadnamens werden Verzeichnisnamen in Datei- und Verzeichnisnamen durch einen Schrägstrich (das /-Zeichen) getrennt zwischen Groß- und Kleinbuchstaben unterscheiden, Leerzeichen sind nicht erlaubt. Hier sind Beispiele für URLs:

http://www. vshu. kirov .ru/ site / images / picture 1. jpg

http://195.21.123.13:8110

ftp://everything.com/soft/prog.zip

mailto:Diese E-Mail-Adresse ist vor Spambots geschützt. Um es anzuzeigen, muss JavaScript aktiviert sein.

Letzte URL, die auf das Protokoll verweist mailto und Adresse Email, stellt keinen Link zu irgendeiner Informationsquelle dar; Dies ist der einzige URL-Typ, der nach dem Doppelpunkt keine zwei Schrägstriche enthält.

Die Adressierung von Bildern in absoluter Form wird bei der Erstellung einer Website praktisch nicht verwendet.

Adressierung in relativer Form Wird verwendet, wenn auf Ressourcen verwiesen wird, die sich auf demselben Server befinden. Beim Schreiben des Pfads in eine Datei werden die Verzeichnisnamen durch einen Schrägstrich (das /-Symbol) getrennt, um durch die Verzeichnisse zu navigieren Dateisystem Eine Ebene höher wird durch zwei Punkte (Symbole ..) angezeigt. Stellen Sie sich zur Verdeutlichung beispielsweise einen Computer mit der folgenden Verzeichnisstruktur vor, die HTML-Dateien enthält:

SHAPE\* MERGEFORMAT

In diesem Fall sind beispielsweise folgende Möglichkeiten zum Schreiben des IMG-Tags möglich:

ü < IMG SRC = Picture . jpg >(Das Bild im JPG-Format befindet sich auf der Index-HTM-Seite.)

ü < IMG SRC = Images / Pict 1. jpg >(Bild Bild 1. jpg befindet sich auf der Seite Index. htm)

ü < IMG SRC =../ Picture . jpg >(Bild .jpg-Bild befindet sich auf der Seite Seite 1. htm)

ü < IMG SRC =../ Images / Pict 1. jpg >(Bild Bild 1. jpg befindet sich auf der Seite Seite 1. htm)

Obwohl formal nur das SRC-Attribut erforderlich ist, ist in der Praxis auch eine Angabe erforderlich alternativer Text(ALT-Attribut), da viele Leute mit dem Browser im Modus arbeiten, ohne Bilder zu laden.

Die Höhe und Breite des Bereichs, in dem die Zeichnung angezeigt wird, werden mithilfe der Attribute „Width“ und „Height“ in Pixeln oder als Prozentsatz der Bildschirmgröße angegeben. Wenn eines dieser Attribute angegeben wird, wird die Zeichnung so skaliert, dass ihre Höhe oder Breite mit der angegebenen übereinstimmt. Die zweite Größe wird automatisch im entsprechenden Verhältnis eingestellt. Wenn Sie nur eines der Attribute anwenden, ändern sich beide Abmessungen der Zeichnung.
Wenn Sie beide Attribute explizit festlegen, wird das Bild entlang zweier Achsen entsprechend den angegebenen Abmessungen skaliert. Die Attribute „Höhe“ und „Breite“ ändern nicht die Ladezeit des Bildes, sondern nur dessen Aussehen (Größe) auf dem Bildschirm.

Ein Hyperlink ist ein Objekt (Text, Bild, Bildfragment), das beim Anklicken mit der Maus zu einem neuen Dokument oder Dokumentfragment führt. Es sind Hyperlinks, mit denen Sie Übergänge zwischen beliebigen im Internet veröffentlichten Dokumenten organisieren können.

Die Verbindung zwischen HTML-Dokumenten und Dokumentfragmenten wird über das Tag organisiert ...(aus dem Englischen a Anker - Anker).

Das Tag wird sowohl zum Erstellen eines Links zu einem anderen Dokument als auch zum Verlinken auf ein Fragment eines Dokuments verwendet.

Text und Bilder, die zwischen Tags platziert werden, werden zum aktiven Bereich des Dokuments und reagieren empfindlich auf einen Mausklick, der das Laden des Zieldokuments auslöst. Hyperlink-Text wird durch Unterstreichungen und Farben hervorgehoben, die als Wert der Attribute LINK, A LINK, V LINK des Tags (oder als Standardfarbe) angegeben werden.

Um ein ganzes Bild in einen Hyperlink zu verwandeln, können Sie auch das Tag verwenden ...., nur anstelle von Text (oder zusammen mit Text) dazwischen< A >und ein >-Tag befindet sich< IMG …>mit allen relevanten Attributen.

Zum Beispiel , .

Mit dem Tag können Sie ein Textfragment oder ein ganzes Bild zur aktiven Zone machen; Damit verschiedene Fragmente eines Bildes mit unterschiedlichen Zieldokumenten verknüpft werden können, müssen Sie ein Tag verwenden, das das Kartenbild implementiert.

Für ein Container-Tag ist das einzige erforderliche Attribut NAME , dessen Wert der Name ist (z. B. NAME=" mymap " , der bei der Beschreibung des USEMAP-Attributs des IMG-Tags verwendet werden muss, das das Bild beschreibt, als das dienen soll eine Karte (mit # − USEMAP="#mymap")

Innerhalb des Containers muss jeder mausempfindliche Bereich des Bildes über ein Tag mit den folgenden Attributen verfügen:

Tabellen in HTML-Dokumenten werden nicht so sehr dazu verwendet, Daten in umrahmten Zellen zu platzieren, sondern vielmehr dazu, Textteile und Bilder relativ zueinander anzuordnen.

Tabellen in HTML werden Zeile für Zeile erstellt. Alle Tabellendaten sind in Tags eingeschlossen

; die Beschreibung jeder Zellreihe (Zeilen) ist in den Tags enthalten ...; Der Inhalt jeder Zelle ist in Tags ... (normale Zellen) oder ... H> (Kopfzeilen) enthalten.

Um beispielsweise eine Tabelle mit zwei Zeilen zu beschreiben, die jeweils zwei Zellen enthalten, müssen Sie die folgende Konstruktion erstellen:

Tabellenzellen können Text, Bilder, verschachtelte Tabellen usw. enthalten. Sie sollten Tabellenzellen nicht leer lassen; Sollte eine Zelle leer erscheinen, fügen Sie dort ein geschütztes Leerzeichen ein.

In Tabellenzellen platzierter Text wird standardmäßig automatisch vom Browser platziert; der Text wird Wort für Wort angezeigt; Wenn der rechte Rand der Zelle erreicht ist, wird das nächste Wort in eine neue Zeile verschoben.

Tabellenzellen können sich über mehrere Zeilen oder Spalten erstrecken; bei der Beschreibung solcher Zellen werden die Attribute ROWSPAN (eine Zelle, deren Tag dieses Attribut enthält, wird um die angegebene Anzahl von Zeilen „gestreckt“) und COLSPAN (die Zelle wird um mehrere Spalten „gestreckt“) verwendet gebraucht. Hier ist ein Beispiel für die Organisation einer Tabelle mit verbundenen Zellen:

< TR >

< TD ROWSPAN=2>1-1 Touchdown >

Tags, die Tabellen beschreiben, verfügen über eine Reihe optionaler Attribute.

Tag-Attribute geben die Parameter der Tabelle als Ganzes an:

Tag-Attribute geben die Parameter einer bestimmten Reihe an (bei Widersprüchen werden die im Tag angegebenen Attribute gelöscht). Ausrichtung der Zellinhalte; mögliche Werte sind links, rechts und mittig

HINTERGRUND = URL

Hintergrundbild für Zellen einer bestimmten Tabellenzeile

BGCOLOR= Farbe

Hintergrundfarbe für Zellen in dieser Zeile

RAND = Bedeutung

Die Dicke des Rahmens, der die Zellen dieser Zeile umgibt; BORDER=0 zeigt einen unsichtbaren Rand an

VALIGN = Bedeutung

Vertikale Ausrichtung der Zellinhalte; mögliche Werte sind oben, mittig und unten

Tag-Attribute geben die Parameter einer bestimmten Zelle an (bei Inkonsistenzen werden die in und Tags angegebenen Attribute gelöscht).

Beachten Sie beim Arbeiten mit Tabellen, dass der angegebene Wert für das WIDTH-Attribut in vielen Fällen vom Browser nur „gemerkt“ wird. Die vorgegebenen Proportionen werden selten exakt eingehalten, der Browser versucht, die Tabelle (in seinem Verständnis) bestmöglich darzustellen.

Durch die Verwendung eines Tickers auf einer Webseite wird diese dynamischer und Sie können den Effekt eines sich bewegenden Objekts erzeugen. Erstellen eines Tickers mithilfe eines Tags< MARQUEE >... MARQUEE >.

Zwischen< MARQUEE >und MARQUEE > Textfragmente und Bilder können lokalisiert werden. Texte können mit entsprechenden Tags formatiert und Grafiken mit eingefügt werden.

Attributsyntax	Zweck
BGCOLOR= Farbe	Hintergrundfarbe. Wenn der Hintergrund angegeben ist, zeichnet der Browser einen farbigen Streifen auf dem Bildschirm, entlang dem sich der Text oder das Bild bewegt.
HÖHE = Bedeutung	Die Höhe der Hintergrundleiste. Der Wert wird in Pixel oder als Prozentsatz der Browserfensterhöhe angegeben. Wenn Sie beispielsweise das Attribut HEIGHT=25 % angeben, nimmt die Tickerleiste ein Viertel der Fensterhöhe ein
BREITE = Bedeutung	Die Breite der Tickerleiste, angegeben in Pixeln oder als Prozentsatz der Breite des Browserfensters
RICHTUNG= Bedeutung	Richtung der Linienbewegung: links – links (Standard), rechts – rechts, oben – oben, unten – unten
VERHALTEN = Bedeutung	Das Attribut steuert das Verhalten des Tickers: scrollen (Standard) – am Rand des Fensters angekommen, verschwindet die Linie und erscheint auf der gegenüberliegenden Seite; schieben – eine Linie erscheint vom Rand des Fensters, erreicht den gegenüberliegenden und stoppt; abwechselnd – die Linie bewegt sich nach rechts oder links, „reflektiert“ sich an den Rändern des Fensters und ändert die Bewegungsrichtung
HSPACE = Pixelversatz	Verschieben Sie die Tickerleiste horizontal nach rechts
VSPACE = Du Kinderbetta in Pixel	Schaffung von Leerraum oberhalb und unterhalb des Streifens
SCHLEIFE = Bedeutung	Anzahl der Zeilenübergänge auf dem Bildschirm
SCROOLAMOUNT = Bedeutung	Die Anzahl der Pixel, die die Linie bei jedem Schritt durchläuft. Der Standardmodus beträgt ca. 10 px/Schritt. Mit diesem Attribut können Sie die Geschwindigkeit der Linienbewegung anpassen
SCROLLDELAY = Bedeutung	Definiert das Zeitintervall (in Millisekunden) zwischen Schritten. Mit diesem Attribut können Sie die Linie ruckartig bewegen
TRUESPED	Wenn dieses Flag (ein Attribut ohne Wert) gesetzt ist, wird der angegebene SCROLLDELAY-Wert verwendet. Wenn das Flag nicht gesetzt ist, lautet der Wert SCROLLDELAY. Alles zwischen diesen Tags wird nicht auf der Webseite angezeigt. Optionale Tags Wenn ein Tag nicht aufgeführt ist, bedeutet das nicht, dass es überhaupt nicht vertreten ist. Es gibt bestimmte Regeln, die es Ihnen erlauben, einige Tags nicht zu schreiben. In der Tabelle 1 zeigt Tags, die weggelassen werden können, und die Bedingung, unter der dies geschieht. Tisch 1. Optionale Tags Tag-Bedingung Wenn sich noch andere Elemente im Inneren befinden. Wenn leer und auch etwas anderes als ein Leerzeichen oder einen Kommentar enthält. Wenn auf ein Element folgt Wenn auf ein Element oder folgt. Wenn auf das Element ein folgt oder es das letzte Element des übergeordneten Elements ist. Wenn auf das Element , , , , , , , , , , ,..., , , , , , , , folgt , , , , . und nicht vor stehen oder bei denen ein schließendes Tag weggelassen wurde.oder er ist der letzte bei den Eltern. Wenn auf ein Element oder folgt. Wenn auf ein Element oder folgt. Wenn auf das Element das letzte Element des übergeordneten Elements folgt oder dieses ist. Wenn auf das Element ein folgt oder es das letzte Element des übergeordneten Elements ist. Wenn das . innen an erster Stelle steht und nicht vor einem anderen Element steht. Wenn auf ein Element oder folgt. Wenn der erste drinnen ist Wenn auf das Element oder oder folgt, ist es das letzte Element des übergeordneten Elements. Wenn auf das Element das letzte Element des übergeordneten Elements folgt oder dieses ist. Wenn auf ein Element folgt Wenn auf ein Element folgt oder oder er ist der letzte mit dem Elternteil. Wenn auf ein Element folgt oder oder er ist der letzte mit dem Elternteil. Wenn das öffnende Tag ein oder mehrere Attribute enthält, muss das Tag angegeben werden. Aufgrund der Tatsache, dass viele Tags möglicherweise nicht angegeben werden, weil... Da sie standardmäßig impliziert sind, wird jedes Dokument auf die folgenden Teile reduziert. Eine optionale Byte Order Mark (BOM). . . Sie können vor und nach dem Dokumenttyp beliebig viele Leerzeichen oder Kommentare einfügen. Daher muss sich der Doctype nicht in der ersten Codezeile befinden. Beispiel 1 zeigt den minimalen HTML-Code zur Anzeige einer traditionellen Begrüßung. Beispiel 1: Minimales HTML HTML5 IE Cr Op Sa Fx Hallo Welt! Eine Byte-Reihenfolge-Marke besteht aus einem U+FEFF-Zeichencode am Anfang des Dokuments, wo sie zur Bestimmung der Codierung verwendet wird. Es wird empfohlen, dieses Symbol zu entfernen, da sein Vorhandensein in einigen Browsern zu Fehlern bei der Anzeige des Dokuments führt. Dazu können Sie den Notepad++-Editor verwenden, im Menü „Encodings“ wählen Sie „Encode in UTF-8 (without BOM)“ (Abb. 3). Reis. 3. Wählen Sie die Kodierung aus Nützliche Links Weitere Informationen zur Byte-Reihenfolgemarkierung http://unicode.org/faq/utf_bom.html#bom1 Notepad++-Editor gibt an, nach welchem ​​HTML-Standard Ihre Webseite geschrieben ist. DOCTYPE-Beschreibung HTML5 Für alle Dokumente. HTML 4.01 Strenge HTML-Syntax. Übergangs-HTML-Syntax. Ein HTML-Dokument verwendet Frames. XHTML 1.0 Strenge XHTML-Syntax. Übergangs-XHTML-Syntax. Das Dokument ist in XHTML geschrieben und enthält Frames. XHTML-Mobilprofil, fügt spezifische Elemente für Mobiltelefone hinzu. XHTML 1.1 Diese Definition kennt keine Unterteilung in Typen; die Syntax ist dieselbe und folgt klaren Regeln. Es gibt also mehrere Dokumenttypen (streng und übergangsweise, für HTML und XHTML). Welchen Standard man wählen soll, ist die Frage. HTML- und XHTML-Standards HTML ist eine Standard-Auszeichnungssprache für Webdokumente. In HTML 4.01 und HTML5 wird das Erscheinungsbild einer Seite von ihrem Inhalt getrennt. Inhalt und Struktur (Überschriften, Absätze, Links) werden in HTML festgelegt. Das Design (Ausrichtung, Schriftarten, Farben) wird durch CSS-Stile vorgegeben. Beispielsweise sind das Tag und das Attribut „align“ veraltet. XHTML ist eine erweiterbare Auszeichnungssprache für Webdokumente, die auf XML basiert. Der XHTML-Standard ist eine Liste der Unterschiede zwischen HTML 4.01 und XHTML. XHTML-Anforderungen können nicht erforderlich sein Alle Tags müssen geschlossen sein. Alle Tags, Attribute und CSS-Eigenschaften müssen in Kleinbuchstaben angegeben werden. Alle Tag-Attributwerte müssen in Anführungszeichen gesetzt werden. Die Hierarchie muss strikt eingehalten werden: Das erste Tag wird zuletzt geschlossen. ... ... Ein Block-Tag kann nicht in einem Inline-Tag verschachtelt werden. (Nach einem Blockelement erfolgt die weitere Ausgabe auf der Seite in einer neuen Zeile. Ein Inline-Element erzeugt keinen Zeilenumbruch.) ... ... Boolesche Attribute werden in erweiterter Form geschrieben. Bilder müssen eine Beschreibung haben Die Vorteile der XHTML-Sprache liegen nicht in der Strenge der Syntax, sondern in der Möglichkeit, eigene Tags zu erstellen. Am 2. Juli 2009 gab das World Wide Web Consortium (W3C) jedoch die Einstellung der Arbeit an XHTML 2.0 bekannt, da es das Konzept von XHTML für falsch hielt. Eine Gruppe von Programmierern hat sich der Arbeit am HTML5-Standard zugewandt. Und obwohl der HTML5-Standard noch nicht verabschiedet wurde, wurden bereits viele Websites darauf geschrieben. Wer sich fragt, wann HTML5 fertig sein wird, kann sich die Originalquellen ansehen: Die offizielle Version des HTML5-Standards finden Sie unter: www.w3.org/TR/html5/ Treffen wir eine Wahl. Das ist nicht schwer: Sie sollten den XHTML-Standard nicht verwenden, wenn Sie nicht beabsichtigen, die HTML-Sprache zu erweitern. Wir werden nicht näher auf!DOCTYPE eingehen, das für Dokumente gedacht ist, die Frames verwenden: vorgestern. Die nächste Frage ist: Welche Syntax soll gewählt werden – streng oder transitiv? Strenge und vorübergehende HTML 4.01-Syntax Es gibt Übergangssyntaxen, um den Übergang zu einem neuen Standard zu erleichtern. Sie werden viel von dem überspringen, was bei strenger Syntax als Fehler gelten würde. Anhand eines Beispiels lässt sich leichter verstehen, worum es hier geht. Legen wir zunächst die strikte Syntax fest. Strenge Syntax. Gültigkeitsprüfung. Gültigkeitsprüfung in rot. Die Übereinstimmung von HTML-Code mit dem deklarierten Standard wird als Gültigkeit bezeichnet, und die Überprüfung dieser Übereinstimmung wird als Validierung bezeichnet. Um Layoutfehler zu verfolgen, installieren Sie das FireFox Html Validator-Add-on. Öffnen wir unsere Seite unter Firefox-Browser, bewegen Sie die Maus über das Validator-Zeichen: Durch Doppelklicken auf das Validator-Zeichen wird eine detaillierte Liste der Fehler angezeigt: Ändern wir!DOCTYPE in die Übergangssyntax: Übergangssyntax Gültigkeitsprüfung Gültigkeitsprüfung Ein Teil des Textes musste rot hervorgehoben werden. Starten Sie Firefox. Keine Fehler: Alles scheint in Ordnung zu sein. Vielleicht sollten wir dort aufhören? Mein Rat: Erstellen Sie ein gültiges Layout entweder gemäß der strengen Syntax von HTML 4.01 oder direkt in HTML5. HTML sollte bestimmungsgemäß verwendet werden und die Gestaltung sollte CSS überlassen werden. Wenn die Site außerdem ein gültiges Layout hat, aber in keinem Browser korrekt angezeigt wird, liegt definitiv ein Browserproblem vor. Neue Versionen des Browsers entsprechen besser dem Standard und machen keine Fehler bei der Interpretation gültigen Codes. Wenn ein komplexes Layout auf ungültige Weise implementiert wird, gibt es keine Garantie dafür, dass neue Browserversionen es nicht in Stücke zerfallen lassen. Lassen Sie sich nicht von der Loyalität der Übergangssyntax verführen, sondern nur von der strikten Einhaltung von Standards! Warum ist ein gültiges Layout erforderlich? Es scheint, warum sich die Mühe machen? Schließlich korrigieren Browser kleine Layoutfehler oft automatisch und die Seite funktioniert einwandfrei. Doch diese kleinen, praktisch unauffälligen Fehler werden von Suchmaschinen trotzdem bemerkt. Sogar ein fehlendes Etikett - Dies ist ein Minus bei der Beurteilung der Qualität der Website. Es liegt gerade an der Fähigkeit Suchmaschinen Beachten Sie eventuelle Mängel im HTML-Code und es wird empfohlen, die Gültigkeit des Layouts beizubehalten. Darüber hinaus können Sie durch die Überprüfung des Codes auf Gültigkeit neben kleineren Mängeln auch schwerwiegende Fehler finden, die zuvor nicht aufgefallen sind. Beginnen wir mit dem Erlernen der Sprache. HTML-Text ist „einfacher Text“. Alle Hypertext-Funktionen eines Dokuments werden mithilfe von Tags spezifiziert – spezielle Hinweise, die in diesem Text enthalten sind. Lass es Text sein: Schreiben wir diesen Text anders und fügen Anweisungen ein, wie der Text angezeigt werden soll. Wir kennzeichnen die Anleitung durch spitze Klammern. In HTML werden Anweisungen Tags genannt. Der Browser führt die Tag-Anweisungen aus, d. h. ohne sie anzuzeigen, nimmt er Textänderungen vor. Daher sehen wir Folgendes auf dem Bildschirm: „Mama hat den Rahmen gewaschen und die Katze hat mit einem Ball gespielt. Der Junge hat der Katze den Ball abgenommen.“ Tag – Befehl in spitzen Klammern. Der Tag-Name wird als erstes nach der öffnenden spitzen Klammer geschrieben, ohne Leerzeichen davor! Es gibt Einzel-Tags und Container-Tags. Einzelne Tags sind ein Befehl an den Browser, der an der Stelle ausgeführt wird, an der er angegeben ist, zum Beispiel der Befehl „Zeichne eine Linie“: Container-Tags bestehen aus einem öffnenden Tag und einem schließenden Tag, und ihre Angabe bezieht sich auf den gesamten dazwischen liegenden Text, sie sagen: „im Container verschachtelt“. Das schließende Tag hat denselben Namen wie das öffnende Tag, dem Namen ist jedoch ein Schrägstrich vorangestellt: „/“: Mama hat den Rahmen gewaschen. . Ein Tag kann Attribute haben. Das Attribut ergänzt und erklärt das Tag. Die Reihenfolge der Attribute ist nicht wichtig. Beispielsweise verfügt das HR-Tag über das Attribut WIDTH, das die Breite der Linie angibt, SIZE für die Dicke der Linie, ALIGN für die Position (Ausrichtung) und COLOR für die Farbe. Attributwerte geben ein bestimmtes Merkmal an. Die Syntaxregel lautet wie folgt: Auf den Tag-Namen darf mindestens ein Leerzeichen folgen, dann können durch Leerzeichen getrennt Dreiergruppen folgen: Attribut, „=“-Symbol, Wert. Es wird empfohlen, den Wert in Anführungszeichen zu setzen, obwohl der HTML-Standard zulässt, dass Werte, die nur aus lateinischen Buchstaben und Zahlen bestehen, nicht in Anführungszeichen gesetzt werden. Das Bild auf dem Bildschirm wird ungefähr so ​​aussehen. _____________________________________ Der Standard erlaubt es Ihnen, das schließende Tag wegzulassen, wenn es impliziert ist. Zum Beispiel markieren Es gibt einen Schlussabsatz, der jedoch vor dem Öffnen des nächsten Absatzes weggelassen werden kann. Etikett Kennzeichnet einen Absatz. Mama hat den Rahmen gewaschen. Die Tochter spielte mit einem Ball. Einige Attribute haben keine Werte, oder besser gesagt, sie haben eine einzige Bedeutung, und daher reicht es aus, dieses Attribut im Tag einfach anzugeben oder nicht anzugeben. Beispielsweise verfügt das FRAME-Tag über ein NORESIZE-Attribut, das angibt, dass der Benutzer die Größe des Rahmens nicht ändern darf. Tags (Elemente) in HTML können ineinander verschachtelt sein, ähnlich wie Schleifen oder bedingte Anweisungen in Programmiersprachen. Überschneidungen von Tags ohne Verschachtelung sind verboten. Ein Beispiel für eine fehlerhafte Eingabe: Blockbeispiel mit verschachteltem Absatz Beispiel für eine korrekte Eingabe: Blockbeispiel Mit verschachteltem Absatz Zusätzlich zu Tags und reinem Text kann HTML-Code sogenannte Zeichenobjekte oder Escape-Sequenzen enthalten: benannte und nummerierte Entitäten. Sie werden benötigt, um Zeichen in einem Dokument darzustellen, die syntaktisch oder physikalisch verboten sind, sowie Zeichen, die nicht über die Tastatur eingegeben werden können. Zum Beispiel, Für Tag-Namen und Attributnamen und -werte ist die Groß-/Kleinschreibung nicht wichtig. Es wird zwar empfohlen, einen gewissen Stil beizubehalten, beispielsweise die Namen aller Tags in Großbuchstaben oder in Kleinbuchstaben oder in Kleinbuchstaben zu schreiben, jedoch mit dem ersten Großbuchstaben. Ein solcher Text ist für eine Person leichter wahrnehmbar. Sehr wichtiger Hinweis! Der Zweck des Browsers besteht darin, dem Client Ihre Seite anzuzeigen. Die übliche Reaktion des Browsers auf einen Fehler besteht darin, zu versuchen, den Fehler zu beheben. Wenn dies fehlschlägt, überspringt er Wörter oder Tags, die er nicht versteht. Das ist sowohl gut als auch schlecht. Denn einerseits versucht der Browser dadurch, dem Benutzer so viel Text wie möglich anzuzeigen, andererseits kann dieser Text jedoch einen Teil mit Tags und Skripten enthalten oder der eigentliche Text nicht eingebunden, wenn der Browser es beispielsweise als Kommentar wahrnimmt. Für einen Website-Entwickler ist dieses Browserverhalten sehr beunruhigend. Seien Sie darauf vorbereitet, dass der Browser Ihre Fehler zunächst sorgfältig korrigiert, nach einer Weile jedoch verwirrt wird und zuvor funktionierende Fragmente für Sie nicht mehr funktionieren. Deshalb Rat: Machen Sie keine Fehler, sondern nutzen Sie moderne Editoren, die die HTML-Regeln kennen und Sie auf Fehler hinweisen. Freunden erzählen Twitter Gerät mit... Der Touchscreen (Sensor) eines Android-Telefons oder -Tablets funktioniert nicht richtig Nächster Artikel So füllen Sie eine Metrik (Poster mit Erfolgen) in Paint (eingebautes Windows-Programm) aus. Untergeordnete Metrik in Photoshop Lesen Sie auch Bürosoftware für ein Tourismusunternehmen. Automatisierungsprogramm für eine Selbstreise eines Reisebüros 2023-10-23 00:05:22 VKontakte: Eine schnelle Passwortwiederherstellung ist nicht verfügbar 2023-10-22 00:02:31 Autoclicker für Maus und Tastatur Der Download von Autoclicker ist sehr schnell 2023-10-22 00:02:31 Klassenkameraden arbeiten nicht! 2023-10-22 00:02:31