Unterrichten von HTML-CSS-Programmierung von Grund auf. Grundlegendes HTML für Anfänger in einfacher Sprache
Vom Autor: Hallo alle. Wir alle möchten die Website-Erstellung besser verstehen, um uns an interessanten Projekten zu beteiligen und unsere Ideen zum Leben zu erwecken. Aber was ist, wenn Sie ein absoluter Anfänger sind? Unser HTML-Tutorial für Dummies mit praktischen Lektionen wird Ihnen dabei helfen, endlich einen so wichtigen Durchbruch bei der Website-Erstellung zu erzielen, von der Nullebene bis hin zu zumindest einem grundlegenden Verständnis.
Beim Erlernen der Website-Erstellung ist, wie in fast jedem anderen Unternehmen auch, Übung wichtig. Sie können das Rezept für Borschtsch 1000 Mal noch einmal lesen, aber das wird Sie nicht dazu bringen, es zu kochen. Sie können die Grundprinzipien des Autofahrens erlernen, aber bis Sie sich ans Steuer setzen, hängt alles von der Glühbirne ab. Es ist zweifellos von Vorteil, die Theorie zu kennen, aber nicht so sehr wie echte Fertigkeiten.
Wenn wir also über das Erlernen von HTML sprechen, dann gibt es zwar auch Theorie, aber auch Praxis. Die Theorie besteht in diesem Fall nur aus einer Art Artikelserie, Lektionen zum Thema Sprache, grundlegenden Tags und deren Anwendung usw.
Das Üben beginnt für Sie, wenn Sie selbst eine HTML-Datei erstellen, dort den Startcode schreiben und anfangen, mit Ihren eigenen Händen zu lernen, wie das alles funktioniert. Habe einen Tag geschrieben und geschaut, wie es funktioniert. Ein Bild eingefügt - überprüft. Einige Attribute usw. hinzugefügt. Es ist Übung, die es ermöglicht, die wichtigsten Tags schnell zu verstehen und sich daran zu erinnern. Dann schreiben Sie sie einfach auf die Maschine und müssen sich nicht eine halbe Stunde lang merken, wie man eine Liste erstellt.
Nun, für seltene Tags sollten Sie immer ein Wörterbuch verwenden. Ich glaube, niemand, kein einziger Super-Layout-Designer und Web-Entwickler, kennt alle Tags auswendig. Es ist einfach nicht notwendig. Wenn Sie einen Tag alle 10 Jahre verwenden, warum sollten Sie ihn dann im Kopf behalten? Ich denke, es ist verständlich.
Aber ich würde eine solche Übung einfach als eine Art Sandkastenspiel bezeichnen. Sie schreiben einfach verschiedene Tags und versuchen, alles so detailliert wie möglich zu behandeln, aber alles für was? Es muss einen Zweck geben. Normalerweise werden HTML und CSS studiert, um dann eigene Webseiten und vollwertige Websites zu erstellen.
Die beste Vorgehensweise besteht also darin, ein vorgefertigtes Website-Layout zu nehmen und es zu gestalten. Beim Layout handelt es sich lediglich um den Prozess der Erstellung von Webseiten aus einer mehrschichtigen Zeichnung unter Verwendung der Sprachen HTML und CSS. Sie können während des Layouts auch Frameworks, Javascript und Anwendungsbibliotheken verwenden, aber das ist ein Thema für ein anderes Gespräch. Das alles ist eine Ergänzung. HTML ist eine grundlegende Technologie, die sehr gut verstanden werden muss.
Aber ich werde Ihnen gefallen – es ist einfach, es ist das Einfachste. Es ist sehr einfach zu lernen, wie bestimmte Tags funktionieren und wie man sie anwendet. In HTML gibt es keine komplexen Algorithmen, Funktionen, Methoden, Klassen, wie es in Programmiersprachen der Fall ist. Dies ist eine Auszeichnungssprache, es reicht aus, sie ein wenig zu studieren, und alles wird sehr klar sein.
Wie lernt man die Sprache und wo kann man sie üben?
Auch hier spreche ich von einfachem Lernen, nur wenn man den richtigen Weg geht. Das heißt, schauen Sie sich sinnvolle Video-Tutorials an, in denen die notwendigen Dinge Schritt für Schritt erklärt werden, von einfach bis komplex. Wenn Sie sich Lektionen ansehen, die nicht nach diesem Format aufgebaut sind, werden Sie höchstwahrscheinlich den größten Teil des Materials einfach nicht verstehen.
Glücklicherweise sind auf unserer Website alle Lektionen strukturiert und angeordnet, von einfach bis komplex. Wenn Sie also HTML gemäß unseren Lektionen lernen, wird es keine Probleme mit der Beherrschung des Materials geben.
Ich kann Ihnen versichern, dass es mehr Spaß macht, CSS zu lernen! Und in mancher Hinsicht sogar noch einfacher. Erstens hat CSS auch eine ganze Reihe von Eigenschaften und Regeln, die Sie sich merken müssen. Zweitens hat diese Sprache eine sehr einfache Syntax, sodass selbst Anfänger keine Probleme damit haben, Code darin zu schreiben. Drittens: Da CSS für das Erscheinungsbild der Seite verantwortlich ist, werden Sie zunächst erfreut sein, dass Sie die Seite rot färben und einen Rahmen für dieses Bild erstellt haben.
Im Allgemeinen ist das Erlernen von CSS einfach und interessant, daher empfehle ich, nicht zu zögern und sofort damit zu beginnen, nachdem Sie mit den Grundlagen von HTML fertig sind.
Ihr letztes Training
Schließlich haben Sie eine Prüfung. Aber keine Sorge, es wird einfach sein. Darüber hinaus müssen Sie es nicht selbst tun, sondern nur gemäß den Anweisungen in den Lektionen. Diese Prüfung ist ein Kurs. Darin erreichen Sie endlich das Hauptzwischenziel – erstellen Sie Ihre erste Site und erhalten Sie ein Verständnis für die Verwendung von HTML und CSS beim Erstellen realer Sites. Lassen Sie es sich um eine einfache Website handeln, aber die gewonnenen Erkenntnisse reichen aus, um weiter zu wachsen und komplexere Layouts zu erstellen.
HTML ist die Hypertext-Auszeichnungssprache, die das Web so gemacht hat, wie wir es kennen und lieben. Dank dieses wunderbaren Tools sehen die Websites schön und modern aus und die Benutzerfreundlichkeit ist ebenfalls gewährleistet. HTML ordnet die Elemente einer Webseite einfach benutzerfreundlich an. Seine Arbeit ist vergleichbar mit der von MS Word oder OpenOffice. Sie verwandeln eine inhaltslose Ansammlung von Buchstaben in ein Dokument mit Absätzen, fettem Text, Kursivschrift, Tabellen und sogar Bildern. Ungefähr dieselbe Sprache funktioniert mit HTML, mit dem einzigen Unterschied, dass ihre Dokumente im Browser angezeigt werden und die Möglichkeiten dieses Tools viel größer sind als die eines Texteditors. Für das Markup werden Tags verwendet – spezielle Befehle, die die Struktur einer Webseite beschreiben. Sie sind in spitze Klammern eingeschlossen -<тег>damit der Browser sie vom Großteil des Textes unterscheiden kann. Als Nächstes behandeln wir die Grundlagen von HTML für Anfänger.
Visuelle Redakteure
Anfänger, die gerade erst den Weg zum Erlernen von HTML betreten, beginnen ihre Arbeit oft mit Programmen, mit denen Sie ohne Vorkenntnisse Websites erstellen können. Darin können Sie die Elemente auf dem Bildschirm einfach so anordnen, wie sie im Browser angezeigt werden. Es scheint, dass es sich hier um eine Quelle ewiger Gnade handelt, die es Ihnen ermöglicht, die meisten Webentwickler loszuwerden. Aber nicht alles ist so einfach, denn visuelle Editoren haben viele Mängel, die ihren Einsatz in ernsthaften Projekten unmöglich machen.
Alle diese Programme erstellen viele unnötige Tags, die die endgültige Version der Seite umständlich und suboptimal machen. Natürlich ist dies im Zeitalter des Hochgeschwindigkeitsinternets weniger wichtig als zuvor, aber es gibt eine Reihe von Gründen, warum sich eine prägnante und gut geschriebene Website als praktischer erweist als ihr Gegenstück, das in einem visuellen Editor erstellt wurde. Eine in einem solchen Programm erstellte Webseite wird von Suchrobotern schlecht verarbeitet, da für sie jedes Kilobyte Code wichtig ist und ihnen umständlicher und unlogischer Code mit einer Menge kaum gefallen wird. Darüber hinaus sind Redakteure oft hinter der Zeit zurück und werden irrelevant, und es lohnt sich nicht, Ressourcen für ihre Entwicklung aufzuwenden, da kein einziger Profi diese Produkte verwendet. Daher sollte jeder, der im Bereich der Erstellung von Websites arbeiten möchte, die Grundlagen von HTML kennen.
Stichworte
Wie oben erwähnt, beschreiben Tags dem Browser die Struktur einer Webseite. Die meisten von ihnen haben ein öffnendes und schließendes Tag, aber nicht alle. Zum Beispiel,
Es gibt auch einzelne Tags, die nicht geschlossen werden müssen. In ihnen ist der Inhalt enthalten, so wie er für die meisten HTML-Tags geschrieben werden kann und die Eigenschaften des Elements festlegt. Es wird im öffnenden Tag angezeigt und sieht etwa so aus: attribute = „…“, wobei anstelle von Punkten ein Attributwert steht. Die Kenntnis der Tags ist der erste und wichtigste Schritt bei der Beherrschung von HTML. Zu den Grundlagen dieser Kunst gehört auch das Verständnis der Struktur einer Webseite.
Dokumentenstruktur
Jedes HTML-Dokument verfügt über eine entsprechende Erweiterung, beispielsweise Index.html. So kann der Browser verstehen, womit er es zu tun hat, und die Seite korrekt anzeigen. Es empfiehlt sich, alle zum Erstellen der Site verwendeten Dateien in einem Verzeichnis zu speichern, was Ihnen das Leben in Zukunft erheblich erleichtern wird. Die Grundlagen der HTML-Hypertext-Auszeichnungssprache erfordern ein klares Verständnis der Struktur eines Dokuments. Es beginnt mit dem Tag, die dem Browser mitteilt, welche HTML-Version in diesem Dokument verwendet wird. Im Moment ist die fünfte Version der Sprache relevant, sodass Sie nichts erfinden müssen. Sie können das obige Tag sicher am Anfang jeder Seite einfügen.
Dann kommen die wichtigsten Paarstrukturen, die das „Skelett“ der Site bilden. Das erste Tag, in dem alle anderen verschachtelt sind − .... Alles, was darüber hinausgeht, wird vom Browser nicht als Webseite erkannt, daher öffnet er das Dokument und schließt es. Dieses Tag ist für jedes Dokument erforderlich. Es enthält auch einige weitere erforderliche Tags, die weiter unten besprochen werden.
Kopf
Im Etikett
... enthält technische Informationen, die nicht auf der Seite angezeigt werden, aber dennoch ein wichtiger Bestandteil des HTML-Dokuments sind. An dieser Stelle werden die Grundlagen der Site gelegt, hier wird die Kodierung ausgewählt und der Seitenname eingegeben. Es ist in einem erforderlichen Tag enthaltenVerknüpfung
Um die Grundlagen von HTML zu kennen, müssen Sie auch kaskadierende Stile oder CSS verwenden. Sie legen die Eigenschaften der Elemente fest, die auf der Seite angezeigt werden. Der moderne Ansatz für diese Aufgabe besteht darin, Merkmale wie Farbe, Höhe und Position des Elements aus einer externen Datei zu entfernen, um die Benutzerfreundlichkeit zu erhöhen. Das Tag wird verwendet, um die CSS-Datei zu verbinden . Wenn es fertig ist, sieht es so aus: , wobei href den Speicherort der Datei und type ihren Typ angibt.
Körper
In diesem Teil des HTML-Dokuments wird der sichtbare Teil der Seite erstellt. Alles, was im „Körper“ geschieht, wird vom Browser angezeigt. IN
Es werden sehr viele HTML-Tags verwendet. Die Grundlagen sind Textformatierung, das Arbeiten mit Links und die einfachsten Werkzeuge zur Strukturierung einer Webseite. Um mit HTML zu beginnen, reicht es aus, die grundlegenden Tags zu kennen und sie verwenden zu können. Nachfolgend sind die beliebtesten aufgeführt:- – wird verwendet, um einen Teilstring auszuwählen, der einem speziellen, in CSS beschriebenen Stil unterliegt;
- - erstellt einen Link auf einer Webseite; Die Sprungadresse wird durch das href-Attribut festgelegt.
- - einer der beliebtesten Tags unserer Zeit; Jeder, der sich entscheidet, die Grundlagen der HTMLl-Sprache zu erlernen, sollte ihr besondere Aufmerksamkeit schenken, da es sich um ein Blockelement handelt, auf dessen Grundlage der Löwenanteil moderner Websites erstellt wird (Parameter für Blöcke).werden in CSS festgelegt und andere Blöcke können in diesem Tag platziert werden);
Wählt einen Absatz aus dem Text aus; der Inhalt des Absatzes liegt zwischen dem öffnenden und dem schließenden Tag;
- - nummerierte Liste, deren Elemente in einem Paar-Tag eingeschlossen sind
- - eine Liste mit Aufzählungszeichen, in der Elemente wie in einer nummerierten Liste durch ein Tag gekennzeichnet sind
-
- Dokumentüberschriften (die Zahl gibt die Ebene der Überschrift an, d. h
- die Hauptüberschrift und die nachfolgenden Optionen sind übrigens die Unterüberschriften, die Ebenenüberschriften
,
(im Internet fast unmöglich zu finden) ist es auch wichtig zu bedenken, dass es nur eine Überschrift pro Seite geben darf
;
- - Miniaturansicht;
- - Kursivschrift;
- Einfügen eines Bildes auf einer Webseite (dies ist ein einzelnes Tag, es ist kein schließendes Tag erforderlich, es muss jedoch das Alt-Attribut enthalten, das den Text für das Bild angibt);
Dies sind nicht alle Tags, die Sie zum Erstellen Ihrer eigenen Webseite benötigen, aber sie reichen aus, um die Grundlagen von HTML für Anfänger zu legen.
CSS
Die Entwicklung der HTML-Sprache hat dazu geführt, dass jedes Tag eine Vielzahl von Attributen erhalten hat und die Anforderungen an das Erscheinungsbild von Webseiten erheblich gestiegen sind. Der Code wurde umständlich und unbequem, es war schwierig, ihn zu lesen, geschweige denn anzupassen oder zu ändern. Wenn Sie außerdem zehn Seiten auf Ihrer Website haben, auf denen viele Überschriften grün markiert sind, und Sie diese plötzlich rot machen möchten, müssen Sie hart daran arbeiten, jede einzelne manuell zu ändern. Mit dem Aufkommen von Cascading Style Sheets ist dieser Prozess einfacher und logischer geworden und HTML-Code ist viel lesbarer geworden.
Anwenden von CSS
Um Webseiten zu erstellen, müssen Sie die Grundlagen von HTML und CSS kennen, denn ohne Kenntnisse über Cascading Style Sheets geht in diesem Bereich heute nichts mehr. Sie legen Attribute für jedes Element fest, die für das gesamte Dokument gelten. Somit können Sie die Farbe für alle Elemente gleichzeitig festlegen
Um eine CSS-Datei mit einem Dokument zu verlinken, gibt es einen Link-Tag. Das Prinzip seiner Verwendung wurde etwas weiter oben beschrieben, es ist jedoch nicht die einzige Möglichkeit, alle Stile an einem Ort zu vereinen. Es gibt ein weiteres Tag
Element verwenden . Das Element erfordert kein schließendes Tag. Dieses Element definiert die Beziehung zwischen der aktuellen Seite und anderen Dokumenten. Auf einer Seite können mehrere solcher Elemente vorhanden sein. Der Eintrag wird so aussehen:
Tabelle 4. Tag-Attribute
Attribut Beschreibung, akzeptierter Wert Crossorigin Gibt an, ob CORS (eine Browsertechnologie, die einer Webseite den Zugriff auf Ressourcen aus einer anderen Domäne ermöglicht) beim Abrufen eines Bildes von einer Site verwendet werden soll.
anonym – bei einer domänenübergreifenden Anfrage fügt der Browser automatisch einen Origin-Header hinzu, der den Namen der Domäne enthält, von der aus die Anfrage gestellt wurde. Wenn der Server nicht mit einem CORS-Header Access-Control-Allow-Origin: * (oder einem Domänennamen anstelle eines Sternchens) antwortet, wird das Laden des Bildes blockiert.
use-credentials – Wenn der Server keine Anmeldeinformationen mit Access-Control-Allow-Credentials: true bereitstellt, wird das Laden des Bildes blockiert.href Das Hauptattribut des Tags, der Wert, ist der Pfad zur Datei mit Stilen. hreflang Gibt die Sprache des Textes im verknüpften Dokument an. Medien Gibt den Gerätetyp an, auf den die Linkressource angewendet werden soll. einmal Eine vom Server zufällig generierte Zeichenfolgenvariable, die die Regeln für die Verwendung von Inline-Stilen zum Schutz von Inhalten festlegt. Der Wert des Attributs ist eine Textzeichenfolge. rel Das Attribut definiert die Beziehung zwischen dem aktuellen Dokument und dem referenzierten Dokument.
alternativ – ein Link zum gleichen Dokument, aber in einem anderen Format (z. B. druckbare Seiten, Übersetzung, Spiegelung, RSS- oder Atom-Feed),
.
Archives weist darauf hin, dass das verlinkte Dokument von historischem Interesse ist. Der Link kann auf eine Sammlung von Aufzeichnungen, Dokumenten und anderen Materialien verweisen.
Autorenlink zur Seite über den Autor des Dokuments oder zur Seite mit den Kontaktdaten des Autors.
Lesezeichen Ein Verweis auf den nächsten Vorfahren des Artikels, der den Link darstellt, oder auf den Abschnitt des Artikels, der am engsten mit dem Element verknüpft ist, wenn es keinen Vorfahren gibt.
„Extern“ wird verwendet, um anzuzeigen, dass die verlinkte Seite nicht Teil dieser Website ist.
first gibt einen Link zum ersten Dokument in einer Reihe von Dokumenten an.
Hilfelink zu einem Hilfedokument.
icon gibt den Pfad zum Symbol an, das für das aktuelle Dokument verwendet werden soll.
last gibt einen Link zum letzten Dokument in einer Reihe von Dokumenten an.
Lizenz Ein Link zu den Copyright-Informationen für das Dokument.
next gibt an, dass dieses Dokument Teil einer Serie ist und dass der Link auf das nächste Dokument in der Serie verweist.
nofollow weist darauf hin, dass der Link vom Autor der Seite nicht genehmigt wurde oder dass es sich um einen kommerziellen Link handelt.
noreferrer gibt an, dass der Client-Anforderungsheader, der die URL der Anforderungsquelle enthält, nicht übergeben werden soll, wenn dem Link gefolgt wird.
pingback gibt die Adresse des Pingback-Servers an, der es dem Blog ermöglicht, Websites, die auf ihn verlinken, automatisch zu benachrichtigen.
prefetch gibt an, dass die referenzierte Datei vorher zwischengespeichert werden soll.
prev gibt an, dass dieses Dokument Teil einer Serie ist und dass der Link auf das vorherige Dokument in der Serie verweist.
Die Suche gibt an, dass das referenzierte Dokument eine Suchoberfläche und zugehörige Ressourcen enthält.
Die Seitenleiste zeigt an, dass das verlinkte Dokument, wenn möglich, in einem zusätzlichen Browserkontext angezeigt wird, und einige Browser öffnen beim Klicken auf den Hyperlink ein Fenster, um den Link zur Lesezeichenleiste hinzuzufügen.
Stylesheet ist ein Verweis auf eine externe Datei, die als Stylesheet für dieses Dokument verwendet wird.
Tag gibt an, dass das Tag, zu dem der Hyperlink führt, zu diesem Dokument gehört.
up zeigt an, dass die Seite Teil einer hierarchischen Struktur ist und dass der Hyperlink zu einer Ressource auf einer höheren Ebene in der Struktur führt.Größen Gibt die Größe der Symbole für die visuelle Anzeige an. Das Attribut „sizes“ wird nur in Verbindung mit rel="icon" verwendet und kann die folgenden Werte annehmen:
Breiten Höhe – definiert eine durch Leerzeichen getrennte Liste von Größen. Jede Größe muss im Format Breiten Höhe vorliegen (Symbolgrößen werden in Pixel angegeben), zum Beispiel:
;
beliebig – das Symbol kann auf jede beliebige Größe skaliert werden.Titel Gibt den Titel des Links oder den Namen des Satzes alternativer Stylesheets an. Der Attributwert ist Text. Typ Gibt den MIME-Typ des Dokuments an, mit dem verknüpft wird. In diesem Fall nimmt es den Wert „text/css“ an. 1.2.5. Element
Таблица 5. Атрибуты тега
).Teilt dem Browser mit, dass alles zwischen diesen Tags in Ihrem Browserfenster angezeigt werden soll. Hier sind die wichtigsten Tags, die in absolut jedem Dokument vorhanden sein können. Das Body-Tag dient als Hauptteil der Seite, der den gesamten Inhalt enthält. Es empfiehlt sich, dieses Tag zu öffnen und nicht zu vergessen, es am Ende des Dokuments zu schließen.
Seitentitel h1 h2 h3
Machen wir weiter, wir sehen das Tag
der sich auch öffnet und schließt. Dieses Tag bezeichnet die Hauptüberschrift des Textes, in den meisten Fällen steht unter der Überschrift H1 der Titel der Seite. Tatsächlich gibt es nur sechs Datenköpfe.
. Sie werden auch im SEO verwendet, aber das ist ein etwas anderes Thema. Ich werde dafür auf jeden Fall einen Artikel hervorheben und eine ausführliche Beschreibung dazu geben, Blog-Updates abonnieren, um nichts zu verpassen.
Das Vorhandensein eines solchen Titels im Artikel wird eine wichtige Rolle bei der Werbung für die Seite spielen. Darüber hinaus erhalten Sie durch ihre Verwendung eine klare Seitenstruktur, ihre Überschriften, Unterüberschriften, Hervorhebungen, Unterabsätze usw. Nutzen Sie sie immer und setzen Sie sie in die Praxis um. Auf vielen CMS, wie z. B. WordPress, werden Sie beim Schreiben von Texten „Überschrift 1“, „Überschrift 2“, „Überschrift 3“ usw. bemerken. Sie sind für h1, h2 und h3 verantwortlich.
Wenn Sie den Textkörper aus einem neuen Absatz schreiben, schreiben Sie ein Tag
Am Anfang und schließen Sie es am Ende
. Das Festlegen eines Absatzes in HTML entspricht dem Erstellen eines neuen Absatzes in einem MS Word-Dokument. Ich habe dem Dokument nichts Neues hinzugefügt. Dies ist jedoch nicht alles, was im HTML-Dokument vorhanden sein sollte. Schauen wir uns ein anderes Beispiel an, die Beschreibung folgt etwas später.HTML-Dokument Dieser Text wird fett gedruckt, und dieser ist kursiv geschrieben
< ! DOCTYPE html >
< html >
< head >
< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >
< title >HTML-Dokument< / title >
< / head >
< body >
< p >
< b >
< / b >
< / p >
< / body >
< / html >
Grundlegende Kopf- und Titelelemente
Jedes Dokument verfügt über ein Kopfelement und ein Titelelement. Der erste
, das direkt nach dem ersten Tag kommt . Dieses Tag enthält alle Informationen über die Seite, es enthält auch das Element. Titel – Informationen über den Titel der Seite, also den Titel der Seite, ihren Namen. Im Titel geben Sie den korrekten Namen der Seite an, nach der der Benutzer über die Suchmaschine nach Ihnen suchen wird, ein sehr wichtiger Punkt. Beide Elemente müssen gleichermaßen geöffnet und geschlossen sein. Jedes Element wird mit einem „/“-Zeichen abgeschlossen. Im Ergebnis ist dies das Bild. \SeiteninhaltKopfzeile& < / html > Wie Sie sehen, gibt es nichts Kompliziertes. Hier sind die grundlegendsten Tags, die in jedem HTML-Dokument vorhanden sein sollten. Vergessen Sie nicht, jeden von ihnen zu schließen, da der Browser sonst nicht das vollständige Bild des Codes erkennen kann. Dies muss immer bekannt und im Gedächtnis bleiben. Dann beginnen Sie mit dem Einfügen von Texten, Bildern, Videos usw. Aber das wird in anderen Artikeln sein.
Notepad++-Editor
Verwenden Sie Notepad++, um mit dem Code zu arbeiten. Es ist kostenlos und leicht online zu finden. Sehr praktisch für die Wahrnehmung jedes Codes, es ist auch praktisch, die öffnenden und schließenden Tags anzuzeigen. Wir unterstützen die Syntax von mehr als 40 Programmiersprachen. Genau das, was Sie brauchen, um die Grundlagen von HTML zu erlernen.
Notepad ist einem normalen Notizblock in jeder Hinsicht überlegen. Für maximale Bequemlichkeit, Einfachheit und Lernfähigkeit muss dieser Editor zunächst auf einem Computer installiert werden. Der grundlegendste Vorteil und Komfort besteht darin, dass der Notepad++-Editor beim Schreiben von Code Hinweise anzeigt, wodurch Ihre Arbeit manchmal schneller und besser wird.
DOCTYPE-Element
Jedes Dokument muss außerdem das folgende Doctype-Element angeben. Warum wird es benötigt und was sollte darin enthalten sein? Normalerweise mögen die Leute diese Zeilen nicht besonders, sie kopieren sie in Dokumente und arbeiten ruhig. Diese Elemente teilen dem Browser mit, welche HTML-Version im Dokument verwendet wird, welche Beschreibung der Seite verwendet wird, welche Kodierung verwendet wird, welche Schlüsselwörter enthalten sind, wer der Autor ist und wie die Seite heißt.
Sie werden normalerweise ganz am Anfang platziert. Es gibt mehrere Optionen und sie unterscheiden sich alle voneinander. Ich werde ein Beispiel schreiben, das am häufigsten verwendet wird. Dieser Rohling kann als vorgefertigte Vorlage verwendet werden. Als nächstes folgt eine klare Beschreibung jeder Zeile, damit sollte es keine Probleme geben.
Kurz im Klartext zu den Grundlagen von HTML: Diese Zeile teilt dem Browser mit, dass dieses Dokument XHTML Version 1.0 ist, Englisch verwendet wird und sich dieser ganze Mist unter dieser Adresse befindet. Geben Sie als Nächstes im Meta-Tag die verwendete Codierung an. Am häufigsten wird Windows 1251 verwendet.
Beschreibung – das Thema SEO ist betroffen, eines der drei Haupt-Tags, die in absolut jedem Dokument vorhanden sein müssen, dieses Tag gibt die Beschreibung der Seite an. Was auf dieser Seite steht, eine kurze Beschreibung, nicht mehr als zwei Sätze. Auch das Keywords-Tag betrifft das Thema SEO, dieses Tag ist erforderlich. Es enthält Schlüsselwörter, über die Internetnutzer Sie finden können Suchmaschinen.
Das Title-Tag enthält den Namen des Dokuments selbst, seinen Titel, den wir im Browser sehen. Wahrscheinlich das wichtigste Tag im gesamten Dokument, das den größten Einfluss auf die Seitenwerbung hat. Der Artikel zum Hinzufügen und Entwerfen beschreibt dieses Tag ausführlicher.
Was Sie aus dieser Lektion über die Grundlagen von HTML beachten müssen:
- Fast alle Tags öffnen und schließen;
- Das Dokument beginnt mit einem Tag ;
- Tag-Präsenz ;
- Tag-Präsenz ;
- Die klare Struktur des HTML-Dokuments.
Alle Masterseiten sollten immer mit dem Wort benannt werden Index. So wird es akzeptiert und jeder ist daran gewöhnt, egal welche Erweiterung die Datei haben wird, es kann sowohl HTML als auch PHP sein. Es wird immer so genannt.
Sehen Sie sich das Video zu den HTML-Grundlagen von Webformyself an.
Hypertext-Auszeichnungssprache, Grundelemente und Struktur. All dies und noch viel mehr werde ich versuchen, auf meinem Blog zu beschreiben. Zunächst werden nützliche Informationen für Anfänger geschrieben, ein Beispielcode bereitgestellt und die Möglichkeit gegeben, das Beispiel selbst zusammen mit der fertigen Seite herunterzuladen.
Jeder nutzt das Internet und jeder durchsucht verschiedene Websites, und wahrscheinlich würde jeder seine Website gerne ins Internet stellen, aber das ist nicht einfach, es gibt viele Gründe dafür. Damit Sie jedoch eine qualitativ hochwertige Website hosten können, müssen Sie lediglich die Grundlagen von „ Web Programmierung", welches ist HTML-Sprache. In diesem Artikel werden wir uns die Hauptelemente, Tags und Attribute ansehen und sogar die erste Webseite schreiben.
Hyper Text Markup Language- „HTML“ ( Hypertext-Auszeichnungssprache) Viele betrachten es schon lange nicht mehr nur als Programmiersprache. Denn das eigentliche Konzept von HTML umfasst verschiedene Methoden zum Entwerfen von Hypertextdokumenten, Design, Hypertext-Editoren, Browsern und vielem mehr. Ein Benutzer, der diese Sprache beherrscht, erwirbt die Fähigkeit, ernsthafte Dinge mit einfachen Methoden und vor allem schnell zu erledigen, was in der modernen Welt als sehr gut gilt!
In HTML können Sie Ihre eigenen Multimedia-Produkte erstellen und auf CDs verteilen, und alle diese Produkte, die in Form von HTML-Seitensätzen erstellt werden, erfordern keine Entwicklung spezieller Softwaretools, da alles Notwendige für die Arbeit mit Daten ( Internetbrowser) sind Teil der Standardsoftware der meisten Personalcomputer geworden.
- Element (Element) ist ein HTML-Sprachkonstrukt. Dabei handelt es sich um ein Objekt, das Daten enthält und es Ihnen ermöglicht, diese auf eine bestimmte Weise zu formatieren. Jede Webseite besteht aus einer Reihe von Elementen. Eine der Hauptideen von Hypertext ist die Fähigkeit, Elemente zu verschachteln.
- Schild (Schild) sind die Start- oder Endmarkierungen des Elements. Tags definieren den Umfang von Elementen und trennen Elemente voneinander. Im Text einer Webseite werden Tags in spitze Klammern eingeschlossen und auf das End-Tag folgt immer ein Schrägstrich.
- Attribut(Attribut) – Ein Parameter oder eine Eigenschaft eines Elements. Mit anderen Worten handelt es sich um eine Variable, die einen Standardnamen hat und der ein bestimmter Satz von Werten zugewiesen werden kann: Standard oder beliebig. Es wird erwartet, dass Attributzeichenwerte in gerade Anführungszeichen eingeschlossen werden, einige Browser erlauben jedoch die Verwendung von Anführungszeichen nicht. Dies liegt daran, dass der Attributtyp immer im Voraus bekannt ist. Attribute befinden sich innerhalb des Start-Tags und sind durch Leerzeichen voneinander getrennt.
- Hyperlink– ein Textstück, das auf eine andere Datei oder ein anderes Objekt verweist. Hyperlinks sind notwendig, um die Navigation von einem Dokument zum anderen zu ermöglichen.
- rahmen (rahmen) – dieser Begriff hat zwei Bedeutungen. Der erste ist der Dokumentbereich mit eigenen Bildlaufleisten. Der zweite Wert ist ein Bild in einem Komplex ( Animation) Bilddatei (ähnlich einem Einzelbild aus einem Film). Es ist auch möglich, dass in der Fachliteratur und in lokalisierten Softwareprodukten anstelle des Begriffs „Frame“ der Begriff „Frame“ oder „Frame“ zu finden ist.
- HTML-Datei oder HTML-Seite – ein Dokument, das in Form von Hypertext basierend auf der HTML-Sprache erstellt wurde. Solche Dateien haben die Erweiterungen htm oder html.
- Applet (Applet) ist ein Programm, das als separate Datei auf den Computer des Kunden übertragen und beim Betrachten einer Webseite gestartet wird.
- Skript oder Skript ( Skript) ist ein Programm, das in einer Webseite enthalten ist, um deren Funktionen zu erweitern.
- Verlängerung (Verlängerung) ist ein Element, das nicht Teil der Sprachspezifikation ist, aber verwendet wird und die Möglichkeit bietet, einen neuen interessanten Formatierungseffekt zu erzeugen.
- CGI (Gemeinsame Gateway-Schnittstelle) ist ein allgemeiner Name für Programme, die es Ihnen ermöglichen, die Funktionen von Webseiten zu erweitern, während sie auf einem Server ausgeführt werden. Ohne solche Programme ist es beispielsweise nicht möglich, interaktive Seiten zu erstellen.
- HTML Quelltext - hyper Text dokument in seiner ursprünglichen Form, wenn alle Elemente und Attribute sichtbar sind.
- Website— ein Dokument (eine Datei), das im Hypertextformat erstellt und im World Wide Web veröffentlicht wird.
- Webseite (Grundstück) ist eine Reihe von Webseiten, die sich an einem Ort befinden und miteinander verbunden sind.
- Browser (Browser) ist ein Webbrowser. () – Kopieren von Dateien vom Server auf den Client-Computer.
- URL (Einheitlicher Ressourcenfinder) oder Uniform Resource Locator, die Adresse eines Objekts im Internet, d. h. Eine typische WWW-URL sieht so aus: http://www.name.domain/dateiname.
Alle Elemente der Sprache lassen sich bedingt in drei Gruppen einteilen. Die erste umfasst Elemente, die die Struktur eines Hypertextdokuments erstellen. Die Verwendung solcher Elemente ist eine notwendige Formalität, die nicht vernachlässigt werden darf. Die zweite Gruppe umfasst Elemente, die Formatierungseffekte erzeugen. Ihre Verwendung wird durch die spezifischen Anforderungen an das Dokument, die Vorstellungskraft und die Kompetenz des Entwicklers bestimmt. Die dritte Gruppe umfasst Elemente, mit denen Sie die auf dem Client-Computer installierte und ausgeführte Software steuern können. Häufig werden solche Elemente automatisch erstellt, wenn ein Entwickler einen Hypertext-Editor oder ein ähnliches Programm verwendet, um ein Objekt in ein Dokument einzufügen.
Obwohl es sich bei der HTML-Spezifikation um einen Standard handelt, wird die Sprache um neue Elemente erweitert ( Erweiterungen). Daher sind einige Webseiten mit bestimmten Browsern einfacher anzuzeigen. Erweiterungen werden nur von namhaften Entwicklungsunternehmen erstellt Software für das WWW, und normale Benutzer können ihre Webseiten durch Programmierung verbessern. Mit Applets können Sie die Einschränkungen von HTML beseitigen und der Fantasie des Entwicklers freien Lauf lassen.
HTML-Versionen
Die erste Version der HTML-Sprache wurde Anfang der 90er Jahre von Tim BenersLee für einen der in der Vergangenheit beliebten Mosaik-Browser entwickelt. Aber damals hatten weder der Browser noch HTML selbst einen sinnvollen Nutzen. Im Jahr 1993 erschien HTML+, und auch diese Version blieb weitgehend unbeachtet. Die Verbreitung der HTML-Sprache erfolgte jedoch erst durch die Version 2.0, die im Juni 1994 erschien. Und seitdem hat die Popularität des WWW weltweit zugenommen. Die in Version 2 enthaltenen Standards haben sich so gut etabliert, dass sie auch heute noch verwendet werden.
Die HTML-Version 3.0, die etwa ein Jahr später erschien, führte die Möglichkeit ein, mathematische Symbole zu zeichnen ( Integralzeichen, Unendlichkeit, Brüche, Klammern usw.) unter Verwendung von Elementen der Sprache. Die Entwicklung dieses Projekts verlangsamte sich jedoch und fand keine weitere Verbreitung.
Im Jahr 1996 erschien die HTML-Version 3.2. Es war eine brillante Entscheidung, es genügt zu erwähnen, dass Frames in die Sprachspezifikation eingeführt wurden und sich heute bei Website-Entwicklern großer Beliebtheit erfreuen. Bis heute unterstützen alle Browser diese HTML-Version.
Die offizielle HTML 4-Spezifikation ( Dynamisches HTML) wurde 1997 entwickelt. Zu diesem Zeitpunkt war bereits klar, dass die Weiterentwicklung des Hypertexts durch Webprogrammierung erfolgen würde. Dies erwies sich als wesentlich effizienter als die Einführung neuer Elemente in die Sprache.
Webseitenstruktur
Nachfolgend finden Sie den Code der Webseite, der in HTML erstellt wurde. Am Beispiel dieser Seite analysieren wir ihre Struktur. Kopieren Sie jedoch zunächst den gesamten Code in einen normalen Textnotizblock, klicken Sie auf „Speichern unter“ und speichern Sie ihn Datei mit der Erweiterung html, also . Schreiben Sie .html nach dem Titel
Die Struktur des Webdokuments Springen Sie zum Ende des Dokuments<НR> <Н1>Überschrift 1 <Н2>Überschrift 2 <НЗ>Überschrift 3 <Н4>Überschrift 4 <Н5>Überschrift 5 <Н6>Überschrift 6 <НR>Hier befindet sich erster Link<а name ="list2"> <НR> <р>Sollte sich hier befinden
der Haupttext der Webseite.
Und ich werde zum Beispiel hier einfügen
mehrere Überweisungen,
so, dass du kannst
visuell beobachten,
Wie funktioniert es bei Ihnen?
Links innerhalb des Dokuments
aber wenn Sie eine große Auflösung haben,
Sie werden den Übergang auf den Links einfach nicht bemerken
<НR> <а name="list1"Gehe zu<а href ="#list">Anfang des Dokuments
Um die Struktur einer Webseite zu verstehen, ist es notwendig, alle ihre Elemente zu berücksichtigen, die im obigen Code enthalten sind.
< html>
Dokumentbezeichnung in HTML. Eines der Prinzipien der Sprache ist die mehrstufige Verschachtelung von Elementen. Dieses Element ist das äußerste Element, da sich die gesamte Webseite zwischen ihren Start- und End-Tags befinden muss. Der Idee nach kann dieses Element als Formalität betrachtet werden. Es verfügt über die Attribute version, lang und dir, die in diesem Fall selten verwendet werden, und ermöglicht die Verschachtelung von HEAD, BODY FRAMESET und anderen Elementen, die die Gesamtstruktur der Webseite definieren. Natürlich das End-Tag Alle diese Dokumente werden gelöscht.
< Kopf>
Der Kopfbereich der Webseite. Mit anderen Worten, es ist der erste Teil. Genau wie das vorherige Element dient HEAD nur dazu, die allgemeine Struktur des Dokuments zu bilden. Dieses Element kann die Attribute lang und dir haben.
< Titel>
Ein Element zum Platzieren des Titels der Webseite. Die innerhalb dieses Elements befindliche Textzeile wird nicht im Dokument, sondern in der Titelleiste des Browserfensters angezeigt. Dieses Element hat großen Einfluss auf die Werbung in der Suchmaschine. Suchmaschinen achten besonders auf den TITLE-Tag. Mein Rat: Erstellen Sie niemals einen sehr langen Text in diesem Tag ( 65 Zeichen reichen aus).
<МЕТА>
Dieses Element enthält Dienstinformationen, die beim Anzeigen einer Webseite nicht angezeigt werden. Darin befindet sich kein Text im üblichen Sinne, daher gibt es auch kein End-Tag. Jedes META-Element enthält zwei Hauptattribute, von denen das erste den Datentyp und das zweite den Inhalt definiert.
< Körper>
Dieses Element enthält Hypertext, der die eigentliche Webseite definiert. Dies ist der sichtbare Teil des Dokuments, den die Seite automatisch entwickelt und der vom Browser angezeigt wird. Dementsprechend sollte am Ende der Webseite nach dem End-Tag dieses Elements gesucht werden. Innerhalb des BODY-Elements können Sie alle Elemente zum Entwerfen einer Webseite verwenden. Innerhalb des Start-Tags des BODY-Elements können Sie viele Attribute platzieren, die zur Festlegung der gesamten Seite dienen. Betrachten wir sie der Reihe nach.
Eines der nützlichsten Attribute dieses Tags, das sich auf das Seitendesign auswirkt, ist
Hintergrund = „Pfad zur Hintergrunddatei“
Bei einem einfacheren Hintergrunddesign kommt es darauf an, die Farbe festzulegen
bgcolor="#FFFFFF"
Die Hintergrundfarbe wird durch drei zweistellige Hexadezimalzahlen angegeben, die die Intensität von Rot, Grün und Blau (rbg) definieren.
Da Sie den Hintergrund der Seite ändern können, können Sie auch die Farbe des Textes ändern. Dies hat das folgende Attribut
text="#RRGGBB"
Das folgende Attribut wird verwendet, um die Textfarbe von Hyperlinks festzulegen.
link="#RRGGBB"
Sie können auch eine Farbänderung für den letzten vom Benutzer ausgewählten Hyperlink festlegen
<Н1>
Header-Element. Es gibt sechs Überschriftenebenen, die wie folgt bezeichnet werden.
<Н1>Header
<Н2>Header
<Н3>Header
<Н4>Header
<Н5>Header
<Н6>HeaderDer Header der Ebene 1 ist der größte und Level 6 bietet den kleinsten Header. Für Überschriften können Sie ein Attribut verwenden, das die Ausrichtung auf links, zentriert oder rechts festlegt:
align="left" align="center" align="right"
Das Tag wird zum Erstellen eines neuen Absatzes verwendet.
Und um in eine neue Zeile zu wechseln, ohne ein Absatz-Tag zu erstellen
d.h. es findet eine Übertragung statt. Diese Tags müssen nicht geschlossen werden. Natürlich, wenn Sie es nicht im Tag verwendenDas ALIGN-Element, das die Absatzausrichtung festlegen kann:
Links
Zentriert
Rechts
Der Text zwischen diesen Elementen ist im Blocksatz gehalten.
<НR>
Horizontale Linie ( horizontale Regel) ist ein sehr häufiges Element. Erstens, weil es mit seiner Hilfe sehr einfach und bequem ist, die Seite in Teile zu unterteilen. Zweitens, weil der Autor der Seite kaum eine Auswahl an solchen Gestaltungselementen hat. Das Element hat kein End-Tag, aber eine Reihe von Attributen zur Ausrichtung links, zentriert, rechts und im Blocksatz:
- align="left"
- align="center"
- align="right"
- align="justify"
Ein HTML-Dokument kann sehr umständlich sein und für den Benutzer, der schnell zum gewünschten Abschnitt des Dokuments wechseln muss, nicht sehr praktisch sein. Dazu können Sie den Mechanismus der Hyperlinks nutzen. Platzieren Sie dazu die entsprechenden Beschriftungen an den richtigen Stellen im Text.
<а name=»метка»>Freier Text
In diesem Fall erhält eine bestimmte Dokumentzeile einen Namen und daher kann ein anderer Teil des Dokuments oder sogar ein anderes Dokument mit dieser Bezeichnung verknüpft werden.
Um Bilder einzufügen ( Bilder) in einem HTML-Dokument wird das folgende Tag verwendet ( Bietet eine vollständige Beschreibung der Attribute dieses Tags):
Listen
(Liste) wurden in HTML entwickelt, zweifellos beeinflusst durch den Erfolg von Texteditoren. Die Liste unterscheidet sich vom reinen Text vor allem dadurch, dass sich der Benutzer keine Gedanken über die Nummerierung ihrer Elemente machen muss: HTML übernimmt diese Aufgabe. Wird die Liste um neue Einträge ergänzt oder gekürzt, wird die Nummerierung automatisch fortgeführt. Bei ungeordneten Listen stellt HTML jedem Element Kreise, Rechtecke, Rauten und andere Bilder voran. Am Ende nimmt die Liste eine anständige Form an. Es gibt zwei Gruppen solcher Tags: Eines definiert das allgemeine Erscheinungsbild der Liste ( und ermöglichen Ihnen die Angabe von Attributen), während andere seine interne Struktur definieren. Listen können Standardattribute verwenden. Es gibt verschiedene Arten von Listen.
Am häufigsten ist eine ungeordnete Liste ( ungeordnete Liste). Nachfolgend wird es dargestellt:
- Punkt 1 der Liste
- Punkt 2 der Liste
- Punkt 3 der Liste
Das ul-Element ist eine Art Auswahl der Liste. Es ermöglicht Ihnen, eine Liste von einer anderen zu trennen. Das li-Element steht für jedes der Elemente.
Tische
Sie sind eines der notwendigsten Mittel zur Formatierung von Daten auf einer Webseite. Der größte Vorteil besteht darin, dass der Browser die Zeichnung der gesamten Tabelle übernimmt. Die Größe des Rahmens kann automatisch an die Größe des Browser-Ansichtsfensters und natürlich an die Größe der Textzeilen und Zahlen in den Zellen der Tabelle angepasst werden. Mit Tabellen können Sie unter anderem viele Gestaltungsaufgaben lösen: Teile der Seite relativ zueinander ausrichten, Bilder und Text nebeneinander platzieren, Farbgestaltung steuern und so weiter. Beim Erstellen von Tabellen wird das Verschachtelungsprinzip angewendet: Innerhalb des Hauptelements der Tabelle (TABLE) werden eine Reihe von Elementen erstellt, die Zeilen definieren (TR), und innerhalb dieser Elemente befinden sich Elemente, die jede Zelle in der Zeile beschreiben (TD). , TH).
Um die Struktur einer bestehenden Tabelle zu verstehen oder eine neue Tabelle zu entwickeln, gibt es eine Regel, dass die Reihenfolge der Elemente die Tabelle von oben nach unten und von rechts nach links beschreibt. Wenn beispielsweise nach dem TABLE-Element ein TR-Element angegeben wird, bedeutet dies, dass die Beschreibung einer neuen Tabellenzeile beginnt. Alles nach diesem Element wird in einer Zeile platziert (von rechts nach links). Es kann eine Folge von TD-Elementen sein ( Zellen), eine andere Tabelle und so weiter. Nachdem ein neues TR-Element erscheint, beginnt die Beschreibung der nächsten Zeile usw. bis zum Ende der Tabelle (Tag
Eine Tabelle kann mithilfe des align-Attributs horizontal ausgerichtet werden:- align="left" - nach links;
- align="center" - zentriert;
- align="right" - nach rechts.
Die Tabellenbreite kann exakt in Pixel oder als Prozentsatz der Seitenbreite im Browserfenster eingestellt werden. Zum Beispiel: Breite=400 oder Breite=50 %
Zwei Attribute werden verwendet, um das Erscheinungsbild des Rahmens zu steuern. Tatsache ist, dass der Browser ein Bild des Rahmens erstellt und dessen Dreidimensionalität simuliert ( konvex) unter Verwendung des Unterschieds in der Beleuchtung der Gesichter
Szenarien
Fast alle Webmaster möchten, dass ihre Seiten auf der Website ein modernes Aussehen haben, multifunktional, schön und dynamisch sind. Standardmittel HTML ist nicht möglich, daher werden verschiedene Mittel verwendet: Applets, Objekte, Cascading Style Sheets usw. Aber der beliebteste und am weitesten verbreitete Typ ( Rezeption) ist die Verwendung von Skripten.
Ein Skript ist ein Programmcode, der in den Text einer Seite im Formular eingefügt wird Quellcode und beim Aufruf der Seite vom Browser ausgeführt. Das Skript kann eingeschrieben werden JavaScript, entwickelt von Netscape, oder in Visual Basic Script ( VBScript), entwickelt von Microsoft.
Mit diesem Tag können Sie den Text des Skriptprogramms von anderen Informationen auf der Seite trennen. Das SCRIPT-Tag muss das Sprachattribut enthalten, das die Sprache definiert und die folgenden Werte annehmen kann:
- Javascript – JavaScript-Code;
- vbscript – VBScript-Code.
Das Typattribut kann auch einen Sprachtyp angeben, seine Verwendung ist jedoch optional. Um nicht alle Regeln zu brechen, können Sie die folgende Definition in das Element einfügen:
type="text/javascript"
Eines der coolsten Features von Scripting ist die Möglichkeit, den Inhalt einer Seite als Ergebnis der Programmausführung zu ändern. Dies ist jedoch nur eine Funktion, keine Regel. Das Defer-Attribut (das keinen Wert annimmt) kann verwendet werden, um dem Browser mitzuteilen, dass keine derartigen Änderungen vorgenommen werden. In einigen Fällen können Sie dadurch das Laden der Seite beschleunigen.
Von den Standardattributen können Sie das charset-Attribut verwenden.
Skript-Tag ( oder eine Reihe solcher Elemente) kann entweder innerhalb eines HEAD-Elements oder innerhalb eines BODY-Elements platziert werden. Wenn sich das Skript innerhalb des BODY-Elements befindet, ist es auch möglich, dass ein Browser, der das SCRIPT-Element nicht unterstützt, den Programmcode als Klartext wahrnimmt und auf dem Bildschirm anzeigt. Um dies zu verhindern, wird der Skriptcode als Kommentar eingegeben:
—
—
—Alle modernen Browser erkennen diesen Trick und ignorieren Kommentarzeichen. Wenn Sie im Text des Skripts einen Kommentar eingeben müssen, wird hierfür eine andere Notation verwendet: Am Anfang der Zeile werden zwei Schrägstriche // eingegeben.
Der Skriptcode wird beim Laden der Seite ausgeführt, d. h. solange der Inhalt noch auf dem Bildschirm sichtbar ist. Unten finden Sie ein Beispiel für ein einfaches Skript ( Anzeigen einer Nachricht in einem Fenster).—
—
—
—Nur ein Skript
—
—
—
—Dies ist eine einfache Seite, die jedoch ein einzeiliges Skript enthält. Die Alert-Methode zeigt vor dem Laden eine Meldung an. Und es bleibt hängen, bis der Benutzer auf die Schaltfläche „OK“ klickt. Der Download wird fortgesetzt.
Es kann beispielsweise vorkommen, dass die Seite in einem Browser angezeigt wird, der kein Scripting unterstützt. Dafür wird das NOSCRIPT-Element bereitgestellt. Moderne Zuschauer ignorieren seinen Inhalt. Dieses Element kann auf verschiedene Arten verwendet werden. Für den Anfang können Sie darin eine Anzeige wie diese anzeigen: Ihr Browser kann das zum Anzeigen dieser Webseite erforderliche Skript nicht ausführen!» Zweitens können Sie innerhalb des Elements eine vereinfachte Version der Seite ohne Skripte entwickeln. Drittens können Sie einen Link zu einem anderen HTML-Dokument erstellen. Das NOSCRIPT-Element muss ein End-Tag haben.Hier sind wir bei Ihnen und haben die Grundlagen einer solchen WEB-Programmiersprache wie HTML untersucht. Selbst nachdem Sie diesen kurzen Artikel gelesen haben, haben Sie bereits eine Idee und sogar die Fähigkeit, in dieser Sprache zu programmieren. Viel Erfolg!
Aktuelle Artikel