Dateien hochladen nach „“

main
Nikolas Mittelstaedt 2022-07-17 20:24:14 +02:00
parent f12a4df1a0
commit c27427ddef
5 changed files with 497 additions and 0 deletions

78
DasKamel.html Normal file
View File

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Das Kamel</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@400;600&display=swap" rel="stylesheet">
<style>
h1{
text-align: center;
text-decoration: underline;
font-family: Cormorant SC;
}
body{
background-color: #E1BD5B;
}
a:hover{
color: #1e42a4;
}
tr:nth-child(odd){
background-color: #CAC4C4;
}
tr:nth-child(even){
background-color: #E2DDDD;
}
td{
font-size: 0.5cm;
}
.imgzentriert{
text-align: center;
}
</style>
<h1><b>Das Kamel</b></h1>
<table
border="2"
border width="40%"
align="center"
cellpadding="8"
cellspacing="0"
>
<tr>
<td><b>Lebensraum</b></td>
<td> trockene Steppen, Halbwüsten und Wüsten</td>
</tr>
<tr>
<td><b>Gewicht</b></td>
<td>480kg</td>
</tr>
<tr>
<td><b>Grösse</b></td>
<td>2.5m</td>
</tr>
<tr>
<td><b>Höchstgeschwindigkeit</b></td>
<td>56km/h</td>
</tr>
<tr>
<td><b>weitere Info</b></td>
<td><a href="https://de.wikipedia.org/wiki/Kamele#:~:text=Die%20Kamele%20(Camelidae)%20sind%20eine,der%20Schwielensohler%20(Tylopoda)%20darstellen." target="_blank">das Kamel</td>
</tr>
</table>
<p> </p>
<p class="imgzentriert">
<img src="https://transkript.de/fileadmin//transkript/01_Nachrichten/2018/2018_08_24_kamel.jpg" alt="Bildtext" border=3 height=632 width=1018>
</p>
</html>

77
DerOtter.html Normal file
View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Der Otter</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@400;600&display=swap" rel="stylesheet">
<style>
h1{
text-align: center;
text-decoration: underline;
font-family: Cormorant SC;
}
body{
background-color: #48A0CD;
}
a:hover{
color: #b75f32;
}
tr:nth-child(odd){
background-color: #CAC4C4;
}
tr:nth-child(even){
background-color: #E2DDDD;
}
td{
font-size: 0.5cm;
}
.imgzentriert{
text-align: center;
}
</style>
<h1><b>Der Otter</b></h1>
<table
border="2"
border width="55%"
align="center"
cellpadding="8"
cellspacing="0"
>
<tr>
<td><b>Lebensraum</b></td>
<td>saubere, fischreiche Gewässer wie Flüsse, Bäche, Seen, Sümpfe, Flussmündungen und Meeresufer</td>
</tr>
<tr>
<td><b>Gewicht</b></td>
<td>7 - 12kg</td>
</tr>
<tr>
<td><b>Grösse</b></td>
<td>57 95cm</td>
</tr>
<tr>
<td><b>Höchstgeschwindigkeit</b></td>
<td>bis zu 14km/h</td>
</tr>
<tr>
<td><b>weitere Info</b></td>
<td><a href="https://de.wikipedia.org/wiki/Fischotter" target="_blank">der Otter</td>
</tr>
</table>
<p> </p>
<p class="imgzentriert">
<img src="https://image.geo.de/30422056/t/K1/v1/w1440/r0/-/otter-steine-s-1721862472-jpg--90788-.jpg" alt="Bildtext" border=3 height=632 width=1018>
</p>
</html>

78
DerPandabaer.html Normal file
View File

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Der Pandabaer</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@400;600&display=swap" rel="stylesheet">
<style>
h1{
text-align: center;
text-decoration: underline;
font-family: Cormorant SC;
}
body{
background-color: #439840;
}
a:hover{
color: #bc67bf;
}
tr:nth-child(odd){
background-color: #CAC4C4;
}
tr:nth-child(even){
background-color: #E2DDDD;
}
td{
font-size: 0.5cm;
}
.imgzentriert{
text-align: center;
}
</style>
<h1><b>Der Pandabaer</b></h1>
<table
border="2"
border width="60%"
align="center"
cellpadding="8"
cellspacing="0"
>
<tr>
<td><b>Lebensraum</b></td>
<td>lichte Laub- und Nadelwälder mit Bambus als Unterwuchs, meist in einer Höhe von 1.500 bis 3.000 Metern</td>
</tr>
<tr>
<td><b>Gewicht</b></td>
<td>70 - 120kg</td>
</tr>
<tr>
<td><b>Grösse</b></td>
<td>1.2 - 1.9m</td>
</tr>
<tr>
<td><b>Höchstgeschwindigkeit</b></td>
<td>bis zu 32km/h</td>
</tr>
<tr>
<td><b>weitere Info</b></td>
<td><a href="https://de.wikipedia.org/wiki/Großer_Panda" target="_blank">der Pandabaer</td>
</tr>
</table>
<p> </p>
<p class="imgzentriert">
<img src="https://image.geo.de/30087886/t/d8/v4/w1440/r1.5/-/07-panda-popup-jpg--42510-.jpg" alt="Bildtext" border=3 height=632 width=1018>
</p>
</html>

77
DerWolf.html Normal file
View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Der Wolf</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@400;600&display=swap" rel="stylesheet">
<style>
h1{
text-align: center;
text-decoration: underline;
font-family: Cormorant SC;
}
body{
background-color: #B96709;
}
a:hover{
color: #4698f6;
}
tr:nth-child(odd){
background-color: #CAC4C4;
}
tr:nth-child(even){
background-color: #E2DDDD;
}
td{
font-size: 0.5cm;
}
.imgzentriert{
text-align: center;
}
</style>
<h1><b>Der Wolf</b></h1>
<table
border="2"
border width="75%"
align="center"
cellpadding="8"
cellspacing="0"
>
<tr>
<td><b>Lebensraum</b></td>
<td>von den arktischen Tundren bis zu den Wüsten Nordamerikas und Zentralasiens. Die meisten Wölfe leben allerdings in Grasland oder Wäldern</td>
</tr>
<tr>
<td><b>Gewicht</b></td>
<td>23 - 80kg</td>
</tr>
<tr>
<td><b>Grösse</b></td>
<td>1 - 1.6m</td>
</tr>
<tr>
<td><b>Höchstgeschwindigkeit</b></td>
<td>50 - 60km/h</td>
</tr>
<tr>
<td><b>weitere Info</b></td>
<td><a href="https://de.wikipedia.org/wiki/Wolf" target="_blank">der Wolf</td>
</tr>
</table>
<p> </p>
<p class="imgzentriert">
<img src="https://www.bundesregierung.de/resource/image/1613808/16x9/1023/575/9ae9e387d863ffe81a9aea851b99e9c8/zU/2019-05-22-wolf.jpg" alt="Bildtext" border=3 height=632 width=1018>
</p>
</html>

187
website-Tiere.html Normal file
View File

@ -0,0 +1,187 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Die 6 besten Tiere</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet">
<style>
h1 {
font-size: 60px;
font-family: Oswald;
font-variant: small-caps;
font-weight: 900;
line-hight: 10px;
color: #003F00;
letter-spacing: 3px;
text-decoration: underline;
text-decoration-color: #003F00;
text-shadow: 0px 0px 20px #7CE811;
text-align: center;
}
/*td {
font-family: Edu NSW ACT Foundation;
}*/
a:hover{
color: #249109;
}
body{
/* background-color: darkred; */
background-image: url("HintergrundRef.png");
}
.button1{
border: 3px solid black;
color: black;
background-color: #48A0CD;
margin: 2px 3px;
font-size: 38px;
height: 110px;
width: 290px;
}
.button1:hover{
background-color: #337494;
}
.button2{
border: 3px solid black;
color: black;
background-color: #2A639C;
margin: 2px 3px;
font-size: 38px;
height: 110px;
width: 290px;
}
.button2:hover{
background-color: #214D7A;
}
.button3{
border: 3px solid black;
color: black;
background-color: #439840;
margin: 2px 3px;
font-size: 38px;
height: 110px;
width: 290px;
}
.button3:hover{
background-color: #2E692C;
}
.button4{
border: 3px solid black;
color: black;
background-color: #B96709;
margin: 2px 3px;
font-size: 38px;
height: 110px;
width: 290px;
}
.button4:hover{
background-color: #844905;
}
.button5{
border: 3px solid black;
color: black;
background-color: #860EA4;
margin: 2px 3px;
font-size: 38px;
height: 110px;
width: 290px;
}
.button5:hover{
background-color: #540866;
}
.button6{
border: 3px solid black;
color: black;
background-color: #E1BD5B;
margin: 2px 3px;
font-size: 38px;
height: 110px;
width: 290px;
}
.button6:hover{
background-color: #9C8440;
}
</style>
</head>
<body>
<h1> Die 6 besten Tiere </h1>
<div align="center">
<table
bgcolor="blue"
>
<tr><button class="button button1" type="submit" onClick="window.open('DerOtter.html')">
Otter
</buton>
</tr>
<tr><button class="button button2" type="submit" onClick="window.open('DieRobbe.html')">
Robbe
</button>
</tr>
<tr><button class="button button3" type="submit" onClick="window.open('DerPandabaer.html')">
Pandabär
</button>
</tr>
<tr><button class="button button4" type="submit" onClick="window.open('DerWolf.html')">
Wolf
</button>
</tr>
<tr><button class="button button5" type="submit" onClick="window.open('DieEule.html')">
Eule
</button>
</tr>
<tr><button class="button button6" type="submit" onClick="window.open('DasKamel.html')">
Kamel
</button>
</tr>
</table>
<table
cellpadding="3"
cellspacing="0.5"
>
<tr>
<td> <img src="https://s.yimg.com/uu/api/res/1.2/uU1t5FPAtZG2Qw5MQdI0jQ--~B/aD00MTk7dz03NDQ7YXBwaWQ9eXRhY2h5b24-/http://media.zenfs.com/en/homerun/feed_manager_auto_publish_494/a1d77f46d518196962d6cc7858ab918e"
alt="" border=3 height=176.2 width=284>
</td>
<td> <img src="https://cdn.pixabay.com/photo/2017/03/10/15/56/grey-seal-2133154__340.jpg"
alt="" border=3 height=176.2 width=284>
</td>
<td> <img src="https://www.news.at/_storage/asset/8023691/storage/newsat:key-visual/file/116639611/panda.jpg"
alt="" border=3 height=176.2 width=284>
</td>
<td> <img src="https://www.volksfreund.de/imgs/28/1/2/3/2/2/3/7/6/5/tok_d48bf7579fb04ec78db6df9827e19fbf/w1900_h1266_x1500_y1000_DPA_bfunk_dpa_5FA8860064F786F7-1ab92df229cdfe4f.jpg"
alt="" border=3 height=176.2 width=284>
</td>
<td> <img src="https://www.tierchenwelt.de/images/stories/fotos/voegel/eulenvoegel/uhu/eule_uhu_fluegel_l.jpg"
alt="" border=3 height=176.2 width=284>
</td>
<td> <img src="https://heute-at-prod-images.imgix.net/2021/07/23/be482163-a31b-40ef-abf0-7b4a3b77c3da.jpeg?auto=format&ar=3:2&crop=faces,entropy&fit=crop"
alt="" border=3 height=176.2 width=284>
</td>
</tr>
</html>