HTML und CSS

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; }
Scroll to Top