schuledaniel/2bki21
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aufgabe 24-11-15

Browse Source 
Aufgabe: Alle seiten verbinden und die sollen gleiche struktur haben
This commit is contained in:
danielvici123
2024-11-15 10:08:51 +01:00
parent 4800b9a167
commit 889419c762
8 changed files with 246 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
komp/24-10-16/aufgabe.html
View File

@@ -4,69 +4,26 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabelle</title> <title>Tabelle</title>
<link rel="stylesheet" href="../style.css">
</head> </head>
<body> <body>
<h1>DANIEL</h1> <header>WvSS</header>
<style type="text/css"> <nav>
/* * alles */ <ul>
td{ <li><a href="../ueberschriften.html">Überschriften</a></li>
border:black 1px solid; <li><a href="../hauptseite.html">Home</a></li>
font-family:Arial, sans-serif; <li><a href="../stundenplan.html">Stundenplan</a></li>
font-size:14px; <li><a href="../listen.html">Andere (Haupt-) Seite</a></li>
padding:10px 5px; <li><a href="aufgabe.html" class="aktiv">Tabellen 2</a></li>
}
th{ <li><a href="https://search.brave.com">Brave</a></li>
border:black 1px solid; <li><a href="https://www.wvss-mannheim.de/">WVSS Mannheim</a></li>
font-family:Arial, sans-serif;
font-size:14px; <li><a href="https://u.gg/lol/profile/euw1/darkhuawarim-3253/overview" class="text-bold">League Profile</a></li>
font-weight:normal; <li><a href="https://leagueoflegends.com">League of Legends</a></li>
padding:10px 5px; </ul>
} </nav>
.hw{ <h1>DANIEL</h1>
border-collapse:collapse;
border-spacing:0;
background-color:#34ff34;
border-color:black;
text-align:center;
vertical-align:top
}
.eins{
border-collapse:collapse;
border-spacing:0;
background-color:#9698ed;
border-color:black;
text-align:center;
}
.b{
border-collapse:collapse;
border-spacing:0;
background-color:#dae8fc;
border-color:black;
text-align:center;
}
.bki21{
border-collapse:collapse;
border-spacing:0;
background-color:#f8a102;
border-color:black;
text-align:center;
vertical-align:top
}
.O{
border-collapse:collapse;
border-spacing:0;
background-color:#00d2cb;
border-color:black;
text-align:center;
vertical-align:top
}
</style>
<table class="tg"> <table class="tg">
<tr> <tr>
<td class="bki21" colspan="2">2BKI21</td> <td class="bki21" colspan="2">2BKI21</td>

22
komp/hauptseite.css
View File

@@ -1,22 +0,0 @@
.bild-100x100 {
width: 100px;
height: 100px;
}
.text-gruen {
color: #34ff34;
}
.text-allign-middle{
text-align: center;
}
* {
border : 1px solid black;
}
.text-bold {
font-weight: bold;
}
.p-10 {
padding: 10px;
}
.li-abstand {
margin-bottom: 10px;
}

30
komp/hauptseite.html
View File

@@ -3,23 +3,31 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Title</title> <title>Title</title>
<link rel="stylesheet" href="hauptseite.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<!-- Link: 192.168.229.35/schule-24-25/komp/hauptseite.html--> <!-- Link: 192.168.229.35/schule-24-25/komp/hauptseite.html-->
<header>WvSS</header>
<nav>
<ul>
<li><a href="ueberschriften.html">Überschriften</a></li>
<li><a href="hauptseite.html" class="aktiv">Home</a></li>
<li><a href="stundenplan.html">Stundenplan</a></li>
<li><a href="listen.html">Andere (Haupt-) Seite</a></li>
<li><a href="24-10-16/aufgabe.html">Tabellen 2</a></li>
<li><a href="https://search.brave.com">Brave</a></li>
<li><a href="https://www.wvss-mannheim.de/">WVSS Mannheim</a></li>
<li><a href="https://u.gg/lol/profile/euw1/darkhuawarim-3253/overview" class="text-bold">League Profile</a></li>
<li><a href="https://leagueoflegends.com">League of Legends</a></li>
</ul>
</nav>
<h1 class="text-gruen text-allign-middle">2BKI11</h1> <h1 class="text-gruen text-allign-middle">2BKI11</h1>
<div> <div>
<h3>Daniel</h3> <h3>Daniel C.</h3>
<p>Iron 3 LoL Player </p> <p>Iron 3 LoL Player </p>
</div> </div>
<img src="bilder/hauptseite_bild.png" alt="picture could not be load" class="bild-100x100"> <img src="bilder/hauptseite_bild.png" alt="picture could not be load" class="bild-150x100">
<ul>
<li class="li-abstand"><a href="https://u.gg/lol/profile/euw1/darkhuawarim-3253/overview" class="text-bold">League Profile</a></li>
<li class="li-abstand"><a href="24-10-16/aufgabe.html">Tabelle (Mit anderen Sachen)</a></li>
<li class="li-abstand"><a href="">Stundenplan</a></li>
<li class="li-abstand"><a href="https://search.brave.com">Brave</a></li>
<li class="li-abstand"><a href="https://www.wvss-mannheim.de/">WVSS Mannheim</a></li>
<li class="li-abstand text-bold"><a href="https://leagueoflegends.com">League of Legends</a></li>
</ul>
</body> </body>
</html> </html>

44
komp/indexcc.html
View File

@@ -4,48 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
<style> <link rel="stylesheet" href="style.css">
* {
font-family: Arial, sans-serif;
box-sizing: border-box;
border: 1px solid black;
}
div {
padding: 15px;
}
#div1{
background-color: aqua;
}
#div2{
background-color: bisque;
}
#div3{
background-color: lightpink;
}
header {
background-color: royalblue;
color: darkred;
padding: 15px;
text-align: center;
font-weight: bold;
}
nav a { /* a wird nur in nav geändert */
text-decoration: none;
padding: 14px 16px;
margin: 1px;
background: greenyellow;
display: block
}
nav li {
display: inline-block;
}
nav {
background-color: gray;
}
.aktiv {
background-color: gray;
}
</style>
</head> </head>
<body> <body>
<header> <header>
@@ -56,6 +15,7 @@
<li><a href="ueberschriften.html">Tabelle mit Überschriften</a></li> <li><a href="ueberschriften.html">Tabelle mit Überschriften</a></li>
<li><a href="indexcc.html" class="aktiv">Home</a></li> <li><a href="indexcc.html" class="aktiv">Home</a></li>
<li><a href="https://search.brave.com">Brave</a></li> <li><a href="https://search.brave.com">Brave</a></li>
<li><a href="stundenplan.html">Stundenplan</a></li>
</ul> </ul>
</nav> </nav>
<div id="div1"> <div id="div1">

38
komp/listen.html
View File

@@ -5,26 +5,28 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
<!-- Datum 24-10-11 --> <!-- Datum 24-10-11 -->
<style> <link rel="stylesheet" href="style.css">
* {
border: 1px solid gray;
font-family: sans-serif;
box-sizing: border-box;
border-color: lightblue;
}
h1 {
color: lawngreen;
}
table, td {
border: 2px black solid;
padding: 5px;
align-items: flex;
}
</style>
</head> </head>
<body> <body>
<h1 style="text-align: center;">Überschrift 1</h1> <header>WvSS</header>
<nav>
<ul>
<li><a href="ueberschriften.html">Überschriften</a></li>
<li><a href="hauptseite.html.html">Home</a></li>
<li><a href="stundenplan.html">Stundenplan</a></li>
<li><a href="listen.html" class="aktiv">Andere (Haupt-) Seite</a></li>
<li><a href="24-10-16/aufgabe.html">Tabellen 2</a></li>
<li><a href="https://search.brave.com">Brave</a></li>
<li><a href="https://www.wvss-mannheim.de/">WVSS Mannheim</a></li>
<li><a href="https://u.gg/lol/profile/euw1/darkhuawarim-3253/overview" class="text-bold">League Profile</a></li>
<li><a href="https://leagueoflegends.com">League of Legends</a></li>
</ul>
</nav>
<h1 style="text-align: center;" class="listen-h1">Überschrift 1</h1>
<p>Hallo Welt!</p> <p>Hallo Welt!</p>
<ul> <ul>

52
komp/stundenplan.html
View File

@@ -4,42 +4,26 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
<style> <link rel="stylesheet" href="style.css">
* {
font-family: Arial, sans-serif;
}
table {
border: 5px solid black;
}
.normal {
background-color: orange;
padding: 5px;
border-bottom: 1px solid black;
}
.fhr {
background-color: blueviolet;
padding: 5px;
border-bottom: 1px solid black;
}
.info {
background-color: aliceblue;
padding: 5px;
}
.keineschule {
background-color: lightskyblue;
width: 70px;
}
.unterline, .bb {
border-bottom: 1px solid black;
}
.br {
border-right: 1px solid black;
}
</style>
</head> </head>
<body> <body>
<header>WvSS</header>
<nav>
<ul>
<li><a href="ueberschriften.html">Überschriften</a></li>
<li><a href="hauptseite.html">Home</a></li>
<li><a href="stundenplan.html" class="aktiv">Stundenplan</a></li>
<li><a href="listen.html">Andere (Haupt-) Seite</a></li>
<li><a href="24-10-16/aufgabe.html">Tabellen 2</a></li>
<li><a href="https://search.brave.com">Brave</a></li>
<li><a href="https://www.wvss-mannheim.de/">WVSS Mannheim</a></li>
<li><a href="https://u.gg/lol/profile/euw1/darkhuawarim-3253/overview" class="text-bold">League Profile</a></li>
<li><a href="https://leagueoflegends.com">League of Legends</a></li>
</ul>
</nav>
<table> <table>
<tr> <tr>
<th class="info">Tag -><br> Stunde\/</th> <th class="info">Tag -><br> Stunde\/</th>

152
komp/style.css Normal file
View File

@@ -0,0 +1,152 @@
.bild-150x100 {
width: 150px;
height: 100px;
}
.text-gruen {
color: #34ff34;
}
.text-allign-middle{
text-align: center;
}
.text-bold {
font-weight: bold;
}
.p-10 {
padding: 10px;
}
.li-abstand {
margin-bottom: 10px;
}
* {
font-family: Arial, sans-serif;
box-sizing: border-box;
/*border: 1px solid black;*/
}
div {
padding: 15px;
}
#div1{
background-color: aqua;
}
#div2{
background-color: bisque;
}
#div3{
background-color: lightpink;
}
header {
background-color: royalblue;
color: darkred;
padding: 15px;
text-align: center;
font-weight: bold;
}
nav a { /* a wird nur in nav geändert */
text-decoration: none;
padding: 14px 16px;
margin: 5px;
background: greenyellow;
display: flex;
flex: 1;
align-items: center;
}
nav li {
display: inline-block;
}
nav {
background-color: gray;
}
.aktiv {
background-color: gray;
}
.listen-h1 {
color: lawngreen;
}
table, td {
border: 2px black solid;
padding: 5px;
align-items: flex;
}
.normal {
background-color: orange;
padding: 5px;
border-bottom: 1px solid black;
}
.fhr {
background-color: blueviolet;
padding: 5px;
border-bottom: 1px solid black;
}
.info {
background-color: aliceblue;
padding: 5px;
}
.keineschule {
background-color: lightskyblue;
width: 70px;
}
.unterline, .bb {
border-bottom: 1px solid black;
}
.br {
border-right: 1px solid black;
}
td{
border:black 1px solid;
font-family:Arial, sans-serif;
font-size:14px;
padding:10px 5px;
}
th{
border:black 1px solid;
font-family:Arial, sans-serif;
font-size:14px;
font-weight:normal;
padding:10px 5px;
}
.hw{
border-collapse:collapse;
border-spacing:0;
background-color:#34ff34;
border-color:black;
text-align:center;
vertical-align:top
}
.eins{
border-collapse:collapse;
border-spacing:0;
background-color:#9698ed;
border-color:black;
text-align:center;
}
.b{
border-collapse:collapse;
border-spacing:0;
background-color:#dae8fc;
border-color:black;
text-align:center;
}
.bki21{
border-collapse:collapse;
border-spacing:0;
background-color:#f8a102;
border-color:black;
text-align:center;
vertical-align:top
}
.O{
border-collapse:collapse;
border-spacing:0;
background-color:#00d2cb;
border-color:black;
text-align:center;
vertical-align:top
}

17
komp/ueberschriften.html
View File

@@ -4,9 +4,26 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
<link rel="stylesheet" href="style.css">
<!-- Datum 24-10-11 --> <!-- Datum 24-10-11 -->
</head> </head>
<body> <body>
<header>WvSS</header>
<nav>
<ul>
<li><a href="ueberschriften.html" class="aktiv">Überschriften</a></li>
<li><a href="hauptseite.html">Home</a></li>
<li><a href="stundenplan.html">Stundenplan</a></li>
<li><a href="listen.html">Andere (Haupt-) Seite</a></li>
<li><a href="24-10-16/aufgabe.html">Tabellen 2</a></li>
<li><a href="https://search.brave.com">Brave</a></li>
<li><a href="https://www.wvss-mannheim.de/">WVSS Mannheim</a></li>
<li><a href="https://u.gg/lol/profile/euw1/darkhuawarim-3253/overview" class="text-bold">League Profile</a></li>
<li><a href="https://leagueoflegends.com">League of Legends</a></li>
</ul>
</nav>
<h1>Überschrift 1</h1> <h1>Überschrift 1</h1>
<h2>Überschrift 2</h2> <h2>Überschrift 2</h2>
<h3>Überschrift 3</h3> <h3>Überschrift 3</h3>