Text Formatierung:
1. Kommentare: <! Text >
2. Überschrift: <h1>Überschrift</h1> (Priorität 1-6)
3. Zeilenumbruch: <br>
4. Zeilenumbruch verhindern: <nobr>text</nobr>
5. Nicht umbrechbares Leerzeichen:
6. Wortbruch erlauben: <wbr>
7. Kursiver Text: <i>text</i>
8. Fett <b>text</b>, oder <strong>text</strong>
9. Text durchstreichen: <del> text >/del>
10. Text unterstreichen: <ins> text </ins>
11. Text von rechts nach links ausrichten: <bdo dir="rtl"> text </bdo>
12. Ausrichtung: < h1 align="center/left/right"> text </h1>
13. Ä = ä
14. Absatz: <p>text</p>
15. Vorformatierter Text: <pre>text</pre>
16. Festgelegte Breite einer Zeile: <pre width="80">
17. Formatierung: <font size="1">Ziemlich winziger Text</font>
<font color="#FF0000">Knallroter Text</font>
<font face="Avalon,Wide Latin">Das ist Text in Schriftart Avalon, oder, falls Avalon nicht darstellbar, in Wide Latin</font>
18. Verweise: <a href="http://www.heise.de">Heise</a> Webseite
<a href=seite4.php target="4">Startseite = Verweis auf das Framefenster 4
19. Seite im neuem Fenster öffnen: <a href="http://www.heise.de" target="_blank">Heise </a> Webseite
20. Bild darstellen: <img src="/logo.gif"> wenn das Bild sich im gleichem Verzeichnis befindet wie die Seite
- <img src="c:/logo.gif"> wenn das Bild woanders ist
- <img src="/logo.gif"alt="logo"> Bezeichnung für das Bild
- <img src="/logo.gif" width="368" height="200" alt="logo"> Höhe und Breite
einer Grafik
- border="4" Rahmen über einem bild
- name="Baumbild" Dem Bild wird ein Name zugewiesen
21. Farben:
<body bgcolor="#808080"> !-- dunkelgrauer Dateihintergrund -->
<table bgcolor="#00C0C0"> !-- blaugrüner Tabellenhintergrund -->
<hr color="#CC00CC"> !-- violette Trennlinie -->
bzw
<body bgcolor="black"> <!-- schwarzer Dateihintergrund -->
<table bgcolor="aqua"> <!-- hellblauer Tabellenhintergrund -->
<hr color="red"> <!-- rote Trennlinie -->
Mit text= definieren Sie eine Farbe für den Text.
Mit link= definieren Sie eine Farbe für Verweise zu noch nicht besuchten Dateien (link = Verweis).
Mit vlink= definieren Sie eine Farbe für Verweise zu bereits besuchten Dateien (vlink = visited link = besuchter Verweis).
Mit alink= definieren Sie eine Farbe für Verweise, die der Anwender gerade anklickt (alink = activated link = aktivierter Verweis).
22. Tabellen:
1. <table border="1"> Rahmen wird definiert, wert 0 gibt eine unsichtbare Tabelle an
2. <tr> text </tr> Tabellenzeile ( waagerechte Linie )
3.<th> text </th> Kopfzelle (dick)
4. <td>............. leitet eine Datenzelle ein
5. Notation <td> </td> für leere Tabellenzellen aus
23. Spalten: damit beim Laden die Grösse der Tabelle bereits bekannt ist
<colgroup> eine Vordefinition der Spalte
z.B.: <table border="1">
<colgroup>
<col width="80"> die Breite wird definiert
<col width="100">
<col width="320">
</colgroup>
z.B.: <colgroup span=“3“> spannen
z.B.: <table border="1" width="100%">
<colgroup>
<col width="4*">
<col width="2*">
<col width="1*">
</colgroup>
- Tabellenkopf: <thead> ... </thead>
- Tabellenfuss: <tfoot> ... </tfoot>
- Tabellenkörper: <tbody> ... <tbody>
cellpadding="0" und cellspacing="0" = für flüssige Farbübergänge
24. Frames:
- bei Frame Dateien gibt es kein <body>
- hinter <head> einfügen nicht im <body>
Frameset:
Syntax: z. B.:<frameset rows="20%,80%"> /! Rows=Reihen 2 Spalten untereinander
<frame src="/verweise.htm" name="Navigation">
<frameset rows=100,*,100> 3 Spalten untereinander
<frameset cols="200,*"> 2 reihen /! Cols=teilen
25. noframe: Bereiche als Alternative für Browser, die keine Frames anzeigen können
<noframes>
<h1>Willkommen!</h1>
<p>Dieses Projekt verwendet Frames. Bei Ihnen werden keine Frames angezeigt.</p>
<p>Wählen Sie einen der Verweise aus:<br>
<a href="/startseite2.htm"><b>Startseite</b></a><br>
26. Buttonverweis:
<a href="/datei.html">
<img src="/logo.gif" width="100" height="25" alt="Button" border="0">
</a>
27. Hintergrundbild:
<body background="hintergrund.jpg" text="#000000">
28. Vorschau für Bilder:
<a href="/bild.jpg" target="_blank">
<img src="/minibild.jpg" width="100" height="80" alt="Vorschau" border="1">
</a>
29. Navigation von frames:
Scrollen:
<frame src="/verweise.htm" name="Navigation" scrolling="no">
<frame src="/startseite.htm" name="Daten" scrolling="yes">
Abstände zwischen Fensterrad und Inhalt:
<frame src="/1.html" name="verweise" scrolling="yes" marginwidth="300" marginheight="300">
Frame Fenster kann nicht verändert werden:
<frame src="/verweise.htm" name="Navigation" scrolling="no" noresize>
Unsichtbare Rahmen:
<frameset cols="250,*" frameborder="0" framespacing="0" border="0">
Farbige Fensterrahmen:
<frameset cols="250,*" bordercolor="#FFFF00">
30. Formular: <form>...</form>
z.B.: <form action="mailto:eierschale@irgend.wo" method="post" enctype="text/plain">
method="get" - Daten des ausgefüllten Formulars als Parameter an die Aufrufadresse angehängt, verwenden z. B. für eine Suche
method="post" - Daten des augefüllten Formulars vom Web-Server über den Standardeingabekanal zur Verfügung gestellt
<form>-Tag enctype="text/plain" mit angeben um eine formatierte Ausgabe der daten zu erhalten
31. PasswortFeld: <input name="kennwort" type="password" size="12" maxlength="12">
31. Weiterleitung automatische:
<head>
<meta http-equiv="refresh" content="5; URL=http://selfhtml.teamone.de/">
<!-- ... andere Angaben im Dateikopf ... -->
</head>
