Erstellen Sie das Grundgerüst einer Webseiite
Kopieren Sie folgenden Html-Code und fügen Sie Ihn in einen Editor ein. Speichern Sie unter dem Namen „Index.html“ und fügen diese gespeicherte Datei in einen Ordner ein.
<html>
<head>
<meta http-equiv="Content-Language" content=de">
<title>Seitentitel</title>
<meta name="description" content= " Seitenbeschreibung" />
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id='kopf'>
<h1>u0026amp;nbsp;u0026amp;nbsp;Header</h1>
</div>
<div id='navigation'>
<h1>Navi<br>ga<br>tion</h1>
</div>
<div id='inhalt'>
<h1>u0026amp;nbsp;u0026amp;nbsp;Inhalt</h1>
<h3>Informationen stehen auf folgender Webseite: http://www.ohne-css.gehts-gar.net/</h3>
</div>
</div>
</body>
</html>Speichern Sie ebenfalls den unten stehenden CSS-Code und fügen Sie Ihn in einen Editor ein. Die Datei erhält den Namen style.css. Fügen Sie diese Datei in denselben Ordner ein, in welchem auch die index.html steht.
#kopf
{width:1147px;
height:216;
margin-left:10px;
background-color:green;
}
#navigation {
width:100px;
height:500px;
border: 2px solid #00501f;
margin-left:10px;
Position:absolute;}
#inhalt {
width:1043px;
height: 2000px;
background-color:#e0e3c3;
margin-left:114px;
Position:absolute;
}
h1 { color:red;
font-size:36pt;
font-weight:bold;
font-style:italic;
}
h2 { color:green;
font-size:30pt;
font-weight:bold; }
h3 { color:blue;
font-size:24pt; }