Der Quelltext
Was ist HTML und wie sieht eine einfache HTML-Datei aus = einfachste und erste Homepage.
HTML-Dateien erkennen Sie an den Dateiendungen .html und .htm. HTML heißt Hypertext Markup Language. HTML besitzt die Fähigkeit, Links zu verwenden, die bei Anklicken zu einer anderen Datei führen. Dabei kann die zu öffnende Datei auch ein anderes Format haben, z.B. .doc, .pdf, .xls. Je nach Browser werden die nicht-HTML-Dateien im zugehörigen Programm geöffnet, auf Ihrer Festplatte gespeichert oder direkt im Browserfenster geöffnet.
Das besondere an HTML ist, dass es auf vielen verschiedenen Betriebssystemen und Rechnertypen funktioniert. Es ist systemunabhängig. Für Ihre Homepage müssen Sie also eine HTML-Datei erstellen.
Eine einfache HTML-Datei besteht nur aus einer Zeile Text, hier in unserem Beispiel: Meine erste Homepage. Zudem haben wir der Seite einen Titel gegeben: Hier steht der Titel der Homepage
Beispiel ansehen - hier klicken
Hier der dazu notwendige Quelltext (Quelltext = enthält die für Ihren Browser notwendigen Informationen, was angezeigt werden soll):
Was müssen Sie wissen?
< und > kennzeichnen sogenannte Tags. Tags sind Steuerbefehle, die den Browser anweisen, was passieren und angezeigt werden soll. Beginn und Ende werden wie folgt dargestellt: <html> ist der Beginn eines Steuerbefehles und </html>
ist das Ende eines Steuerbefehles.
Bedeutung der verwendeten Tags in der verwendeten Reihenfolge:
<html> = Beginn der HTML-Datei
<head> = Beginn des Kopfteiles (Head) der HTML-Datei
<title> = Beginn des Titels (Title) der HTML-Datei
</title> = Ende des Titels (Title) der HTML-Datei
</head> = Ende des Kopfteiles (Head) der HTML-Datei
<body> = Beginn des Körpers (Body) der HTML-Datei
</body> = Ende des Körpers (Body) der HTML-Datei
</html> = Ende der HTML-Datei
Die im Head angegeben Informationen sind wichtig für Suchmaschinen und Ihren Browser. Zudem ist dort der Titel enthalten. Im Body wird der anzuzeigende Inhalt definiert. Alles was Sie außerhalb von Body und Head eingeben, wird vom Browser zwar eingelesen, aber nicht dargestellt.
Zum Erstellen des obigen Quelltextes können Sie z.B. den Editor von Windows verwenden. (Finden Sie unter: Start > Programme > Zubehör > Editor)
Schreiben Sie einfach den obigen Quelltext ab (oder kopieren und im Windows-Editor einfügen). Den Titel und den Inhalt können Sie dabei schon mal verändern.
Dann gehen Sie auf: Datei > Speichern unter
Wählen Sie ein Verzeichnis für Ihre Homepage.
Geben Sie Ihrer Datei einen Namen, z.B. index.html. Vergessen Sie bitte nicht die Endung .html, da der Editor Ihre Datei ansonsten als .txt-Datei (einfache Textdatei) speichert.
Jetzt öffnen Sie die von Ihnen erstellte Datei mit Ihrem Browser (z.B. Internet Explorer).
Fertig ist Ihre allererste HTML-Datei. Damit sind Sie Ihrer eigenen Homepage schon sehr nahe gekommen.
Was haben Sie in dieser Lektion gelernt?
- Sie wissen jetzt, was Quelltext ist und wie Sie diesen verändern können.
- Außerdem können Sie HTML-Dateien speichern, benennen und in Ihrem Browser zur Kontrolle ansehen.
Weiterführende Infos zu HTML finden Sie in der Webseite zu HTML überhaupt: Selfhtml von Stefan Münz.
Weiter geht es mit dem Dokumenttyp.
| Twittern |
Weitere interessante Rubriken / Webseiten zu diesem Themenbereich:
- Generatoren - mit den Online-Generatoren in unserer Generator-Sammlung können Sie sich viele nützliche Dinge für Webmaster online erstellen lassen
- Homepage-FAQS - die häufigsten Fragen rund um die eigene Homepage mit den dazugehörigen Antworten
- Homepage-Forum - Hilfe bei Fragen rund um die eigene Homepage
- Top-Links - die besten Links für Webmaster
Newsbox
Nachfolgend die 5 neuesten Nachrichten, Links und Tools für Webmaster:Werbeheini.name - schalten Sie kostenlos einen Zeitbanner
www.werbeheini.name - hier können Sie einen Zeitbanner schalten, dass heißt Ihr Banner wird für gewisse Zeit angezeigt (z.B. bis der nächste User sein Banner einstellt). Die Schaltung ist laut Anbieter kostenlos, zudem ist unter www.werbeheini.name/download.php das Script auch zum Download und Eigennutzung erhältlich. Desweiteren gibt es noch einige Webmastertools bei Werbeheini.name.
Geschrieben am 28 Jan 2012 von Karl Oltmanns
Google Gadget Fish für Ihre Webseite
Google Gadget Fish - hier findet sich ein sehr schönes Google-Gadget. Sie können online Fische füttern (einfach mit der Maus aufs Wasser klicken) - schon schwimmt etwas Fischfutter auf dem Wasser und die Fische kommen herbei, um sich die Leckerlies zu schnappen.
Geschrieben am 28 Jan 2012 von Karl Oltmanns
ms5.eu - kostenloser und werbefreier Webspace
www.ms5.eu - kostenloser Webspace mit folgenden Features nach Angaben auf der Webseite (ohne Gewähr auf Verfügbarkeit): 5 GB Webspace, PHP5, 5x MySQL5, 5x FTP, unlimitierter Traffic, unbegrenzte Dateigrößen, eigene Domains aufschaltbar, 128 MB Prozessspeicher, 60 Sekunden Skriptlaufzeit, 128 MB max. Upload-Size (PHP), PHPMyAdmin vorinstalliert, werbefreier Webspace
Geschrieben am 28 Jan 2012 von Karl Oltmanns
Gute Keywords finden ohne Keyword-Tool
Arno Ashoff beschreibt in seinem Blog, wie man gute Keywords findet, ohne eines der klassischen Keyword-Tools zu nutzen. Hier geht es zu seinem Blogbeitrag: www.website-seo-check.com/keywords/gute-keywords-finden-ohne-keyword-tool-2.html
Geschrieben am 28 Jan 2012 von Karl Oltmanns
ReinHTML Dialog Designer
Eine ganz andere Art, Webformulare für den Kontakt mit Ihren Webseiten-Besuchern zu erstellen bietet der ReinHTML Dialog Designer an. Das Tool befindet sich aktuell im Beta-Stadium und kann kostenlos getestet werden. Ziel ist es, reine HTML & CSS Kontaktformulare ohne die Nutzung von Javascript zu erstellen. Die Formulare können online im Desinger erstellt und dann in die eigene Webseite im Quellcode eingebaut werden. Hier geht es zu der Webseite des Projektes ReinHTML Dialog Designer: www.reinhtml.eu
Geschrieben am 28 Jan 2012 von Karl Oltmanns
Mehr Nachrichten in unserer Rubrik "Updates und News für Webmaster"
Feedback und Informationen zu meine-erste-homepage.com:
meine-erste-homepage.com ist bei 1&1 Webhosting gehostet.
