Jeder ernst meint mit einer Website muss wissen etwas über den HTML-Code, den Computer-Code von Websites.
HTML ist eine einfache Sprache - auch wenn einige Muttersprachler würde behaupten, dass so ist Suaheli - Er setzt sich aus Zeichen aus Ihrer Tastatur. Keine Lust auf Hieroglyphen.
Browser-Software, wie zum Beispiel Internet Explorer oder Mozilla Firefox, liest die HTML-und schafft eine Bildschirmanzeige gemäß den Anweisungen übermittelt innerhalb von "Tags" im HTML-Format. Diese Tags sagen, wie der Browser, um Text und farbigen Flächen, und wie zu importieren und zeigen Sie Bilder in bestimmten Art und Weise schaffen Auge erfreulich Web-Seiten.
Sie können den HTML-Code von beliebigen Web-Seite, indem Sie mit der rechten Maustaste auf einen leeren Bereich der Web-Seite, dann wählen Sie "Quelltext anzeigen" oder "View Page Source". Ein neues Fenster wird geöffnet und Sie werden sehen, dass der HTML-Code.
Sie können HTML lernen, indem Sie diesen Code auf Ihrem Computer und experimentieren mit ihr. Wählen Sie eine einfache Aussagen Seite beginnen mit, vorzugsweise eine Homepage. Home Seiten sind sehr oft den Namen "index.htm" oder "index.html".
Mit den Quellcode sichtbar auf dem Bildschirm können Sie die Webseite auf Ihren Computer, indem Sie auf "Datei / Speichern unter" oder "Datei / Seite Speichern unter". Wenn Sie dies tun, legen Sie sie in einem neuen Ordner. So helfen Sie Ihrem Learning-Projekt organisiert.
Man kann sagen Sie Ihren Browser so lesen Sie bitte die Version der lokal gespeicherten Datei, indem Sie auf "Datei / Öffnen" oder "File / Open File" mit dem Browser geöffnet ist, und blättern, um die Datei, die Sie gerade gespeichert haben. Wenn Sie einen Browser mit Tabbed Anzeigen, verwenden Sie eine neue Registerkarte für diese, so dass Sie können sich wieder auf die ursprüngliche Version auf dem Internet.
Beim Öffnen der lokalen Version, werden Sie möglicherweise feststellen, mising Grafiken - Die Bilder können nicht gespeichert haben zusammen mit der HTML. Wenn ja, gehen Sie zurück auf die Web-Version. Speichern je fehlenden Grafik individuell durch einen rechten Mausklick auf die Grafik und wählen Sie "Bild speichern unter" und speichern Sie sie in dem Ordner, den Sie zuvor erstellt haben. Ändern Sie nicht den Dateinamen des Bildes.
Gehen Sie zurück an den Browser Hinblick auf die lokal gespeicherte Web-Seite und aktualisieren Sie den Bildschirm, indem Sie auf den "Aktualisieren"-Button oder durch Drücken der Taste F5. Wenn alles glatt läuft, werden die fehlenden Bild machen sollte. Eine Ausnahme könnte, wenn in der Original-Webseite Ordner-Struktur, die Bilder werden gespeichert in einem Unterordner.
Wenn Sie fortgeschritten waren, würden Sie schaffen eine identische Unterordner und speichern Sie die Bilder dort. Aber da Sie ein Newbie sind, vergessen Sie es und lebe mit dem, was Sie haben.
Vollständige Diebstahl! Los geht's ...
Jetzt haben Sie wieder die web-basierte Seite lokal, können Sie lernen durch Beobachtung und zur Änderung des HTML. Sie werden sehen, die sich daraus ergebenden Veränderungen auf der Seite angezeigt.
Um dies zu tun, haben Sie die gleichen HTML-Datei öffnet sich in den Browser und auch im Editor. Der Browser sollte auf die lokale HTML-Datei wie oben beschrieben. Dann öffnen Sie den Editor und öffnen Sie die gleichen HTML-Datei an. Am unteren Ende der Notepad-Fenster, wo es heißt "Dateityp:" Seien Sie sicher, dass die Option "Alle Dateien". Wenn Sie dies nicht tun, werden Sie sehen, nicht einmal die HTML-Datei in der Suchliste Fenster.
Ordnen Sie die Browser-Fenster und Notepad-Fenster, so dass Sie sehen können beides. Ich mag, dass die Browser maximiert, Notizblock und Füllung der unteren Hälfte des Bildschirms "vor" davon. Wenn ich Änderungen in der Editor-Datei, Ich klicke auf "Datei / Speichern", und klicken Sie auf die Schaltfläche "Aktualisieren" in den Browser. Der Notepad-Fenster minimiert sich durch und Sie haben gerade genug Zeit, um die Änderungen, die Sie aus veränderten im Browser angezeigt.
Machen Sie sich keine Sorgen, wenn Sie einen Fehler machen. Wenn Sie Ihre Veränderung war unglücklich, Wiedereröffnung der Editor-Datei, indem Sie auf die entsprechende Schaltfläche am unteren Rand des Bildschirms, dann, im Editor, klicken Sie auf "Bearbeiten / Rückgängig" und anschließend auf "Datei / Speichern". Aktualisieren Sie die Browser und dem boo-boo sollten weggehen.
Ich werde nicht HTML-Lehre in diesem Artikel. Es gibt große Ressourcen für das Lernen in HTML Tiefe in Poingo Resources.
Allerdings werde ich Ihnen ein paar Dinge zu starten mit:
1. Alle HTML-"Tags" beginnen und enden mit Zeichen bekannt als "spitzen Klammern", die auch für "größer als" oder "mindestens" in mathematische Gleichungen. Ich kann sie nicht in diesem Artikel, weil sie möglicherweise dazu führen, dass Ihr Browser zu gehen verrückt. Ich benutze (und) in diesem Artikel zu vertreten, anstatt spitzen Klammern.
2. Alle HTML-Dateien beginnen mit html () und endet mit (/ html)
3. HTML-Dateien haben im Wesentlichen zwei Teile, "Kopf" und "Körper". Der "Kopf" Teil beginnt mit dem Tag (Kopf) und endet mit dem Tag (/ head).
4. Der Kopf enthält einen Seitentitel und Meta-Daten, die nicht angezeigt werden Informationen über die Webseite selber. Der "Kopf" Teil der Seite ist nicht von wesentlicher Bedeutung. Sie können beweisen, dass es sich hierbei um selbst:
In der Editor-Datei, entfernen Sie den Kopf () und (/ head)-Tags und alles, was zwischen ihnen. Datei / Speichern Notepad, aktualisieren Sie den Browser, und sehen, was passiert. Das Aussehen könnte sich ändern, wenn zum Beispiel der Leiter enthielt einen Link zu einem separaten Stylesheet, aber der eigentliche Inhalt sollte noch da sein.
5. Der "Körper" Teil beginnt mit dem Tag (BODY) und endet mit dem Tag (/ body). Es enthält Ihre Inhalte, es ist also sehr wichtig.
6. Neben den HTML-Tags beschrieben, es gibt viele andere Tags der Text-Format, Erstellung von Tabellen, Links zu Bildern, Links zu anderen Websites und sogar offen vor, geschrieben von E-Mails in Ihrem eigenen E-Mail-Software.
7. Viele Tags, die, wie erwähnt, haben Start-und Endtags gesetzt. Zum Beispiel, wenn ich wollte fett einen Teil des Textes, ich würde zunächst ein (b) Tag, bevor der Text, dann folgen Sie den Text mit fett (/ b).
8. Andere Tags nicht verlangen, ein Ende wie () br, was Ihnen einen Zeilenumbruch, und (p), beginnt einen neuen Absatz.
Verstümmeln Webseite jetzt!
Sie verfügen nun über genügend Informationen zu gefährlich. Lassen Sie uns ihn zu benutzen.
Lesson One - Erstellen obszönen Text
In der Editor-Datei, nach einem Stück von erkennbaren Text in den Körper. Ändern Sie den Text zu etwas komisch, dumm oder obszön, denn Bildung ist interessant. Klicken Sie auf "Datei / Speichern" im Editor und aktualisieren Sie den Browser. Ihr funky Text anzeigen soll. Sie haben nun verstümmelt Ihre erste Web-Seite. Glückwünsche!
Lektion zwei - Bold Ihre obszönen Text
In der Editor-Datei Ort beginnen-fett (b) und unbold (/ b)-Tags um einen Text. Speichern Sie die Editor-Datei und aktualisieren Sie den Browser. Sehen Sie, wie es aussieht. Sie haben nun vorbei kühn, wenn man nicht vorher.
Lektion drei - Größere Ihre obszönen Text
Um Ihren Text wirklich groß ist, versuchen Sie es mit umliegenden h1 () und (/ h1). Neben der Erstellung der Text lächerlich groß, diesen Tag erzählt Suchmaschinen, dass Sie denken, dieser Text ist wirklich wichtig!
Lektion Vier - verschwinden und wieder ein Bild
Wie wir früher gelernt, Bilder sind separate Dateien. Sie werden von einem speziellen Tag der kann etwa so aussehen: <img src="http://www.my-ftp.com/images/westgate.jpg"> Finden Sie etwas, das sieht wie folgt aus und löschen Sie den gesamten Ausdruck, einschließlich der beide Klammern. Speichern Sie den Editor und aktualisieren Sie den Browser. Goodbye Bild!
Jetzt gehe zurück auf den Editor und klicken Sie auf "Bearbeiten / Rückgängig". Auch hier sparen Sie Notepad und aktualisieren Sie den Browser. Hallo!
Haben Sie das hängt davon? Stehlen, und verstümmeln und zu lernen.
Copyright 2006 Mark Meshulam

Über den Autor

Mark Meshulam bietet Tastatur-Shortcuts, kleine Unternehmen Tipps und mehr in http://www.poingo.com.