HTML lernen

Inhaltsverzeichnis:

HTML lernen
HTML lernen
Anonim

In diesem Artikel erfahren Sie, wie Sie mit HTML Ihre erste Website schreiben! Der Artikel liefert anschauliche Beispiele zum besseren Verständnis. Lassen Sie uns gleich vorwegnehmen, dass der Artikel ursprünglich für diejenigen gedacht war, die gerade erst anfangen, HTML zu lernen. Darüber hinaus versprechen wir Ihnen, dass Sie am Ende dieses Artikels garantiert Ihre erste Website erstellen werden.

HTML steht für HyperText Markup Language, also eine Sprache zum Organisieren von Text.

Im Gegensatz zu Programmiersprachen (JavaScript, PHP usw.), die Skripte verwenden, um Aktionen auf Websites auszuführen, verwendet die Sequenzierungssprache (HTML) Tags, um Website-Inh alte auszuzeichnen.

Fangen wir an HTML von Grund auf zu lernen

So wie Englisch aus den Buchstaben A, B, C usw. besteht, besteht HTML aus eigentümlichen "Buchstaben":,,

etc. Diese eigentümlichen "Buchstaben" der HTML-Sprache werden von Webmastern als Tags bezeichnet.

Das Folgende ist ein Beispiel für ein HTML-Tag.


Tags Erzeuge eine Unterstreichung um die Ränder dieses Textes.

HTML-Tags gepaart mit CSS-Sprachstilen ermöglichen Ihnen das schnelle und effiziente Erstellen von Websites.

Der Platz von HTML unter anderen Sprachen

Wie Sie wissen, eine gute Websitein mindestens 5 Sprachen integriert.

Moderne Website ist in Sprachen aufgebaut:

  1. HTML (Struktur und Anordnung).
  2. CSS (Stilinh alt).
  3. JavaScript (Browseraktionen).
  4. PHP (Serveraktion).
  5. SQL (Datenspeicher).

HTML ist die grundlegende grundlegende Sprache, auf der andere basieren. Daher sollte das Erlernen von HTML der erste Schritt für jeden sein, der lernt, wie man Websites im Web erstellt.

Tag

Die HTML-Sprache hat sich im Laufe der Jahre seit ihrer Einführung verändert. Im Moment stellen die meisten Internetseiten auf die neueste Version der Sprache um - HTML5. Aber auch in HTML5 bleiben die Grundlagen der Sprache unverändert.

Der Aufbau einer HTML-Seite ist wie ein Sandwich. So wie ein Sandwich aus zwei Scheiben Brot besteht, hat ein HTML-Dokument ein öffnendes und ein schließendes HTML-Tag.

Diese Tags, wie das Brot in einem Sandwich, umgeben alles darin.


Tag

Während Sie weiter HTML lernen, sollten Sie sich auf jeden Fall mit dem Tag vertraut machen. Direkt innerhalb des übergeordneten Tags befindet sich der gesamte Inh alt der Website, einschließlich des Tags. Dieses Tag ist erforderlich und enthält alle Einstellungen der Site-Seite, für die es geschrieben wurde. Diese Einstellungen sind für Website-Besucher nicht sichtbar, nur Browser (Google Chrome, Mozilla Firefox usw.) sehen sie.

Der Webseiten-Einstellungsblock enthält alle "nicht gerenderten" Elemente, die dem Browser helfen, Ihre Website im Web korrekt anzuzeigen.


Alle Optionen, dieinnerhalb des Tags konfiguriert werden können, schauen wir uns das an, aber etwas später - wenn es soweit ist.

Tag

Das Tag befindet sich wie das Tag innerhalb des Tags.

Dieses Tag wird benötigt, um auf Ihrer Website alle Informationen anzuzeigen, die Sie anzeigen möchten.

Überschriften, Absätze, Tabellen, Bilder und Links sind nur ein kleiner Teil der Elemente, die im Tag enth alten sein können.

Grundstruktur eines HTML-Dokuments:


… …

Ihre erste Website

Jetzt wissen Sie, dass Sie Websites mit HTML erstellen können und dass dafür einfache Tags verwendet werden:

  • . Umreißt die Grenzen einer Webseite.
  • . Enthält Einstellungen zum Anzeigen einer Webseite in einem Browser.
  • . Enthält alle Webseitenelemente (Bilder, Videos, Text usw.), die Sie Website-Besuchern zeigen möchten.

Andere Tags wie,,, wir werden bald darüber sprechen.

Es wäre toll, wenn der Leser diesen Artikel nicht nur lesen, sondern gleich loslegen würde, um an seinen Fähigkeiten zu feilen. Um Ihre HTML-Kenntnisse zu verbessern, müssen Sie Ihre erste Website erstellen, die als Testgelände für Ihre neuen Fähigkeiten dienen wird.

Es ist bekannt, dass Mobilfunkanbieter ("MTS", "MegaFon" usw.) uns mobile Dienste anbieten. Ebenso werden uns von Hosting-Betreibern Dienstleistungen zur Erstellung und Verw altung von Seiten zur Verfügung gestellt. Rufen Sie zum Erstellen Ihrer Website die Website eines beliebigen kostenlosen Hosting-Betreibers auf.

Verifizierte Hosting-Anbieter sind BEGET oderreg, zum Beispiel. Sie können jeden auswählen.

Nach einer kurzen Registrierung wird nach 24 Stunden automatisch Ihre erste Website im Internet erstellt, die für die ganze Welt sichtbar ist, und Sie können mit dem Üben beginnen!

Moderne Seitenstruktur

Jetzt, wo Sie Ihre Website haben, sehen Sie sich an, welche Tags ein Tag enthält und wie sie Informationen auf Websites organisieren.

Die Struktur einer modernen Website
Die Struktur einer modernen Website

Das obige Bild ist eine schematische Darstellung der Struktur, die mit der neuesten Version der HTML-Sprache - HTML5 - geliefert wurde. Zusammen mit HTML5 kamen nicht nur neue Tags, sondern auch die Bedeutung des Erstellens von Websites. Alle Tags, die Sie im Bild sehen, sind im Haupt-Tag enth alten. Diese Tags helfen Ihnen dabei, die Struktur Ihrer Website zu „umreißen“und ihr Bedeutung zu verleihen.

Zum Beispiel innerhalb von Tags … es ist praktisch, den Seitentitel (Tags) und die Seitenbeschreibung (Tags) zu platzieren.

Es ist praktisch, das Menü (Links) der Website (Tag) innerhalb der Tags zu platzieren.

Es ist praktisch, einen großen Informationsblock mit Bedeutung innerhalb der Tags zu platzieren. Es können mehrere Artikel sein, die jeweils in Tags „verpackt“sind, oder Fotos (Tag) oder Tabellen (Tags

) und mehr.

Es ist praktisch, Informationen innerhalb der Tags zu platzieren, die nicht der Bedeutung von. entsprechen

Innerhalb der Tags ist es üblich, zusätzliche Informationen wie Kontaktinformationen, zusätzliche Bereiche der Website usw. zu platzieren.

So, jetzt wissen Sie etwas besser, woraus moderne Websites gemacht sind. Nehmen wir ein Beispiel dazuder Aufruhr in meinem Kopf wurde durch Ehrfurcht vor Einsicht ersetzt.

Wenn Sie also den Dateimanager auf der Website Ihres Hosting-Betreibers öffnen und ein Dokument namens index.php finden, können Sie die Struktur Ihrer Website wie von Grund auf neu hineinschreiben.

Meine erste Website

Seitentitel

Seitenbeschreibung

Link 1 | Verbindung Nr. 2 | Link 3

Titel eines Artikels

Dies ist ein Block, der beliebige Informationen enthält, und mit Hilfe von CSS können Sie diesen Block und die gesamte Site mit all ihren Inh alten so einfärben, wie Sie es möchten. © Alle Rechte vorbeh alten

Erinnerst du dich, dass wir gesagt haben, dass es verschiedene Einstellungen für die Seite gibt? Nun, hier ist es:

  1. Mithilfe zeigen wir Browsern, dass die Seite sowohl russische als auch englische Zeichen enth alten kann (ansonsten sehen Sie beim Öffnen der Seite schreckliches Krakozyabry).
  2. wird verwendet, um den Seitennamen anzugeben, der im Browser-Tab und in der Suchmaschine ("Yandex", Google und dergleichen) angezeigt wird.

Ohne CSS-Styling sieht Ihre Website natürlich geizig aus (schwarze Buchstaben auf weißem Hintergrund), aber versuchen Sie zuerst, Ihre erste Seite in HTML zu schreiben.

Herzlichen Glückwunsch! Sie haben gerade Ihre erste Webseite auf Ihrer eigenen Website erstellt! Es wird interessanter!

Empfohlen: