Ihre erste Web-Seite
Erstellen Sie Ihre erste Web-Seite
Und nun ist es endlich Zeit, um in die HTML-Programmierung direkt und erstellen Sie Ihre erste Web-Seite!
- Öffnen Sie Ihren Programmier-oder Text-Editor, und erstellen Sie eine neue Seite.
- Wenn Ihr Editor gibt einige voreingestellte Code gibt es einfach zu löschen, so wie wir sind, unsere eigenen Gebrauch.
- Kopieren Sie folgenden Code in Ihr Dokument und speichern Sie sie irgendwo Sie sich erinnern können (falls installiert WAMP im vorigen Tutorial können Sie die Datei in Ihrem WWW-Root-Verzeichnis speichern Sie entweder als index.html oder index.php, so stellen Sie sicher, dass es die einzige Index-Datei dort so wird es zeigen sich, wenn Sie localhost in Ihrem Browser).
XHTML 1.0 strict Vorlage
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My first web page!</title>
</head>
<body>
<p>Hello there ...</p>
</body>
</html>
Anzeigen Ihrer Web-Seite
Unsere HTML-Code wird nicht viel selbst zu tun und ist so ziemlich nur eine Textdatei. Um zu sehen, die Web-Seite beschreibt er, wir werden haben, um es in einem Web-Browser zu öffnen.
- Starten Sie Ihren Web-Browser und gehen Sie zu "Datei"> "Datei öffnen" und wählen Sie die HTML-Datei, die Sie gerade erstellt haben, oder geben Sie localhost in der Browser-Bar, wenn Sie WAMP laufen und setzte die Datei in das Root-Verzeichnis www.
Sie sollten jetzt eine Seite wie folgt aus:
Ihre erste Web-Seite
Analyse Ihrer Webseite
Lassen Sie mich zunächst sagen, dass der Code habe ich Ihnen oben als richtig super wie's geht und folgt den W3C XHTML 1.0 Spezifikationen auf das Schreiben. Sie können sicher verwenden es als XHTML 1.0 strict Vorlage für Ihre zukünftigen Webseiten.
Doctype
Die erste Zeile ist nicht eine echte HTML-Tag, ist aber nichtsdestotrotz in jedem HTML-Dokument benötigt wird. Diese so genannte doctype erzählt die Web-Browser, welche Art von Datei es sich handelt. In unserem Fall ist es eine XHTML 1.0 strict Datei. Diese doctypes sind in Stein gemeißelt und kann jederzeit nachgeschlagen werden also bitte ersparen sich damit das Lernen auswendig Folter.
HTML-Element
...
</html>
Hier unsere aktuellen HTML-Dokument beginnt. Der <html>...</html> Element ist nicht so interessant für sich. Es markiert nur der Anfang und das Ende aller unserer HTML-Code. Der xmlns Attribut ist für XHTML-Dokumente, die beiden anderen sind optional erforderlich, aber es ist eine gute Übung, um sie aufzunehmen.
head-Element
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My first web page!</title>
</head>
Danach folgt das <head> unserer HTML-Dokument. Mit Ausnahme der <title> Element, das im Browser-Fenster angezeigt wird, ist keines der Kopf auf der Seite angezeigt. Der Kopf trägt in der Regel Informationen wie Sprache, Zeichenkodierung, Copyright-Informationen, Seite Beschreibung und so weiter. Der <meta> tag in unserem Code ist optional, aber sollte auf jeden Fall als Backup im Falle des Servers enthalten ist, nicht der Bereitstellung dieser Informationen, oder du bist der Anzeige der Seite offline.
body-Element
<p>Hello there ...</p>
</body>
Dies ist, wo die Dinge beginnen, interessant zu werden. Der <body> Element enthält alle Inhalte, die als Webseite angezeigt wird. In diesem Fall haben wir einen Absatz-Element <p> mit dem Text Hallo gibt ... In den folgenden Kapiteln werde Ihnen mehr von diesen HTML-Tags können Sie verwenden, um Ihre Web-Seite gestalten zu können.
Übung macht den Meister
Der beste Weg zu lernen, wie man eine Website erstellen, ist der Do-it-yourself-Ansatz. Ich schlage vor, Sie versuchen, alle Tutorial Beispiele in Ihrer eigenen Seite und spielen Sie mit dem Code, um ein besseres Verständnis dafür bekommen, wie die Dinge funktionieren.