vorhanden sind.<\/p>\n\n\n\n
Hier kommt die index.html<\/p>\n<\/div>\n\n\n\n
<body> <div id=\"main\"> <div id=\"footer\"> Hier kommt die modern.css<\/p>\n<\/div>\n\n\n\n Hier beginnt nun dein erstes gro\u00dfes Projekt. Aufgabe 1: Aufgabe 2: Aufgabe 3: Aufgabe 4: Das folgende Beispiel (vielen Dank Thorben) zeigt dir, wie du divs auch Schachteln kannst.Hier wird ein Layout erzeugt, das f\u00fcr eine Webseite gut geeignet ist, da Bereiche wie vorhanden sind. Hier kommt die index.html <html> <head> <title>Meine Cookie Webseite<\/title> <link rel=“stylesheet“ type=“text\/css“ href=“design.css“><\/head> <body> <div id=“webseite“> <div id=“header“> <h1>I Like Cookies<\/h1> <\/div> <div id=“main“> […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[50],"tags":[],"class_list":["post-90","post","type-post","status-publish","format-standard","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":28,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/90\/revisions"}],"predecessor-version":[{"id":2451,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/90\/revisions\/2451"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<html><\/code>\n<\/code><\/p>\n\n\n\n<head>
<title>Meine Cookie Webseite<\/title>
<link rel=\"stylesheet\" type=\"text\/css\" href=\"design.css\">
<\/head><\/code><\/p>\n\n\n\n\n
<div id=\"webseite\">
<div id=\"header\">
<h1>I Like Cookies<\/h1>
<\/div><\/p>\n
<div id=\"left\"><\/div>
<div id=\"right\"><\/div>
<\/div><\/p>\n
<\/div>
<\/div><\/p>\n<\/code>\n<\/div>\n\n\n\n<\/body>
<\/html>
<\/code><\/p>\n<\/div>\n\n\n\nbody {
background-color:lightyellow;
text-align:center;
}
#webseite {
width:1000px;
margin:0 auto;
}
#header {
width:1000px;
height:150px;
background:orange;
border-radius: 10px;
}
#header h1 {
padding-top:50px;
font-size:60px;
font-weight:bold;
color:white;
font-family:Courier;
}
#main {
width:1000px;
}
#left {
float:left;
width:200px;
height:300px;
background:yellow;
margin-top:10px;
margin-bottom:10px;
border-radius: 6px;
}
#right{
float:right;
width:770px;
height:300px;
background:darkred;
margin-top:10px;
margin-bottom:10px;
border-radius: 6px;
}
#footer {
width:1000px;
height:30px;
background:orange;
border-radius: 10px;
margin-top:20px;
clear:both;
}<\/code><\/p>\n<\/div>\n\n\n\n
Diese Projekt wird in den folgenden Aufgaben weiterentwickelt.<\/p>\n<\/div>\n\n\n\n
Experimentiere mit H\u00f6he, Breite und den Abst\u00e4nden. Wie sieht dein Layout aus?<\/p>\n<\/div>\n\n\n\n
Versuche deine Container nun mit entsprechendem Inhalt zu f\u00fcllen.<\/p>\n\n\n\n\n
die zu deinem Thema passen.<\/li>\n\n\n\n
Schaue dazu auf diversen Internetseiten, welche Art von Inhalt im Footer untergebracht ist.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
Speichere deine Dateien unter vorname.html und design.css ab.<\/p>\n<\/div>\n\n\n\n
Abgabe \u00fcber itsLearning.<\/p>\n<\/div>\n\n\n\nHier die Screenshots aus der Stunde:<\/h2>\n\n\n\n
![\"\"](\"https:\/\/ai.hasebox.de\/wp-content\/uploads\/2024\/03\/Screenshot-2025-12-16-121325-1024x558.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ai.hasebox.de\/wp-content\/uploads\/2024\/03\/Screenshot-2025-12-16-121342-1024x586.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ai.hasebox.de\/wp-content\/uploads\/2024\/03\/Screenshot-2025-12-16-121356-1024x589.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ai.hasebox.de\/wp-content\/uploads\/2024\/03\/Screenshot-2025-12-16-121108-959x1024.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ai.hasebox.de\/wp-content\/uploads\/2024\/03\/Screenshot-2025-12-16-121156-963x1024.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ai.hasebox.de\/wp-content\/uploads\/2024\/03\/Screenshot-2025-12-16-121211-962x1024.png\")
<\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"