Websiteentwicklung: XHTML: Lösungen

Aufgabe 1

Bearbeiten

XHTML ist eine Auszeichnungssprache.


Aufgabe 2

Bearbeiten
<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml" version="XHTML+RDFa 1.0">
 <head>
  <title>Meine erste Seite</title>
 </head>
 <body>
  <p>Hallo Welt!</p>
 </body>
</html>


Aufgabe 3

Bearbeiten
  1. titel-Markierung ist nicht geschlossen
  2. h1-Markierung ist am Anfang großgeschrieben
  3. p-Markierung ist nicht richtig geschlossen
  4. tt-Markierung ist nicht richtig verschachtelt
  5. Es fehlen die Anführungszeichen des Wertes der Attribute id

Aufgabe 4

Bearbeiten

Der Wert eines Attributes id darf in einem Dokument, im Gegensatz zum Attribut class, nur ein einziges Mal vorkommen.

Aufgabe 5

Bearbeiten
<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml" version="XHTML+RDFa 1.0">
 <head>
  <title>Absätze, Zeilenumbrüche, formatierter Text</title>
 </head> 
 <body>
  <p>
    Wikipedia ist ein am 15. Januar 2001 gegründetes freies Online-Lexikon...<br />
    Der Name Wikipedia ist ein Kofferwort, das sich aus „Wiki“ (hawaiisch für „schnell“)...
  </p>
  <p>
   Die englischsprachige Wikipedia ist mit weit über drei Millionen Artikel die größte...
  </p>
  <address>
   Wikimedia Foundation Inc.<br />
   149 New Montgomery Street-3rd Floor<br />
   San Francisco<br />
   CA 94105<br />
   United States of America
  </address>
  <pre>
   public class HalloWelt
   {
     public static void main(String[] args)
     {
      System.out.println("Hallo Welt!");
     }
   }
  </pre>
 </body>
</html>


Aufgabe 6

Bearbeiten
<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml" version="XHTML+RDFa 1.0">
 <head>
   <title>Überschriften</title>
 </head>
 <body>
   <h1>Wikipedia</h1>
     <p>Das Ziel von Wikipedia ist es, eine frei lizenzierte und qualitativ ...</p>
     <p>Jeder Internetnutzer kann Wikipedia nicht nur lesen, sondern auch als Autor mitwirken.</p>
   <h2>Sekundärliteratur über Wikipedia</h2>
   <h3>Wissenschaftliche Untersuchungen</h3>
   <h4>Markenbildung</h4>
     <p>Erfolg und Publizität des offenen Enzyklopädiekonzepts (Wikipedia lag 2007 erstmals ...)<br />
     weckten auch das Interesse zahlreicher Wissenschaftler und Studenten.</p>
 </body>
</html>


Aufgabe 7

Bearbeiten

Aufgabe 8

Bearbeiten
<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml" version="XHTML+RDFa 1.0">
 <head>
   <title>Aufzählungen</title>
 </head>
 <body>
   <h1>Wikipedia</h1>
   <h2>Wikipedia wurden folgende Preise und Auszeichnungen verliehen</h2>
     <ul>
       <li>
         <h3>2004</h3>
         <ul>
           <li>Goldene Nica in der Kategorie „Digital Communities“ des Prix Ars Electronica</li>
           <li>Webby Award in der Kategorie „Community“</li>
         </ul>
       </li>
       <li>
         <h3>2005</h3>
         <ul>
           <li>Grimme Online Award</li>
         </ul>
       </li>
       <li>
         <h3>2006</h3>
         <ul>
           <li>LeadAward als „Webleader des Jahres“</li>
           <li>OnlineStar in der Kategorie „News“</li>
         </ul>
       </li>
       <li>
         <h3>2008</h3>
         <ul>
           <li>Quadriga-Preis des Berliner Vereins Werkstatt Deutschland für ...</li>
         </ul>
       </li>
    </ul>
 
  <h2>Grundsätze</h2>
  <p>Vier Grundsätze sind den Angaben des Projekts zufolge unumstößlich ...</p>
  <ol>
    <li>Wikipedia ist eine Enzyklopädie.</li>
    <li>Beiträge sind so zu verfassen, dass sie dem Grundsatz des neutralen Standpunkts entsprechen.</li>
    <li>Geltendes Recht  insbesondere das Urheberrecht  ist strikt zu beachten.</li>
    <li>Andere Benutzer sind zu respektieren und die Wikiquette einzuhalten.</li>
  </ol>
 
  <h2>Grundbegriffe</h2>
  <dl>
    <dt>Enzyklopädie</dt>
      <dd>Eine Enzyklopädie ist eine bestimmte Art ...</dd>
    <dt>Nachschlagewerk</dt>
      <dd>Ein Nachschlagewerk ist ein Buch oder ähnliches Werk, das schnellen ...</dd>
    <dt>Fachlexikon</dt>
      <dd>Ein Fachlexikon ist ein meist alphabetisch geordnetes Nachschlagewerk ...</dd>
  </dl>
 </body>
</html>


Aufgabe 9

Bearbeiten
<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml" version="XHTML+RDFa 1.0">
 <head>
   <title>Verweise</title>
 </head>
 <body>
  <h1>Europäische Union</h1>
  <ul>
    <li><a href="http://de.wikipedia.org/wiki/Eu">Hier gelangen Sie zum Thema EU ...</a></li>
    <li><a href="aufgabe_5b/Eu.htm">Sollte die Wikipedia nicht online sein, dann ...</a></li>
  </ul>
  <h2 id="oben">Mitgliedstaaten</h2>
    <ol>
      <li>Belgien</li>
      <li>Bulgarien</li>
      <li>Dänemark</li>
      <li>Deutschland</li>
      <li>Estland</li>
      <li>Finnland</li>
      <li>Frankreich</li>
      <li>Griechenland</li>
      <li>Irland</li>
      <li>Italien</li>
      <li>Lettland</li>
      <li>Litauen</li>
      <li>Luxemburg</li>
      <li>Malta</li>
      <li>Niederlande</li>
      <li>Österreich</li>
      <li>Polen</li>
      <li>Portugal</li>
      <li>Rumänien</li>
      <li>Schweden</li>
      <li>Slowakei</li>
      <li>Slowenien</li>
      <li>Spanien</li>
      <li>Tschechien</li>
      <li>Ungarn</li>
      <li>Vereinigtes Königreich</li>
      <li>Zypern</li>
    </ol>
  <p>
    <a href="#oben">Nach oben</a>
  </p>
  <h3>Kontakt</h3>
  <p>Bei Problemen verwenden Sie bitte folgende E-Mail-Adresse:<br />
    <a href="mailto:vorname.nachname@example.org">vorname.nachname@example.org</a>
  </p>
 </body>
</html>


Aufgabe 10

Bearbeiten

Aufgabe 11

Bearbeiten

Aufgabe 12

Bearbeiten

Aufgabe 13

Bearbeiten

Aufgabe 14

Bearbeiten

Aufgabe 15

Bearbeiten