entstanden aus SGML (Standard Generalized Markup Language):
Literatur(auswahl):
Rieger, Wolfgang: SGML für die Praxis. - Berlin [u.a.]: Springer, 1995
(Hypertext Markup Language)
| Deutsche Sonderzeichen | sonstige Sonderzeichen, die ab und an benötigt werden | ||
|---|---|---|---|
| Sonderzeichen | Codierung | Sonderzeichen | Codierung |
| Ä | Ä | & | & |
| Ö | Ö | < | < |
| Ü | Ü | > | > |
| ä | ä | " | " |
| ö | ö | ||
| ü | ü | ||
| ß | ß | ||
Eine Liste aller Sonderzeichen finden Sie z.B. unter http://www.netzwelt.com/selfhtml/tcad.htm
A) Grundstruktur:
| <html>...</html> | HTML-Dokument |
| <head>...</head> | Kopf des Dokuments |
| <title>...</title> | Titel des Dokuments |
| <body>...</body> | Körper des Dokuments |
B) inhaltliche Elemente:
| <p> | Absatz |
| <br> | Zeilenumbruch |
| <hr> | horizontale Linie |
| <h1>...</h1> bis <h6>...</h6> | Überschriften auf verschiedener Ebene (1.- 6. Ebene) |
| <em>...</em> | Hervorhebung |
| <strong>...</strong> | starke Hervorhebung |
| <cite>...</cite> | Zitat |
| <blockquote>...</blockquote> | längeres Zitat |
| <center>...</center> | Zentrierung |
| <small>...</small> | kleinere Schrift |
| <big>...</big> | größere Schrift |
| <pre>...</pre> | präformatierter Text |
| <!--...--> | Kommentar |
| <ol>...</ol> | numerierte Liste |
| <ul>...</ul> | unnumerierte Liste |
| <li> | Listenelement |
| <dl>...</dl> | Glossar |
| <dt>...</dt> | ... Eintrag |
| <dd>...</dd> | ... Erläuterung |
| <a href="...">...</a> | Hyperlink |
| <a href="test.html">...</a> | ... auf ein HTML-Dokument, das im selben Verzeichnis liegt |
| <a href="http://www.uni-duesseldorf.de/WWW/ulb/test.html">...</a> | ... auf ein HTML-Dokument, das nicht im selben Verzeichnis liegt (egal, ob auf dem eigenen oder einem fremden Server) |
| <a href="new.gif">...</a> | ... auf eine gif-Graphik (hier: im selben Verzeichnis) |
| <a href="#verweis1">...</a> <a name="verweis1">...</a> | Sprungmarke auf eine bestimmte Stelle in einem Dokument |
| <img src="new.gif" alt="Neu"> | Bild im Dokument (mit alternativer Textangabe für Textbrowser) |
| <a href="..."><img src="..."></a> | anklickbare Graphik als Hyperlink |
| <table>...</table> | Tabelle |
| <tr>...</tr> | ... Zeile einer Tabelle |
| <th>...</th> | ... Überschrift als Tabellenzelle |
| <td>...</td> | ... Inhalt einer Tabellenzelle |
zunächst einmal lediglich:
unterschieden werden bei Editoren folgende Typen:
außerdem benötigen Sie evtl.:
strukturieren Sie Ihre Seiten durch ...
eine Liste von Suchmaschinen finden Sie unter http://www.uni-duesseldorf.de/WWW/ulb/intsuch.html
(einige Suchsysteme werten nur den Titel und evtl. die ersten Zeilen einer Seite aus)
Da es vielleicht etwas umständlich ist, diese ganzen Informationen auf Ihrer Seite unterzubringen, gibt es noch eine andere Möglichkeit ...
(ein aus mehreren Wörtern bestehendes Stichwort wird als ein Begriff indexiert;
wollen Sie mehrere Stichwörter einzeln indexieren lassen, so geben Sie diese mit Komma und Leerzeichen getrennt voneinander ein)
Wollen Sie es nicht dem Zufall überlassen, ob Ihre Seiten gefunden werden oder nicht, so können Sie sie selbst bei den Suchdiensten anmelden.
Fußnoten:
Vergessen Sie im Überschwang der Freude, HTML gelernt zu haben nicht, daß HTML nur Mittel zum Zweck ist;
der Anwender möchte Ihre Informationen, und dies möglichst übersichtlich und schnell - die Verwendung der allerneuesten Tags
schließt viele Anwender aus, die diese Tags mit ihren Browsern noch nicht lesen können, verlangsamt oft die Ladezeit und ersetzt
in keinem Fall einen gut strukturierten Text.
Es ist nicht damit getan, einmal Ihre ganze Energie in den Aufbau einer tollen Homepage zu stecken, sie dann aber nicht mehr auf den neuesten
Stand zu bringen.
Rufen Sie sich die Hochglanzprospekte vieler Anbieter vor Augen, die auf den 1. Blick durch ihr glanzvolles Äußeres beeindrucken,
bei denen man aber auf den 2. Blick oft vergebens nach der gewünschten Information sucht. Wäre es Ihnen da nicht auch lieber, für
etwas weniger Glanz etwas mehr Inhalt zu bekommen?
=> Nutzen Sie HTML, um Ihre Informationen für den Anwender möglichst einfach zugänglich zu machen und möglichst viel
seines Informationsbedarfs zu decken und nicht als Selbstzweck, um aller Welt zu zeigen, wie up to date Sie sind.
Auch wenn es zu Anfang Spaß macht, seine neu erworbenen HTML-Kenntnisse zu erproben und ein ansprechendes Ergebnis damit zu erzeugen, so
sollte Ihnen bewußt sein, daß die Betreuung Ihrer Seiten oftmals wenig Kreativität erfordernde Routine-Arbeit ist; Sie
müssen lediglich neue Informationen in die bereits existierende Struktur einbinden und evtl. von Zeit zu Zeit Ihre Struktur optimieren
- entsprechend Ihrer Erfahrungen, die Sie im Laufe der Zeit im Web sammeln.
Zur Aktualisierung gehört aber auch, bereits auf Ihren Seiten enthaltene Informationen auf Ihre Gültigkeit zu überprüfen.
Ein Vorteil des Webs ist die große Aktualität - eine nicht mehr auf dem aktuellen Stand befindliche Information ist unnütze Information!