<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programa JavaScript</title>
</head>
<body>
<div id="output"></div>
<script>
const output = document.getElementById('output');
const styles = `
<style>
body {
background-color: lightblue;
}
h1 {
color: red;
}
</style>
`;
const htmlTags = `
<h1>Olá, mundo!</h1>
<p>Este é um exemplo de injetar automaticamente estilos e tags HTML usando JavaScript!</p>
<img src="https://centraldecursos.com/wp-content/uploads/2015/12/apresentacao-power-point-187.gif"width="100%">
<a href="https://livrosmcegonha.blogspot.com/">click em mim</a>`;
output.innerHTML = styles + htmlTags;
</script>
<a href="https://www.tutorialrepublic.com/html-reference/html5-tags.php">TODAS AS TAGS HTML</a>
</body>
</html>