nehmen wir doch einfach das selfhtml beispiel:
du brauchst eine xml datei:
Code: Alles auswählen
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE fahrplan SYSTEM "fahrplan.dtd">
<?xml-stylesheet type="text/css" href="fahrplan.css" ?>
<fahrplan>
<bahnhof>
<name>Frankfurt HBF</name>
<ereignis>
<abfahrt>
<zeit>10.24</zeit>
<zugtyp class="ic">IC</zugtyp>
<zugnr>234</zugnr>
<route>Nürnberg 11.48, Regensburg 12.50, Passau 13.38, Linz 14.22
<ziel>Wien West an 17.55</ziel>
</route>
</abfahrt>
</ereignis>
<ereignis>
<ankunft>
<zeit>10.36</zeit>
<zugtyp>RB</zugtyp>
<zugnr>20392</zugnr>
<route><start>Koblenz ab 08.57</start>
Bacharach 09.16, St. Goar 09.42, Mainz 10.05, Ffm Flughafen 10.25
</route>
</ankunft>
</ereignis>
<ereignis>
<abfahrt>
<zeit>10.39</zeit>
<zugtyp>RSB</zugtyp>
<zugnr>58483</zugnr>
<route>Offenbach 10.52, Hanau 11.01
<ziel>Aschaffenburg an 11.27</ziel>
</route>
</abfahrt>
</ereignis>
<ereignis>
<ankunft>
<zeit>10.40</zeit>
<zugtyp class="ice">ICE</zugtyp>
<zugnr>23</zugnr>
<route><start>Hamburg ab 06.55</start>
Hannover 08.05, Göttingen 08.43, Kassel 09.01, Fulda 09.43
</route>
</ankunft>
</ereignis>
</bahnhof>
</fahrplan>
dann brauchst du eine dtd:
Code: Alles auswählen
<!ELEMENT fahrplan (bahnhof)>
<!ELEMENT bahnhof (name,(ereignis)*)>
<!ELEMENT name (#PCDATA)>
<!ELEMENT ereignis (abfahrt | ankunft)>
<!ELEMENT abfahrt (zeit,zugtyp,zugnr,route)>
<!ELEMENT ankunft (zeit,zugtyp,zugnr,route)>
<!ELEMENT zeit (#PCDATA)>
<!ELEMENT zugtyp (#PCDATA)>
<!ELEMENT zugnr (#PCDATA)>
<!ELEMENT route (#PCDATA | start | ziel)*>
<!ELEMENT start (#PCDATA)>
<!ELEMENT ziel (#PCDATA)>
und dann, um das optisch darzustellen, eine css:
Code: Alles auswählen
bahnhof
{ position:absolute;
top:10px;
left:40px;
background-color:#C0C0C0;
padding:10px;
}
name
{ position:relative;
display:block;
width:600px;
background-color:#808080;
color:#FFFFFF;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:48px;
padding:5px;
}
abfahrt
{ position:relative;
display:block;
width:600px;
background-color:#FFFF80;
color:#000000;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:16px;
padding:2px;
}
ankunft
{ position:relative;
display:block;
width:600px;
background-color:#FFFFFF;
color:#000000;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:16px;
padding:2px;
}
zeit
{ position:relative;
width:70px;
vertical-align:top;
}
zugtyp
{ position:relative;
width:50px;
vertical-align:top;
}
zugnr
{ position:relative;
width:70px;
vertical-align:top;
}
route
{ position:relative;
width:350px;
}
ziel,start,zeit
{ font-weight:bold;
color:0000E0;
}
.ic, .ice
{ font-weight:bold;
color:E00000;
}
natürlich gibt es auch andere möglichkeiten, aber das kannst du auch selber lesen:
https://de.selfhtml.org/xml/darstellung/
achja: so sieht das beispiel aus:
https://de.selfhtml.org/xml/darstellung ... hrplan.xml