HTML- Befehle,
auch Tags genannt, erkennt man daran, dass sie in spitze Klammern (< >) gesetzt werden.
Viele Befehle besitzen einen einleitenden und einen abschließenden Tag. Alle Infos dazwischen werden vom Befehl beeinflusst.
Beispiel: ein Textabschnitt in Kursivschrift.
<I>
Hier steht Text in Kursivschrift.
</I>
Abschließende Tags enthalten die gleichen >Befehle wie die einleitenden, nur dass ihnen ein Schrägstrich (/) vorangestellt wird.
Manche Tags können allein stehen, zum Beispiel das Tag für den Zeilenumbruch.
Der Befehl <br> kann nur an einer Stelle auftreten.
Beispiel:
Hier gibt es kein<br>
abschließendes Tag.
Tags können auch verschachtelt werden.
Dadurch kann z.B. mitten im Satz ein (oder mehrere) Wort(e) eine andere Schriftart verwendet werden.
Beispiel:
<h1>
Diese Überschrift <1>wird an dieser Stelle</> kursiv geschrieben
</h1>
h steht für Header und kennzeichnet eine Überschrift.
h1 ist eine besondere Form für eine bestimmte Zeichengröße.
Zur besseren Übersichtlichkeit empfiehlt sich, die Befehle über mehrere Zeilen zu schreiben.
Beispiel:
<h1>Diese Zeile enthält <I>mehrere</I> Tags</h1>
übersichtlicher:
<h1>
Diese Zeile enthält
<I>mehrere</I>
Tags
</h1>
Es ist unerheblich, ob die Buchstaben der Befehle groß oder klein geschrieben werden und ob Leerfelder dazwischen sind.
Einige HTML- Befehle
A
Anchor (Anker)
zur Navigation; um Textmarken und Hyperlinks zu definieren
<A>…</A>
ADRESS
Textstruktur; Adressendefinition, der zwischen den Tags befindliche Text wird kursiv dargestellt und eingerückt.
<ADRESS>…</ADRESS>
B
Bold
Textformatierung; Text wird fett dargestellt
<B>…</B>
BASEFONT
Select Base Font
Navigation; legt den Standardzeichensatz für das Dokument fest
<BASEFONT>
BIG
Print Big
Textformatierung; Text wird größer dargestellt als die Standardgröße (Stufe wird um 1 erhöht)
<BIG>…</BIG>
BODY
Dokumentenstruktur
definiert den Hauptbereich des Dokuments, der die darstellbaren Infos enthält
[<BODY>] [</BODY>]
CENTER
Center Text
Textformatierung; Text wird zentriert dargestellt
<CENTER>…</CENTER>
„Warum schreibst du das hier alles auf? Es gibt doch genug Lernstationen im Web.“ – „Meine Art zu lernen…“
Dateinamen
Eine Webseite ist ein Textdokument, das mit HTML-Tags versehen ist. Diese hat, wie andere Dokumente, auch einen Dateinamen zur Identifikation.
Bei der Zuweisung der Namen solltest du einiges beachten, was Organisation, Zugriff und Auffinden dieser Dateien erleichtert und sicher stellt, dass der Browser die Seite korrekt anzeigt.
Komplizierte Namen sollten vermieden werden, dazu gehört auch, dass du nur Kleinbuchstaben für die Bezeichnung verwendest. Ebenso wichtig ist die korrekte Dateinamenerweiterung. An dieser erkennt der Browser, wie ein Textdokument gelesen werden soll. die Endung muss lauten .htm oder .html
Wenn die Seite eine andere Endung enthält, z.B. „.txt“, behandelt der Browser die Datei als Textdokument und zeigt dem Besucher den HTML-Code an.
| Dateiname in Kleinbuchstaben |
Dateiendung |
| klein_buchstaben. |
html |
| Groß_Buchstaben. |
htm |
|
Dateinamen in Großbuch- staben sind lästig beim Eingeben und erschweren das Auffinden der Seite |
Für alle Ordner und Verzeichnisse solltest du Kleinbuchstaben verwenden.
Basis-URL enthält ein Schema, einen Server Namen, einen Pfad und einen Dateinamen.
| „http:// |
www. teddy_ und_ sigi. com / |
profile/ |
file.html“ |
| Schema |
server.Name |
Pfad |
Dateiname |
gibt dem Browser Anweisun- gen, wie die zu öffnende Datei behandelt werden muss. „HTTP://“ für Zugriff auf Web- Seiten
„HTTPS://“ für sichere Web-Seiten
„FTP://“ für Download von Dateien
„MAILTO:“ für das Senden elektronischer Nachrichten
„FILE:///“ für Zugriff auf die Rechnerfestplatte |
Name des Servers, auf dem die Datei abgelegt ist |
der Pfad zur Datei |
der Name der Datei |
Die Absolute URL beschreibt die genaue Adresse, ähnlich einer genauen Postadresse mit Angabe von Namen, Straße, Hausnummer, Postleitzahl, Stadt, Land
Die relative URL beschreibt den Speicherort in Abhängigkeit vom Standort. (z.B. Bild 5 im gleichen Verzeichnis) Relative URLs sind problemloser und vereinfachen das Verschieben deiner Seiten auf einen Server
| index.html |
site.com/web/index.html |
index.html |
| image.gif |
site.com/web/images/image,gif |
images/image.gif |
| data.html |
site.com/info/data.html |
../info/data.html |
| homepg.html |
remote.com/pub/homepg.html |
absolute URL verwenden |
| info.html |
remote.com/ben/info.html |
absolute URL verwenden |
| Dateiname |
Absolute URL (überall) |
Relative URL (im DA-WO-DU-BIST.html) |
Ein Link besteht aus drei Komponenten:
einer Bestimmung (Destination) einer Beschriftung (Label)
einem Ziel (Target) |
damit legst du fest, was geschieht, wenn der Besucher darauf klickt diesen Teil sieht der Besucher und klickt darauf, um die Bestimmung zu realisieren
wo wird die Bestimmung angezeigt |
Bild anzeigen, Sounddatei oder Film abspielen, Dateien herab laden, E-Mail versenden, Programm ausführen und mehr
Verbindung zu anderen Webseiten und zu speziellen Stellen auf anderen Webseiten, genannt Anker
Alle werden beim Schreiben einer URL definiert Text, Bild oder Kombination aus beidem
Text häufig unterstrichen
je ansprechender gestaltet, um so eher wird darauf geklickt
besonders benanntes Fenster oder Frame oder neues Fenster/Frame |
Link zu einer anderen Webseite
1.
< ahref=“page.html“> eingeben 2.
Beschriftungstext eingeben
3.
</a> eingeben, um die Definition des Links abzuschließen |
page.html entspricht der URL der anderen Webseite
|
Beispiel:
<HTML><HEAD><TITLE>Einfache Links</TITLE>
</HEAD><BODY> <H1>Liesel und Teddy</H1>
<P>Zwar kennt jeder Liesel, aber wer Teddy ist, wissen die wenigsten. Aber den Weg zu dem <A HREF=“page.html“>Kleinen</A> kann ich euch erklären.
</BODY>
|
hier kann das Wort >Kleinen< angeklickt werden |
Don`t scroll-take a button
Befehl:
<p align=“center“><a href=“URL/#anfang“><font color=“#f79646″ face=“Comic Sans MS“ size=“4″>Don`t scroll-take a button</font></a></p>
URL: Adresse aus der Browserleiste kopieren (Strg+c)
Wer hat das gesagt?