aufgabe 24-11-15

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

View File

@@ -4,69 +4,26 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabelle</title>
<link rel="stylesheet" href="../style.css">
</head>
<body>
<h1>DANIEL</h1>
<style type="text/css">
/* * alles */
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
}
</style>
<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">Stundenplan</a></li>
<li><a href="../listen.html">Andere (Haupt-) Seite</a></li>
<li><a href="aufgabe.html" class="aktiv">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>DANIEL</h1>
<table class="tg">
<tr>
<td class="bki21" colspan="2">2BKI21</td>

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;
}

View File

@@ -3,23 +3,31 @@
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="hauptseite.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 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>
<div>
<h3>Daniel</h3>
<h3>Daniel C.</h3>
<p>Iron 3 LoL Player </p>
</div>
<img src="bilder/hauptseite_bild.png" alt="picture could not be load" class="bild-100x100">
<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>
<img src="bilder/hauptseite_bild.png" alt="picture could not be load" class="bild-150x100">
</body>
</html>

View File

@@ -4,48 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
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>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
@@ -56,6 +15,7 @@
<li><a href="ueberschriften.html">Tabelle mit Überschriften</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="stundenplan.html">Stundenplan</a></li>
</ul>
</nav>
<div id="div1">

View File

@@ -5,26 +5,28 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- Datum 24-10-11 -->
<style>
* {
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>
<link rel="stylesheet" href="style.css">
</head>
<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>
<ul>

View File

@@ -4,42 +4,26 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
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>
<link rel="stylesheet" href="style.css">
</head>
<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>
<tr>
<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
}

View File

@@ -4,9 +4,26 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<!-- Datum 24-10-11 -->
</head>
<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>
<h2>Überschrift 2</h2>
<h3>Überschrift 3</h3>