CNN

<!DOCTYPE html>

<html>

<head>
<link rel="stylesheet" type="text/css" href="style.css">

<title> THis is the title of the page </title>
</head>

<body>
<div id="page-wrap">

<h1> this is a heading </h1>
<h2> this is another heading </h2>
<h1 style="color:blue;">this is a header with blue</h1>

<p> this is a prarrrragraph <br><br>
    and this <strong> is a BOLD TEXT!!!

    </strong>

    using the "br" tag it is possible to create a new line

    </p>

<img src="https://i.ytimg.com/vi/2DyPUPSqnMU/maxresdefault.jpg">

<a href="https://en.wikipedia.org/wiki/CNN_controversies">CLick for CNN</a>

<script>

var rigged = 0;

// 1. Create the button
var button = document.createElement("button");
button.innerHTML = "Click to rig the election!!";

// 2. Append somewhere
var body = document.getElementsByTagName("body")[0];
body.appendChild(button);

button.addEventListener ("click", function() {
rigged += 1;
  alert("You have rigged the election "+rigged+" times");



});

</script>

<o1>
    <li> this is bullet point <li>
    <li> this is anothert </li>
</ol>
</div>

</body>

</html>