Auszeichnungssprachen HTML Was ist HTML? HTML - HyperText Markup Landguage (Dt. Hypertext Auszeichnungssprache). HTML ist die Sprache, mit der WWW-Seiten definiert werden und die die Struktur, den Inhalt und das Verhalten eines Web-Dokuments beschreibt. HTML basiert auf SGML Standard Generalized Markup Language. SGML ist eine ISO-Norm, mit der die Syntax von Auszeichnungssprachen definiert wird. Eine solche Auszeichnungssprache ist nötig, um Dokumente auf verschiedenen Rechnersystemen einheitlich darstellen zu können. Ein HTML-Dokument besteht aus zwei verschiedenen Textarten, nämlich erstens dem eigentlichen Inhalt, also die Informationen (Text, Grafik etc.), die auf dem Bildschirm angezeigt werden sollen, und zweitens der Markierung (Markup), den sog. Tags (also dem Text, der die Art und Weise festlegt, wie die Informationen dargestellt werden sollen). Diese Markierungen werden vom Browser verstanden und interpretiert. Syntaxkonventionen Alle HTML Tags werden von den spitzen Klammern < > eingeschlossen. z.b. <BR> Eine Auszeichnung, die mit einem Tag eingeschaltet wird, bleibt für den gesamten folgenden Text gültig, bis sie wieder ausgeschaltet wird: <b>... </b> Bei vielen Tags kann bzw. muss man weitere Informationen, sog. Attribute angeben, die die Ausführung des Tags steuern. Diese Attribute werden hinter dem Tag-Namen aber noch innerhalb der spitzen Klammern eingegeben: <BODY BACKGROUND = grafik.gif > Kryptographie Kurzcodes für Sonderzeichen (ISO Zeichensatz) ä = ä ß = ß Bsp. Der Bär frißt gerne grüne Fische ISO: Der Bär frißt gerne güne Fische
Allgemeiner Seitenaufbau <HTML> <HEAD> <TITEL> Hier steht der Titel </TITEL> </HEAD> <BODY> Hier steht der eigentliche Inhalt der Seite </BODY> </HTML> HTML-Kategorien und Tags I. Kategorie: Tags für die Struktur eines HTML-Dokuments a) <FRAMESET>... Bsp. <FRAMESET cols="*,20%"> <FRAMESET rows="45%,*"> <FRAME src="komlin01.htm" marginheight="0" marginwidth="0" name="kl01" scrolling="auto"> <FRAME src="komlin02.htm" marginwidth="0" marginheight="0" name="kl02" scrolling="auto"> <FRAMESET rows="100%,*"> <FRAME src="kurs.htm" marginwidth="0" marginheight="0" name="kurs" scrolling="auto">
b) <STYLE>... </STYLE> Bsp. <Style type="text/css"> <!-- P {line-height: 1.5; color: #334455} H1 {line-height: 1.5; color: #334455; text-align: center} H2 {line-height: 1.5; color: #334455; text-align: center} H3 {line-height: 1.5; color: #334455; text-align: center} H4 {line-height: 1.2; color: #334455; text-align: center} LI {line-height: 1.5; color: #334455} A {text-decoration: none} TD.AB {font-weight: bold; text-align: left} TD.CD {font-weight: bold; text-align: center} TD.XY {font-weight: bold; text-align: right} --> </Style> II. Kategorie: Tags für Schriftattribute (physikalische Auszeichnung) <FONT>...</FONT> <BIG>...</BIG> <SMALL>..</SMALL> <B>...</B> <I>...</I> <U>...</U> <SUB> </SUB> <SUP> </SUP> <BLINK>...</ BLINK> III. Kategorie: Tags für Texttypen (Stile für logische Auszeichnungen) <ABBREV>... </ABBREV> <ACRONYM>... </ACRONYM> IV. Kategorie: Tags für Überschriften eines HTML-Dokuments <H1>...</H1> <H2>...</H2> <H3>...</H3>
<H4>...</H4> <H5>...</H5> <H6>...</H6> V. Kategorie: Tags für Listen <UL> <LI>...</LI> </UL> <DL>.</DL> <DT>..</DT> <DD>..</DD> VI. Kategorie: Tags für Tabellen <CAPTION>... </CAPTION> <COL> Bsp. <TABLE> <TR> <TD> </TD> </TR> </TABLE> VII. Kategorie: Tags für Grafiken <IMG> <img SRC="manana/manana1.jpg" ALT="foto de manana" ALIGN="TOP"> VIII. Kategorie: sonstige Tags <BR> <HR> <P> </P>
<CENTER> </CENTER> <DIV>. </DIV> <VALIGN> <td VALIGN="TOP"><IMG SRC="manana/manana1.jpg" ALT="foto de manana" ALIGN="TOP"> <ALINK> <BODY LINK="brown" VLINK="brown" ALINK="brown" BACKGROUND="/armazi/geoalph4.jpg"> <BGCOLOR> <TABLE BORDER=5 ALIGN=center WIDTH=100%> <TR> <TD BGCOLOR ="#ffff66" WIDTH =20%> <FONT FACE="Times New Roman ">Morphologie </TD> </TR> </TABLE> Links Absolute vs. relative Links <A=HREF>..</A> <A HREF="http://www.verkehrsinfo.de/"target=_blank> <A HREF="manana/udisch.htm">Udische Sprache</A> <A NAME> <A NAME="Syntax">.</A> <START> <TARGET> <a href="komlin04.pdf" target="_blank"><b>syntaktische Analyse;</b></a> Das RGB-Farbschema Bei der Darstellung von Farben auf dem Computer setzt sich jede Farbe aus den drei Grundfarben: Rot, Grün und Blau zusammen. Jeder dieser drei Farbanteile wird durch eine Zahl zwischen = und FF (dezimal: 255) repräsentiert, was verschiedene mögliche Farben ergibt.
Das hexadezimale Zahlensystem hat Basis 16, also 16 Grundziffern, und zwar: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F Umwandlung der dezimalen Zahlen in Hexadezimal: 182-11*16=6 B6 Umwandlung der hexadezimalen Zahlen in Dezimal: E8 14*16+8=232 Schriftfarben: Aqua Black Blue Fuchsy Gray Green Lime Maroon Navy Olive Purple Red Silver Steal White Yellow Hellblau Schwarz Hellblau Hellbraun Grau Grün Ockergelb Dunkelbraun Dunkelblau Olivgrün Violett Rot Silbergrau Stahlgrau Weiß Gelb Die verschiedenen Grafikformate Im WWW haben sich zwei Grafikformate etabliert: GIF Graphics Interchange Format (von KompuServe eingeführt, 1987). GIF- Grafiken bestehen aus maximal 256 verschiedenen Farben. JPEG / JPG - von Joint Photographic Experts Group entwickelt, mit dem Ziel, ein Grafikformat zu entwerfen, mit dem photorealistische Bilder mit geringem Datenaufwand gespeichert werden können. JPG-Bilder können bis zu 16,7 Millionen verschiedene Farben enthalten. Bekannte Formate: Von Browsern unterstützt? Graphics Interchange Format gif ja Joint Photographic Expert Group jpeg ja, fast alle Device Independent Bitmap dib selten, erfordert meist Plug-In Tagged Image File Format tiff, tif erfordert Plug-In
PC Paintbrush pcx erfordert Plug-In Windows Meta File (ClipArts) wmf erfordert Plug-In BitMap Format bmp erfordert Plug-In Amiga Interchange File Format iff erfordert Plug-In Truevision Targa tga erfordert Plug-In