Kingmagister
Neues Mitglied
Hi ich habe hier zwei Html Codes mit dem gleichen layout und der gleichen CSS.
Aber warum ist im zweiten Code der Schriftzug "Links" nicht wie in dem ersten Code??
Und vorallem wie ändere ich das dann ??
Aber warum ist im zweiten Code der Schriftzug "Links" nicht wie in dem ersten Code??
Und vorallem wie ändere ich das dann ??
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>xxx</title>
<link rel="stylesheet" type="text/css" href="layout.css">
<meta name="xxx" content="Projekt_Informatikunterricht">
<meta name="DC.language" content="de"
</head>
<body>
<div class="container">
<div class="header">
<table>
<tr>
<th align=center > <a href="#"><img src="Logo.jpg" alt="Hier ist das Logo" name="Logo.jpg" height="194px" style="background: #8090AB; display:block;"></a></th>
<th width=100%> <span style="font-family:'Times New Roman',Times,serif; font-size:100px"><i>xxx</i></span>
</th>
</tr>
</table>
<!-- end .header --></div>
<div class="sidebar1">
<br><br><br><br><br>
<ul class="nav">
<li><a href="Startseite.html"><strong>Startseite</strong></a></li>
<li><a href="Über Mich.html"><strong>Über Mich</strong></a></li>
<li><a href="Schule.html"><strong>Schule</strong></a></li>
<br>
<li><a href="Galerie.html"><strong>Galerie</strong></a></li>
</ul>
<!-- end .sidebar1 --></div>
<div class="content">
<!--Dies ist die Überschrift-->
<h2>
<span class="thema">HTML</span>
<span class="artikel">Meine eigene Website</span>
</h2>
<!--Der Inhalt des restlichen content-->
<p style="padding:10px">
Im Zuge einer Arbeit im Fach Informatik sollte alle Teilnehmer des Kurses eine eigene Homepage erstellen.
Diese Homepage sollte Dinge über uns, unsere Familie und Dinge die uns interessieren zeigen.
</p>
<p style="padding:10px">
Es gab folgende Aufgabenstellung:
<br>
<br>
<h4>Projekt <i>Homepage</i></h4>
<br>
<h4>Aufgabe: Erstelle eine HTML-Seite über dich!</h4>
<br>
Diese Seite muss mindestens folgende Dinge enthalten:
<ul>
<li>Standartformatierungen wie z.B. Überschriften, Absätze etc.</li>
<li>Weitere Formatierungen sollen mithilfe von Stylesheets (Inline-Tags oder Klassen) erstellt werden.
<br>Insbesondere sollen mindestens zwei verschiedene Schriftarten vorkommen.</li>
<li>eine sortierte oder unsortierte Liste</li>
<li>dein Stundenplan</li>
<li>eine weitere Tabelle</li>
<li>eine Grafik</li>
<li>einen Link auf eine Seite im Internet</li>
<li>möglichst einen Link zu einer Stelle auf derselben Seite (Anker)</li>
</ul>
<p>
Den Inhalt der Seite bestimmst du selbst. Es sollten Dinge über dich selbst über deine Familie, über deine
Hobbys sein. Die sollte gut gestaltet werdenn, auf eine lesbare Schriftart und auf eine geeignete
Farbwahl ist zu achten.
</p>
<p>
Der HTML-Quelltext muss übersichtlich angefertigt werden, ggf. sind Kommentare einzufügen. Programme, die automatisch
HTML-Code erzeugen, dürfen nicht verwendet werden.
</p>
<p>
Tags, die im Unterricht besprochen worden sind, können ohne Kommentar verwendet werden.
</p>
<p>
<strong>Alle anderen Tags müssen im HTML-Quelltext kommentiert werden!</strong>
</p>
<p>
Alle für die Seite benötigten Dateien müssen in <i>einem</i> Ordner gespeichert werden.
</p>
<p>
Anschließend wird eine gemeinsame Homepage des Kurses erstellt, die ein Kursfoto und einen Bericht zum Projekt
enthält und auf der es zu jeder einzelnen Schülerhomepage einen Link gibt.
</p>
<p>
Die einzelnen Aktivitäten werden benotet!
</p>
<p>
<i>Abgabe: 2.März!</i>
</p>
</p>
<!-- end .content --></div>
<div class="sidebar2">
<p> Links </p>
<p> <a href="http://www.carolinumosnabrueck.de/"><img src="caro_logo.gif" alt="Carolinum Osnabrück"></a> </p>
<p> <a href="http://www.google.de/webhp?sourceid=navclient&hl=de&ie=UTF-8"><img src="google_logo.jpg" alt="Google Suchmaschine"></a> </p>
<p> <a href="http://wikipedia.de/"><img src="wikipedia_logo.gif" alt="Wikipedia Enzyklopädie" width="100px" height="100px" ></a> </p>
<!-- end .sidebar2 --></div>
<div class="footer">
Dies ist die Website von xxx.
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>
