|
Grundgerüst einer HTML5-Datei
<!DOCTYPE html> <!-- Start für HTML5 -->
<html lang="de">
<head> <!-- Informationen für/über das gesamte Dokument -->
<meta charset=utf-8>
<title>Mein erstes HTML</title>
</head>
<body> <!-- Anfang des dargestellten Bereiches -->
Hallo Welt!
</body>
</html>
| Grundstruktur mit Javascript-Aufruf |
<!DOCTYPE html> <!-- Start für HTML5 -->
<html lang="de">
<head> <!-- Informationen für/über das gesamte Dokument -->
<meta charset=utf-8>
<title>Mein erstes HTML</title>
</head>
<script type="text/javascript">
function test(){ // definiert eine js-Funktion
alert("aha")
}
</script>
<body onclick="test()"> <!-- Anfang des dargestellten Bereiches, bei Klick wird oben definierte Funktion aufgerufen -->
Hallo Welt!
</body>
</html>
| Einfache Reaktion auf das Betätigen von Schaltern |
<!DOCTYPE html> <!-- Start für HTML5 -->
<html lang="de">
<head> <!-- Informationen für/über das gesamte Dokument -->
<meta charset=utf-8>
<title>Mein erstes HTML</title>
</head>
<script type="text/javascript">
function react(i){ // definiert eine js-Funktion
alert("Gedrückt wurde Taste "+i)
}
</script>
<body> <!-- Anfang des dargestellten Bereiches, bei Klick wird oben definierte Funktion aufgerufen -->
<span style="border: 1px solid black; background-color:yellow" onclick="react(1)" >Schalter 1</span>
<span style="border: 1px solid black; background-color:red" onclick="react(2)" >Schalter 2</span>
</body>
</html>
|