Inhaltsverzeichnis. Teil A Text und Hyperlinks Vorwort... Wer soll dieses Buch lesen?... Symbole im Buch... XXI XXI XXI

Transkript

1 Vorwort Wer soll dieses Buch lesen? Symbole im Buch XXI XXI XXI Teil A Text und Hyperlinks Web-Technologien WWW im Wandel Die Gegenwart: HTML HTML HTML HTML-Varianten CSS: Cascading Stylesheets Die Zukunft: XML und XHTML Extensible Markup Language: XML Extensible Hypertext Markup Language: XHTML Andere XML-Sprachen Eingebettete Programme JavaScript und JScript VBScript Java-Applets ActiveX Die Grundlagen Die Basis: Tags Definition von Tags Schreibweise Verschachtelung von Tags Attribute Universalattribute Grundgerüst einer Webseite Head und Body Dokumenttyp festlegen Versionsangabe als Attribut Zeichen im Quelltext Quelltext formatieren Kommentare Sonderzeichen V

2 Größenangaben Ja/Nein-Werte Farbangaben Datum und Zeit Datum und Zeit Universalattribute Definition accesskey atomicselection contenteditable dir disabled hidefocus id lang language style tabindex title unselectable Seiteneigenschaften Der Kopfbereich Kopfbereich definieren Seitentitel Hintergrundmusik Basis- und Zielfensteradresse Grundschrift Logische Dateibeziehungen Skriptbereich Stylesheet-Bereich Meta-Tags Was sind Metadaten? Meta-Tag und Attribute Meta-Tag: Autor, Datum und Werkzeuge Meta-Tag: Inhalt und Suchmaschinen Meta-Tag: Browser-Steuerung Der Seitenkörper Hintergrundfarbe Hintergrundbild Textfarbe Hyperlinkfarbe Randabstände Zeilenumbruch verhindern Bildlaufleisten VI

3 4 Text formatieren 87 Überschriften Präformatierter Text Adressen Trennlinien Textfluss White Space Silbentrennung Zeilenumbruch erzwingen Zeilenumbruch verhindern Schreibrichtung Elemente gruppieren Gruppen bilden Block-Elemente mit div Inline-Elemente mit span Textauszeichnung Logische Auszeichnung Zitate ausweisen Blockzitat Inline-Zitat Textänderungen markieren Typografische Auszeichnung Schrift steuern Allgemeines zu Schriften Schriftgröße Schriftfarbe Schriftart Grundeinstellungen zur Schrift Listen Allgemeines zu Listen Ungeordnete Liste Nummerierte Liste Definitionsliste Verschachtelte Listen Verzeichnis- und Menülisten Laufschrift Laufschrift definieren Geschwindigkeit Bewegungsrichtung Bewegungsart Hintergrundfarbe Text ausrichten Netscape spezial Mehrspaltensatz Abstandshalter (Spacer) VII

4 5 Hyperlinks Was sind Hyperlinks? Allgemeines zu Hyperlinks Hyperlink definieren Zielfenster festlegen Sprache und Zeichensatz Dateibeziehungen Tabulatorreihenfolge und Hotkey Darstellung ändern Hyperlinks zu anderen Servern URI: Das Adressierungsschema Hyperlink mit URI Dateiname der Startseite Hyperlinks zu FTP & Co Projektinterne Hyperlinks Allgemeines zu projektinternen Links Datei im selben Verzeichnis Pfadangaben in HTML Hyperlinks innerhalb von Webseiten Zielanker setzen Hyperlink auf Zielanker Hyperlinks auf beliebige Dateien Hyperlink auf beliebige Dateien Hyperlinks Hyperlink definieren Optionen für -Hyperlinks Teil B Seitengestaltung und Interaktion Grafiken Grafiken einfügen Grafikreferenz Alternative Grafik laden Grafik als Link IE-Spezialität: Video IE-Spezialität: Bildsymbolleiste Grafikdarstellung steuern HTML-Standard vs. Praxis Breite und Höhe Randdarstellung Außenabstände Ausrichtung Textfluss Image Maps Allgemeines zu Image Maps Clientseitige Image Maps Image Map mit Link-Tags Objekt als Image Map VIII

5 Grafikformate für Webseiten GIF JPG PNG Tabellen Grundgerüst einer Tabelle Allgemeines zu Tabellen Tabelle definieren Tabellenausmaße Zellengröße Tabellen ausrichten Beschriftung für Tabellen Moderne Tabellendefinition Spalten gruppieren Tabellenzellen verbinden Zellen horizontal verbinden Zellen vertikal verbinden Zellen vertikal und horizontal verbinden Darstellung von Tabellen Linien und Rahmen Hintergrundfarbe Hintergrundbild Zellinhalte ausrichten Innen- und Außenabstände Blinde Tabellen als Layouthilfe Allgemeines zum Seitenlayout Blinde Tabellen Breite und Höhe mit Pixeltrick erzwingen Verschachtelte Tabellen Multimedia HTML und Multimedia Universallösung: Objekte Daten als Objekt einbinden Applet als Objekt einbinden Eigenschaften von Objekten Parameter übergeben Objektdeklaration und Instanzen trennen Alte Netscape-Variante Multimedia-Element definieren Alternativer Inhalt Weitere Attribute Alte Variante für Java-Applets Java-Applet einbinden Eigenschaften von Java-Applets Parameter übergeben IX

6 9 Formulare Formulare definieren Allgemeines zu Formularen Arbeitsweise von Formularen Formular definieren Einzeilige Texteingabefelder Einfaches Texteingabefeld Passworteingabefeld Isindex Mehrzeilige Texteingabefelder Radiobuttons Checkboxen Auswahllisten Einfache Auswahlliste Dropdown-Liste Listeneinträge gruppieren Buttons Buttons zum Absenden und Abbrechen Grafische Buttons zum Absenden Allgemeine Buttons (alte Variante) Buttons (moderne Variante) Eingabefelder für Dateiupload Maximale Dateigröße festlegen Erlaubte Dateitypen festlegen Versteckte Eingabefelder Formulare gestalten Layout mit HTML-Tags Bereiche definieren Label für Beschriftungen IE-Spezialitäten Kontrollelemente steuern Deaktivierte Kontrollelemente Nur-Lesen-Eingabefelder Tabulatorreihenfolge Hotkeys AutoVervollständigen Formulare auswerten Einstellungen im Formular Zusendung per Auswertung durch Server-Programme X

7 Teil C HTML erweitern Frames Frameset definieren Allgemeines zu Frames Zeilen und Spalten Verschachtelte Framesets Noframes-Bereich Noframes-Bereich ohne Frameset Frames definieren Startinhalt festlegen Ausführliche Beschreibung Darstellung von Frames Trennlinien Abstände zwischen Frames Innenabstand Größenänderung verhindern Bildlaufleisten steuern Links und Frames Frame als Ziel eines Hyperlinks Standardziel für Hyperlinks Hyperlinks zum Verlassen von Framesets Inline-Frames Inline-Frame definieren Darstellung steuern IE-Spezialität: Security IE-Spezialität: Transparenz Skripts und Stylesheet-Bereiche Stylesheet-Bereiche Allgemeines zu Stylesheets Standardmäßige Stylesheet-Sprache einstellen Inline-Stylesheets Stylesheet-Bereiche im HTML-Kopf Externe Stylesheet-Dateien Stylesheets kaskadieren Skriptbereiche Skripts in HTML einbinden Skriptbereich definieren Noscript-Bereich definieren Eventhandler onblur onchange onclick ondblclick onfocus onkeydown XI

8 onkeypress onkeyup onload onmousedown onmousemove onmouseout onmouseover onmouseup onreset onselect onsubmit onunload Teil D XHTML XHTML Was ist XHTML? Drei XHTML-1.0-Varianten Grundgerüst einer XHTML-Datei Unterschiede zu HTML Teil E CSS Cascading Stylesheet CSS anwenden CSS Die Basis Grundlegende Syntax CSS in HTML einbinden Standards-Compliant-Mode Wertangaben Ganzzahlen und Fließkommazahlen Längen Prozentwerte URLs und URIs Farben Winkel Zeiten Frequenzen Zeichenketten Selektoren Universalselektor Typselektor Nachfahrenselektor Kindselektor Nachbarselektor Attributselektoren HTML-spezifische Selektoren XII

9 Pseudo-Klassen :active :first, :left und :right :first-child :focus :hover :lang :link und :visited Pseudo-Elemente :after und :before :first-letter :first-line At-Regeln Die Kaskadierungsfolge Reihenfolge aushebeln:!important CSS-Eigenschaften Allgemeines zur CSS-Übersicht border Schrift gestalten font-family font-size font-size-adjust font-stretch font-style font-variant font-weight font Schrift einbinden Text gestalten direction letter-spacing line-height text-align text-decoration text-indent text-shadow text-transform unicode-bidi vertical-align white-space word-spacing Text gestalten (Microsoft) XIII

10 layout-flow line-break ruby-align ruby-overhang ruby-position text-align-last text-autospace text-justify text-kashida-space text-overflow text-underline-position word-break word-wrap writing-mode Farbe und Hintergrund background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat color Außenabstand und Auffüllbereich margin-bottom, margin-left, margin-right, margin-top margin padding-bottom, padding-top, padding-left, padding-right padding Rahmen border border-bottom, border-left, border-right, border-top border-bottom-color, border-left-color, border-right-color, border-top-color border-bottom-style, border-left-style, border-right-style, border-top-style border-bottom-width, border-left-width, border-right-width, border-top-width border-color border-style border-width Positionierung bottom, left, right, top clear clip display float height XIV

11 max-height min-height min-width, max-width overflow overflow-x, overflow-y position visibility width z-index Layout (Microsoft) behaviour ime-mode layout-grid layout-grid-char, layout-grid-line layout-grid-mode layout-grid-type zoom Tabellen border-collapse border-spacing caption-side empty-cells table-layout Benutzeroberfläche accelerator cursor outline outline-color outline-style outline-width scrollbar-x Inhalte erzeugen content counter(), counters() counter-increment, counter-reset quotes Listen list-style list-style-image list-style-position list-style-type marker-offset Filter (Microsoft) filter Alpha() BasicImage() Blur() Chroma() Compositor() XV

12 DropShadow() Emboss() Engrave() Glow() ICMFilter() Light() MaskFilter() Matrix() MotionBlur() Shadow() Wave() Seitenorientierte Ausgabemedien :left, :right, :first margin-bottom, margin-left, margin-right, margin-top marks page-break-after, page-break-before page-break-inside page orphans size widows Sprachausgabe Teil F Anhang A Was man noch wissen sollte MIME-Typen Ländercodes Farbnamen Standardfarbnamen ab HTML Erweiterte Farbnamen Benannte Zeichen in HTML Latin-1-Zeichensatz Benannte Zeichen in Latin Benannte Zeichen für griechische Buchstaben Benannte Zeichen für mathematische Symbole Benannte Zeichen für technische Symbole Benannte Zeichen für Pfeilsymbole Benannte Zeichen für diverse Symbole Benannte Zeichen für Interpunktion B HTML-Referenz HTML-Varianten HTML 4.0 Transitional HTML 4.0 Frameset HTML 4.0 Strict XVI

13 HTML-Referenz <a> <abbr> <acronym> <address> <applet> <area> <b> <base> <basefont> <bdo> <bgsound> <big> <blockquote> <body> <br> <button> <caption> <center> <cite> <code> <col> <colgroup> <comment> <custom> <dd> <del> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <font> <form> <frame> <frameset> <head> <h?> <hr> <html> <i> <iframe> <img> <input type="button"> <input type="checkbox"> <input type="file"> XVII

14 <input type="hidden"> <input type="image"> <input type="password"> <input type="radio"> <input type="reset"> <input type="submit"> <input type="text"> <ins> <isindex> <kbd> <label> <legend> <li> <link> <listing> <map> <marquee> <menu> <meta> <nobr> <noframes> <noscript> <object> <ol> <optgroup> <option> <p> <param> <pre> <q> <rt> <ruby> <s> <samp> <script> <select> <small> <span> <strike> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea> <title> <th> XVIII

15 <tfoot> <thead> <tr> <tt> <u> <ul> <var> <wbr> <xml> <xmp> Stichwortverzeichnis XIX

16