Wie eine statische Webseite machen

January 28

Wenn eine Erfindung die Welt völlig innerhalb unseres Lebens verändert hat, ist es das Internet. Immer mehr Menschen wollen eine Präsenz im Web darüber hinaus von sozialen Netzwerken angeboten: sie wollen einen Webspace um ihr eigen nennen. Major Websites werden immer komplexer und Anfänger einschüchternd Fachsprache wie Flash, CSS, Perl und JavaScript verwenden, aber keine Angst. Vier einfache Briefe lassen jemand eine Web-Präsenz in kürzester Zeit zu gewinnen: HTML. Die Buchstaben stehen für Hypertext Markup Language, eine Programmiersprache, die eine Reihe von Tags verwendet, um eine statische Webseite zu erstellen. Die weitere Tags, die Sie kennen, desto mehr können Sie mit einer statischen Webseite tun.

Anweisungen

1 Kopieren den folgenden Code in einen einfachen Text-Editor wie Notepad erstellen Sie das grundlegende Skelett einer statischen Webseite:

< HTML >< HEAD >< / HEAD >< BODY >< / BODY >< / HTML >

Dann speichern Sie die Datei index.html (der Standard-Startseite-Name), und öffnen Sie sie in Ihrem Browser. Sie sollten nichts sehen, weil Sie eine leere Webseite erstellt.

Alle diese Schilder haben eine Bedeutung. < HTML >-Tag weist den Browser an, den eine Webseite kommen. < HEAD > ist, wo alle möglichen Informationen für Suchmaschinen gehen kann. < BODY > bedeutet, dass die Menschen Teil zu sehen ist zu beginnen.

2 HTML als zwei Haupttypen von Tags (Bit Code in eckigen Klammern) vorstellen. Man weist den Browser an beginnen, etwas zu tun und anderen sagt sie zu stoppen.

< STRONG > machen diesen Text Fett < / STRONG >

Alles nach < STRONG >--das Starttag--werden Fett, bis es erreicht < / STRONG >--das Endtag. Die "/" weist den Browser an zu stoppen.

3 Hinzufügen von Text zu Ihrer Webseite. Geben Sie "Dies ist meine Webseite" im Körper der Web-Seite, zwischen < BODY > und < / BODY >. Speichern Sie die Seite und schauen Sie sich es im Browser. Das Ergebnis ist schön, aber nicht allzu aufregend. Versuchen Sie ein paar andere Tags ein, um es aufzupeppen. Zum Beispiel, < stark >< / STRONG > formatiert den Text Fett; < EM >< / em > Druckt Text kursiv; < FONT SIZE = "5" >< / FONT > können Sie ändern die Größe der Schriftart, von 1 (kleinste) bis 6 (größte); < FONT COLOR = "Red" >< / FONT > macht Text rot (oder eine beliebige andere Farbe, die Sie eingeben); < CENTER >< / CENTER > Text (oder ein Bild) auf der Seite zentriert.

Versuchen Sie einige dieser Tags auf dem gleichen Block von Text verwenden. Sie können eine beliebige Kombination tun gewünschte.

Sie können auch hinzufügen, Abstand zwischen den Elementen auf der Seite, indem man die folgenden zwischen ihnen: < P > für einen Absatzumbruch; < BR > für einen Zeilenumbruch; < HR > eine Pause mit einer Linie über die Web-Seite zu erstellen.

4 Bilder zu Ihrer Seite hinzufügen. Zu diesem Zweck mithilfe des Tags < IMG SRC = "http://www.coolsite.com/image.jpg & Quot; >, und ersetzen Sie die Web-Adresse in diesem Beispiel mit den Speicherort für das Bild, das Sie verwenden möchten. Dies ist eines der wenigen Tags, die keinen End-Tag. Bilder können auch genau wie Text zentriert werden.

5 Erstellen Sie eine Verknüpfung zu einer anderen Website. Dies erfolgt mit dem Tag < A HREF = "Click" Rel = "Nofollow" Target = "_blank" > http://www.location.com&quot;>Click hier </a >. Dieser Code macht die Worte "Hier klicken" Link zu einer anderen Website. Anstelle von Text, können Sie ein Bild als Verknüpfung mit dem Code < A HREF = "& Lt; IMG" Rel = "Nofollow" Target = "_blank" > http://www.location.com&quot;>&lt;IMG SRC = "& Lt; / a" Rel = "Nofollow" Target = "_blank" > Http://www.coolsite.com/image.jpg&quot;>&lt;/A>.

Tipps & Warnungen

  • Diese HTML-Codes zusammen verwenden, können Sie statische Webseiten beliebiger Komplexität erstellen gewünschte.
  • Denken Sie an HTML-Tags als Boxen-Boxen oder die russischen Puppen. Dies nennt man Verschachtelung, und es hält alles ordentlich und leicht zu lesen. Beispielsweise Text platziert zwischen < STRONG >< EM >< CENTER > und < / CENTER >< / em >< / STRONG > werden Fett, kursiv und zentriert. Die < CENTER > Box ist innerhalb der < EM > Box, die innerhalb der < STRONG > Box.