Web Engineering 1/HTML

Wiki-Quelltext dieser Seite.

{{Ziele|
* Unterschied zwischen Strukturierung und Formatierung
* Abgrenzung von logischer und physischer Formatierung
* Notwendigkeit der Trennung von Inhalt und Layout
* Neben HTML gibt es weitere spezialisierte Standards
|
* Beherrschung grundlegender HTML Sprachelemente zur Strukturierung und Formatierung
* Verwendung von MathML für formale Ausdrücke
* Verwendung von SVG für vektorbasierte grafische Darstellungen
|
* Formatierung des beschreibenden Texts
* Hervorhebung von Schlagwörter, externe Links
* Beschreibung der mathematischen Grundlagen des Spiels
* Grafische Nachbildung der Sudokuspielfläche und Markierung relevanter Bereiche
}}
{|
|style="width: 32em;vertical-align:top;"|<html>
<iframe width="100%" height="420" src="//jsfiddle.net/dotrxrpw/embedded/html,result/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
</html>
|style="vertical-align:top;padding-left:1em;"|
MathML ist Teil des HTML5-Standards. Es reicht somit aus, einen zusammengehörigen formalen Ausdruck durch <tt>math</tt> Tags abzugrenzen. Auch MathML folgt dem XML-Standard und nutzt Elemente und Attribute. Es werden mit <tt>mi</tt> Variablen, mit <tt>mn</tt> Zahlen und mit <tt>mo</tt> Operatoren ausgezeichnet.

Hoch- und Tiefstellungen von Exponenten und Indizes werden durch <tt>msup</tt> und <tt>msub</tt> erreicht. Diese Elemente erwarten jeweils zwei Unterelemente für den Basiswert und den Exponenten bzw. Index. Komplexere zusammengehörige Ausdrücke können mit <tt>mrow</tt> gruppiert werden.

Klammerungen verschiedener Art können mit <tt>mfenced</tt> realisiert werden.
|}
{{Projekt|Beispiellösung <document>WE1-P2.zip</document>}}