mittelni
/
HTML_
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dateien hochladen nach „“ 

Top 6 Tiere
main
Nikolas Mittelstaedt 2022-07-16 17:45:02 +02:00
parent 2adde3bcd9
commit 46c8c4aad3
2 changed files with 157 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
DerOtter.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Der Otter</title>
</html>

149
website-Tiere.html Normal file
View File

@ -0,0 +1,149 @@
<!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: 50px;
font-family: Oswald;
font-variant: small-caps;
font-weight: 900;
line-hight: 10px;
color: #249109;
letter-spacing: 3px;
text-decoration: underline;
text-decoration-color: #116500;
text-shadow: 0px 0px 10px #834304;
text-align: center;
}
td {
font-family: Edu NSW ACT Foundation;
}
tr:nth-child(odd){
background-color: #CAC4C4;
}
tr:nth-child(even){
background-color: white;
}
tr:nth-child(1){
background-color: #6C6666;
width: 1;
}
td {
text-align: center;
font-size: 0.9cm;
}
a:hover{
color: #249109;
}
body{
background-color: darkred;
}
.button1{
border: 3px solid black;
color: black;
background-color: #ECECEC;
margin: 2px 1px;
font-size: 13px;
height: 45px;
width: 110px;
}
.button1:hover{
background-color: #919191;
}
.button2{
border: 3px solid black;
color: black;
background-color: #ECECEC;
margin: 2px 1px;
font-size: 13px;
height: 45px;
width: 110px;
}
.button2:hover{
background-color: #919191;
}
.button3{
border: 3px solid black;
color: black;
background-color: #ECECEC;
margin: 2px 1px;
font-size: 13px;
height: 45px;
width: 110px;
}
.button3:hover{
background-color: #919191;
}
.button4{
border: 3px solid black;
color: black;
background-color: #ECECEC;
margin: 2px 1px;
font-size: 13px;
height: 45px;
width: 110px;
}
.button4:hover{
background-color: #919191;
}
.button5{
border: 3px solid black;
color: black;
background-color: #ECECEC;
margin: 2px 1px;
font-size: 13px;
height: 45px;
width: 110px;
}
.button5:hover{
background-color: #919191;
}
.button6{
border: 3px solid black;
color: black;
background-color: #ECECEC;
margin: 2px 1px;
font-size: 13px;
height: 45px;
width: 110px;
}
.button6:hover{
background-color: #919191;
}
</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</button></tr>
<tr><button class="button button2" type="submit" onlick="einblenden('ebene1'); return false;">Robbe</button></tr>
<tr><button class="button button3" type="submit" onlick="einblenden('ebene1'); return false;">Pandabär</button></tr>
<tr><button class="button button4" type="submit" onlick="einblenden('ebene1'); return false;">Wolf</button></tr>
<tr><button class="button button5" type="submit" onlick="einblenden('ebene1'); return false;">Eule</button></tr>
<tr><button class="button button6" type="submit" onlick="einblenden('ebene1'); return false;">Kamel</button></tr>
</html>