DE
HTML - grundlegende HTML5-Vorlage
3
points
Für jedes Projekt sieht die grundlegende HTML 5-Vorlage immer folgendermaßen aus.
1. Nur body-Element - Beispiel
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<body>
Webseiteninhalt hier...
</body>
</html>
2. head + body-Elemente - Beispiel 1
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<!-- head tags here... -->
</head>
<body>
Webseiteninhalt hier...
</body>
</html>
3. head + body-Elemente - Beispiel 2
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<style>
/* style here */
</style>
<script>
// script here
</script>
</head>
<body>
Webseiteninhalt hier...
</body>
</html>
4. head + body-Elemente - Beispiel 3
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Beispielvorlage</title>
<link rel="stylesheet" href="path/to/my/styles.css" />
<script type="text/javascript" src="path/to/my/script.js"></script>
</head>
<body>
<p>Webseiteninhalt hier...</p>
</body>
</html>
5. head + body-Elemente - Beispiel 4
// ONLINE-RUNNER:browser;
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Beispielvorlage</title>
<meta name="description" content="Example template description." />
<meta name="author" content="dirask.com" />
<link rel="stylesheet" href="path/to/my/styles.css" />
<style>
/* Place for styles */
</style>
<script type="text/javascript" src="path/to/my/script.js"></script>
</head>
<body>
<p>Webseiteninhalt hier...</p>
<script>
alert('Hello world!');
</script>
</body>
</html>