<!DOCTYPE html> | |||||
<html lang="en"> | |||||
<head> | |||||
<meta charset="UTF-8"> | |||||
<title>Aufgabe_4_Tabelle_Fernsehsender</title> | |||||
<link rel="stylesheet" href="Format_zu_AB5.css"> | |||||
<script src="Popups_zu_AB6.js"></script> | |||||
</head> | |||||
<body> | |||||
<table> | |||||
<tr> | |||||
<th id="P1" class="Ueberschrift" >ARD</th> | |||||
<th id="P2" class="Ueberschrift">ZDF</th> | |||||
<th id="P3" class="Ueberschrift">RTL</th> | |||||
</tr> | |||||
<tr> | |||||
<td colspan="2">Öffentlich-Rechtlich</td> | |||||
<td id="priv">Privat</td> | |||||
</tr> | |||||
<tr> | |||||
<td>Tagesschau</td> | |||||
<td>Heute</td> | |||||
<td>RTL aktuell</td> | |||||
</tr> | |||||
<tr> | |||||
<td>Babylon Berlin</td> | |||||
<td>Neo Magazin</td> | |||||
<td>IBES</td> | |||||
</tr> | |||||
</table> | |||||
</body> | |||||
</html> |
*{ | |||||
color: blue; | |||||
align-content: center; | |||||
} | |||||
.Ueberschrift { | |||||
font-style: italic; | |||||
} | |||||
#priv { | |||||
font-weight: bold; | |||||
} | |||||
table { | |||||
border: 1px solid; | |||||
border-color: black; | |||||
} | |||||
th { | |||||
border: 1px solid; | |||||
border-color: black; | |||||
background: gray; | |||||
} | |||||
tr { | |||||
border: 1px solid; | |||||
border-color: black; | |||||
} | |||||
td { | |||||
border: 1px solid; | |||||
border-color: black; | |||||
background: gray; | |||||
text-align: center; | |||||
} |
<!DOCTYPE html> | |||||
<html lang="en"> | |||||
<head> | |||||
<meta charset="UTF-8"> | |||||
<title>HelloWorldHTML</title> | |||||
<link rel="stylesheet" href="formatiert.css"> | |||||
</head> | |||||
<body> | |||||
Hallo Welt! | |||||
</body> | |||||
</html> |
function afterLoaded() { | |||||
// alert("GELADEN!") | |||||
// var bla = document.getElementsByName() | |||||
var ard = document.getElementById("P1") | |||||
var zdf = document.getElementById("P2") | |||||
var rtl = document.getElementById("P3") | |||||
// ard.onclick = function() {alert("Erstes Programm");} | |||||
ard.addEventListener("click", function() {alert("Erstes Programm");} ) | |||||
zdf.addEventListener("click", function() {alert("Zweites Programm");} ) | |||||
rtl.addEventListener("click", function() {alert("Drittes Programm");} ) | |||||
} | |||||
window.addEventListener('load', afterLoaded); |
*{ | |||||
color: red; | |||||
} |