So Erstellen Sie Eine Website Mit HTML

Inhaltsverzeichnis:

So Erstellen Sie Eine Website Mit HTML
So Erstellen Sie Eine Website Mit HTML

Video: So Erstellen Sie Eine Website Mit HTML

Video: So Erstellen Sie Eine Website Mit HTML
Video: Eigene Website mit HTML und CSS bauen | Tutorial für Anfänger 2020 2024, Kann
Anonim

Heute, mit dem explosionsartigen Wachstum des Internets, werden zunehmend Webtechnologien verwendet, insbesondere HTML und Standard-Webbrowser. HTML (HyperText Markup Language) ist eine Hypertext-Auszeichnungssprache. Dieses Format bestimmt das Erscheinungsbild des Dokuments, die gegenseitige Anordnung von Text, Grafik und Multimedia-Informationen. Kampagnen dienen der Erstellung von Websites für sehr viel Geld. Aber mit Hilfe von "html-Tags" können Sie mit Ihren eigenen Händen eine ziemlich interessante Website erstellen.

So erstellen Sie eine Website mit HTML
So erstellen Sie eine Website mit HTML

Es ist notwendig

  • - Browser;
  • - Texteditor.

Anleitung

Schritt 1

Das HTML-Dateiformat ist recht einfach. Das Verfassen und Ändern der Datei wird von einem beliebigen Texteditor durchgeführt. Zur Anzeige der Ergebnisse wird ein Webbrowser verwendet. Der Hauptvorteil von HTML-Dokumenten besteht darin, dass sie aufeinander verweisen können. Querverweise helfen Ihnen, schnell auf ein Dokument mit zusätzlichen Informationen zu einem interessanten Thema zu verweisen und anschließend mit dem Quelltext weiterzuarbeiten. Jedes in HTML geschriebene Dokument besteht aus dem Inhalt der Seite, d.h. Text und Steuerzeichen - Tags. Alle HTML-Tags müssen in spitze Klammern eingeschlossen werden. Typischerweise werden ein Start-Tag und ein End-Tag verwendet. Das End-Tag unterscheidet sich vom Start-Tag durch einen Schrägstrich.

Schritt 2

Um mit der Erstellung einer Site zu beginnen, gehen Sie zu einem Texteditor (Notepad).

Geben Sie dann die Tags ein:

HTML - / HTML - die ersten und letzten Tags eines HTML-Dokuments.

HEAD - / HEAD - Anfang und Ende des Dokumentenkopfes.

TITLE - / TITLE - setzt den Titel des Dokuments (Titel des Browserfensters).

BODY - / BODY - Anfang und Ende des Hauptteils des HTML-Dokuments, das den Inhalt des Dokuments definiert.

Schritt 3

Als nächstes müssen Sie den Text formatieren. Dies erfordert die folgenden Tags:

Hx - / Hx - (x ist eine Zahl von 1 bis 6) beschreiben Überschriften auf sechs verschiedenen Ebenen. Die Überschrift der ersten Ebene ist die größte, die sechste Ebene die kleinste.

P - / P - beschreiben einen Absatz (das / P-Tag kann fehlen).

ALIGN ist ein Parameter, der die Ausrichtung des Absatzes bestimmt:

ALIGN = CENTER - Mittenausrichtung;

ALIGN = RIGHT - Rechtsausrichtung;

ALIGN = LEFT - Linksausrichtung.

BR - Gehe zu einer neuen Zeile, ohne einen Absatz zu unterbrechen.

B - / B - zeigt Text in Fettdruck an.

I - / I - zeigt Text in Kursivschrift an.

U - / U - unterstrichener Text.

STRIKE - / STRIKE - durchgestrichener Text.

BLOCKQUOTE - / BLOCKQUOTE - zeigt Anführungszeichen an.

SUB - / SUB - zeigt tiefgestellte Zeichen an.

SUP - / SUP - Anzeige von hochgestellten Zeichen.

TT - / TT - Verwenden Sie eine Schriftart mit fester Zeichenbreite.

BIG - / BIG - Vergrößert die aktuelle Schriftart.

SMALL - / SMALL - Verringert die Größe der aktuellen Schriftart.

BASEFONT SIZE = n - (n ist eine Zahl von 1 bis 7) - der Basiswert der Schriftgröße.

FONT SIZE = + / - n - / FONT - Schriftgröße ändern.

FONT COLOR = # xxxxxx - FONT - Einstellen der Schriftfarbe: Aqua - Meereswelle; Schwarz Schwarz; usw.

KÖRPER - Ändern Sie die Hintergrundfarbe.

HR - horizontale Linie, dieses Tag kann Attribute verwenden:

FARBE - Linienfarbe;

GRÖSSE - Linienbreite in Pixeln;

WIDTH - Linienbreite in Pixeln oder als Prozentsatz der Fensterbreite;

ALIGN - Linienausrichtung;

NOSHADE - Malerei ohne Schatten;

SHADE - Zeichnen mit einem Schatten.

Schritt 4

Wenn Sie eine Liste in Ihre Site einfügen möchten, müssen Sie Tags eingeben:

UL - / UL - ungeordnete Liste (Aufzählung, keine Bestellung):

LI - Definition eines Listenelements;

TYPE ist ein Parameter, der eine Listenmarkierung definiert:

TYPE = CIRCLE - ein Kreis wird als Marker verwendet;

TYPE = DISK - Punkt wird als Marker verwendet;

TYP + QUADRAT - ein Quadrat wird als Markierung verwendet.

OL - / OL - nummerierte Liste:

TYPE ist ein Parameter, der den Typ der Liste angibt:

TYPE = A - lateinische Großbuchstaben werden als Listennummern verwendet;

TYPE = a - lateinische Kleinbuchstaben werden als Listenzähler verwendet;

TYPE = I - als Listennummern werden große römische Ziffern verwendet;

TYPE = i - kleine römische Ziffern werden als Listennummern verwendet;

START ist ein Parameter, der die Startnummer der Liste definiert.

DL - / DL - Liste mit Erläuterungen:

DT - Bezeichnung eines Listenelements;

DD ist eine Erklärung für ein Listenelement.

Schritt 5

Damit Ihre Site nicht auf eine Seite beschränkt ist, erstellen Sie mehrere. Zum Navigieren benötigen Sie Hyperlinks, die durch die folgenden Tags definiert werden:

A HREF = URL - / A - fügt einen Link in das Dokument ein (zwischen Tags müssen Sie den Linktext eingeben).

HREF - Adresse einer Seite oder Ressource;

URL - einheitliche Ressourcenadresse: servis: // server [: port] [/path]:

service - Name des Protokolls (HTTP - Zugriff auf ein HTML-Dokument, FTP-Anfrage einer Datei von einem FTP-Server, FILE-Zugriff auf

Datei auf dem lokalen Computer);

server - Angabe des Namens der Ressource;

port - Portnummer, auf der der Webserver läuft;

path ist das Verzeichnis, in dem sich die Ressource befindet.

A HREF = # Lesezeichenname - / A - einen lokalen Link einfügen (zwischen den Tags müssen Sie den Linktext eingeben).

A NAME = Lesezeichenname - / A - setzt das Lesezeichen, zu dem der Link erstellt wird.

Schritt 6

Damit die Seite nicht langweilig wird, ist Grafikdesign notwendig. Verwenden Sie dazu die Tags:

BODY BACKGRAOUND = "file_name" - legt das Bild fest, das als Hintergrund verwendet wird.

IMG SRC = "file_name" - fügen Sie eine Grafikdatei in ein HTML-Dokument ein, dieses Tag verwendet die Parameter:

ALT = "Textstring" - definiert einen Textstring, der anstelle einer Grafik angezeigt wird, wenn der Browser das automatische Laden von Grafiken deaktiviert hat;

HEIGHT, WIDTH - Bildhöhe und -breite in Pixeln;

HPACE, VSPACE - die Breite des freien Raums, der die Grafik horizontal und vertikal vom Text trennt;

ALIGN - Ausrichtung von Text relativ zu Grafiken.

Schritt 7

Und das letzte, was Sie tun müssen, ist, die Textdatei im *.html-Format zu speichern und sie dann mit Ihrem Browser zu starten. Die Seite ist fertig.

Empfohlen: