« XSL-Start

Aufgabe: Artikel-Transformation

Lernziel

Alle bisher beschriebenen Techniken können nun in einer komplexen Übung noch einmal angewendet werden.

Viel Spass beim Knobeln.

Handlungsanweisungen

Aufgaben:Konvertieren Sie die XML nach HTML!

Die XML-Datei als Ausgangsbasis:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
<artikel>
  <ueberschrift>XML als Datenaustauschformat</ueberschrift>
  <autor email="info@meising.org">Stefan Meising
    <bild quelle="meising.jpg"/>
  </autor>
  <abschnitt> Sie haben sicher schon viel über <fett>XML</fett> gelesen?!
    <unterstrichen>Aber:</unterstrichen> Können Sie sich auch  ein Bild
    machen von <br/> den Möglichkeiten des XML-Standards? Was kann XML?
  </abschnitt>
  <abschnitt>
    <fett>
      <kursiv>Eine Übersicht:</kursiv>
    </fett>
    <br/>
    <liste type="sortiert">
      <element>XML ist <rot>nur Text</rot> und kann nichts</element>
      <element>XML ist ein Regelwerk zur Beschreibung von Daten</element>
      <element>XML ist hierachisch aufbebaut</element>
      <element>XML ist von Menschen und Programmen lesbar</element>
    </liste>
  </abschnitt>
</artikel>

Hier noch einige Hinweise für die Entsprechungen der XML-Elemente in HTML:

<h2></h2>    => Überschrift
<p></p>   => Abschnitt
<b></b>  =>  fett
<u></u>  =>  unterstrichen
<i></i>   =>  kursiv
<span style="color:red"></span>   =>  rot
<ul>   =>  Liste
<li>   =>   Element
<br/>   =>   <br/>

Link zur E-Mail:

<a href="mailto:info@meising.org">E-Mail an Meising</a>

Grafik:

<img src="bild.png" />

Ein erste Blick auf das gewünschte Ergebnis:

../../_images/artikel-transform-vorschau.png