Jeden Monat verrät das Keonnected-Team Ihnen in einem Newsletter einen Trick, mit dem Sie Ihre Website bis ins letzte Detail perfektionieren können!
Zur Erinnerung sei erwähnt, dass HTML eine universelle Auszeichnungssprache ist, die für die Kommunikation im Internet, also über Computer, eingesetzt wird. Sie können damit
Webseiten aufbauen, und zwar über sogenannte "Tags", die nur für diese Sprache gelten.
Übrigens hat sich die Sprache HTML seit ihren Ursprüngen erheblich weiter entwickelt. Es gibt daher verschiedene Versionen. Heute stehen wir bei
HTML 4.0
Außerdem sollten Sie wissen, dass
man zum Vorbereiten und Bearbeiten von HTML-Dokumenten einen sogenannten HTML-Editor verwendet.
Die bekanntesten sind FrontPage (Microsoft), WebExpert (Visicom), DreamWeaver (Adobe) und PageMill (Adobe).
Nun wollen wir uns die Sprache HTML genauer anschauen ...
Mithilfe der HTML-Sprache kann man Webseiten erstellen, die von allen Internetbenutzern angezeigt werden können. Dabei kommen sogenannte Attribute, die
HTML-Tags (Auszeichnungen) zum Einsatz.
Die Grundstruktur eines HTML-Dokuments
<html> </html>
|
begrenzen das Dokument vom HTML-Typ |
|
<head> </head> |
begrenzen die Kopfzeilen des Dokuments (sie enthalten
Informationen für den Browser)
|
<title>
</title>
|
umschliessen die Seitenüberschrift |
|
<body> </body> |
begrenzen den Textbereich des Dokuments, den sogenannten
"
Textkörper
"
|
Die Tabelle
und ihre Attribute
<table> </table>
|
dienen zum Erstellen einer Tabelle in einem HTML-Dokument; sie werden innerhalb der Tags <body> eingefügt
|
<tr> </tr>
|
begrenzen eine Zeile in der Tabelle
|
<td> </td>
|
begrenzen eine Zelle in der Tabelle
|
border="0"
|
Dicke des Rahmens für die Zelle in Pixeln
|
width="100 px" height="100 px"
|
Höhe und Breite des Bildes in Pixeln (px) oder in Prozent (%)
|
align="center"
|
Ausrichtung der Tabelle mit mehreren Attributen: justify, top, bottom, center, left, right
|
Achtung: diese Attribute werden innerhalb der spitzen Klammern von <table> eingefügt
Das Bild und seine Attribute
<img src="Verzeichnis/Name
der Bilddatei">
|
dient zum Anzeigen eines Bildes, das ins betreffendes Verzeichnis gespeichert ist
|
alt="Bildtitel"
|
alternativer Text, mit dessen Hilfe die Browser das Bild "lesen" können
|
Achtung: Die Attribute für Grösse, Rahmen und Ausrichtung werden auch für Bilder verwendet.
Der Hyperlink
<a href="">Name des Links</a>
|
dient zum Einfügen eines Links über ein Wort, einen Satz, ein Bild usw.
|
Achtung: Man kann einen Link einfügen, der auf eines der folgenden Elemente verweist ...
-
eine interne oder externe Seite (eine andere Website)
<a href="http://www.keonnected.com/accueil"
> zurück zur Startseite</a>
-
eine E-Mail-Adresse: <a href="mailto:info@keonnected.com"> E-Mail an Keonnected senden </a>
Testen Sie:
Der HTML- Editor Keonet
Sie wissen nicht, wie der HTML-Editor gestartet wird? Schauen Sie sich die folgenden Abbildungen an ...
Jetzt haben Sie den HTML-Editor für Ihre Website gestartet und nutzen fast unbegrenzte Möglichkeiten, Ihre Inhalte zu gestalten!
Im Folgenden finden Sie eine Liste der Referenz-Websites, auf denen Sie Ihre HTML-Kenntnisse vertiefen können.
Referenz-
Websites
Es folgt eine Auswahl der Websites, auf denen Sie mehr über HTML erfahren können:
Ein
Beispiel...
Die Keonet-Artikel werden wie ein Word-Dokument dargestellt, bieten jedoch nicht die gleichen Gestaltungsmöglichkeiten wie in der Textverarbeitung von Microsoft.
Deshalb vermitteln wir Ihnen hier einige hilfreiche Tricks, die Sie direkt im HTML-Editor von Keonet anwenden können.
Eine Zeile in eine Tabelle einfügen
Sie haben eine Tabelle erstellt und wollen nun eine Zeile hinzufügen. Wie Sie sehen, lässt der Artikel dies nicht zu, Sie müssen die Tabelle also ganz neu erstellen!
STOPP !!
Hier ein kleiner praktischer Tipp zum Hinzufügen einer Zeile im Editor, ohne Zeit zu verlieren ...
Dies ist die Ausgangstabelle und der entsprechende HTML-Code:
So fügen Sie eine Zeile hinzu:
-
Starten Sie den HTML-Editor (siehe "
Der HTML-Editor von Keonet")
-
Vor dem Tag am Ende der Tabelle </table> kopieren Sie die Zeile mithilfe der Tags <tr> und </tr>
-
Fügen Sie die hinzuzufügenden Zellen mit den Tags <td> </td> ein
-
Klicken Sie auf "Aktualisieren" rechts unten im Editor
-
Validieren Sie nun den Artikel.
