XML

Gry

Gry
XML

XML: strona internetowa wykorzystująca styl CSS, wyświetlająca nazwy gier.

CSS generuje odpowiednie tło w zależności od gatunku.

Podgląd:

Strona internetowa

Kod programu:

Kod XML:

<?xml version="1.0" encoding="iso-8859-2"?>
<?xml-stylesheet type="text/css" href="szablon01.css"?>
<gry>
  <akcji>Call of Duty</akcji>
  <strategiczne>Red Alert</strategiczne>
  <rpg>Neverwinter Nights</rpg>
  <edukacyjne>Baltie</edukacyjne>
  <rpg>Skyrim</rpg>
  <akcji>Counter Strike</akcji>
  <logiczne>Mahjongg</logiczne>
  <mmorpg>Lineage</mmorpg>
  <moba>League of Legends</moba>
  <platformowe>Mario</platformowe>
</gry>

CSS:

gry {
font-family: Verdana, Arial
	}
akcji {
font-size: 14pt;
font-weight: bold;
padding: 10px;
background-color: #FFCC00;
}
strategiczne {
font-size: 14pt;
font-weight: bold;
padding: 10px;
background-color: #66FF00;
}
rpg{
font-size: 14pt;
font-weight: bold;
padding: 10px;
background-color: #CCFFFF;
}
edukacyjne{
font-size: 14pt;
font-weight: bold;
padding: 10px;
background-color: #77FFFF;
}
logiczne{
display: block;
font-size: 14pt;
font-weight: bold;
padding: 10px;
margin-top: 20px;
background-color: #AAFFFF;
}
mmorpg{
display: block;
font-size: 14pt;
font-weight: bold;
padding: 10px;
margin-top: 20px;
background-color: #BBFFFF;
}
moba{
display: block;
font-size: 14pt;
font-weight: bold;
padding: 10px;
margin-top: 20px;
background-color: #99CC00;
}
platformowe{
display: block;
font-size: 14pt;
font-weight: bold;
padding: 10px;
margin-top: 20px;
background-color: #AAEE00;
}