web page

by Daniel Hall

HTML

<!doctype html>
<html>
	<head><title>Html seach</title></head>
 <body>
	  <a id="b" href="#ngn">back</a>
 <br />
 <a id="a" href="#adj1">Html editor</a>
 <br />
 <a id="a" href="#rdt">Learn Html</a>
 <br />
 <a id="a" href="#wycc">Where can code</a>
 <br />
 <a id="a" href="#hhg">Is Hml hard</a>
 <br />
 <a id="a" href="#videos">Html Videos</a>
 <br />
	
	   <a id="a" href="#hhg">connect css and javascript php</a>
 <br />
 <br />
	 <div id="ngn">
	 <h1 style="font-family: Courir Old;">What is
	 <br />Html???</h1>
	 </div>
	 <p>Html is a markup language.<br />
	 Html has javascript php and css connected <br />
	 so the 4 coding languages can do style script and text.</p>
	 <br />
	 <em style="color: blue;">Try Html out</em>
	 <div id="body">
  <hr>   
<button id="replaceButton"><h1>RUN</h1></button><a target="_blank" href="https://www.sololearn.com/Codes/">EXIT</a>
<hr>
<div id="inputWords">


<textarea id="adj1"></textarea>
	 <br />
	 <br />
	 <br />
	 <br />
	 <br />
  

<div id="story">


	 
<script>
var replaceButton = document
   .getElementById("replaceButton");
replaceButton.addEventListener("click",replaceIt);

function replaceIt() {
	var storyDiv = document.getElementById("story");
	var adj1 = "<span class='replacement'>"+ document
   .getElementById("adj1").value + "</span>";
	 var  theStory = "<h1>Result</h1>";
	 theStory += "" + adj1 + "";
	 storyDiv.innerHTML = theStory;
}
</script>
<style>
#story {
position: fixed;
left: 0%;
	  width: 300%;
	  top: 30%;
		 background-color: white;
}
#replaceButton {
color: blue;
background-color: LightBlue;
}

#adj1 {
position: absolute;
color: LightGreen;
background-color: #454544;
border-color: #454544;
left: 15%;
font-size: 1em;
font-family: Courier Old;
}
</style>
</div>
<div id="rdt">
<h1>Learn Html</h1>
</div>
<br />
<p>To understand Html
watch this video under here!!</p>
<br />
<iframe src="https://www.youtube.com/embed/bWPMSSsVdPk" allowfullscreen></iframe>
<br />
<p>As you Html uses tags if you want to do...

CSS

body {
	font-family: Courir New;
}


#body { 
	position: absolute;
   background-color: black;
   height: 30%;
}

#story {
	background-color: white;
}
iframe {
	border-width: 0;
	width: 49%;
}

img {
	font-size: 2em;
}

#b {
	position: fixed;
}

button {
	border-radius: 100%;
	color: LightGreen;
	background-color: LightBlue;
	border-color: purple;
	
}

#a {
	position: fixed;
	background-color: LightGreen;
}

#videos {
	font-family: Couriur New;
	color: LightGreen;
	background-color: black;
}