Here's the code for this layout for you to save and mess around with in your own web editing program to get the hang of HTML codes.

<!DOCTYPE html>
<html>
<head>
<style>
BODY {
background-color: #000000;
}
P {
margin-left: 20px;
text-align: justified;
}
A:link {
color: #000000;
font-family: "Palatino Linotype", "Book Antiqua";
font-size: 12px;
}
A:visited {
color: #FFFFFF;
font-family: "Palatino Linotype", "Book Antiqua";
font-size: 12px;
}
A:hover {
color: #FFFFFF;
font-family: "Palatino Linotype", "Book Antiqua";
font-size: 12px;
}
</style>
</head>

<body>

<div id="header" style="background-image:url('https://stareonshideout.neocities.org/background.png'); background-repeat: no-repeat; color: white; font-size: 90px; width:auto; height:auto; position: relative;">
<br>
<center>MY WEBSITE</center>
<br>
</div>

<div id="menu" style="background-image:url(''); background-color:fuchsia; float: left; padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; height:auto; position: relative;">
<UL style="list-style-type:circle">
Menu
<li><a href="link.html">Home</a></li>
<li><a href="link.html">About Us</a></li>
<li><a href="link.html">Page</a></li>
<li><a href="link.html">Contact</a></li>
</UL>
</div>

<p>Welcome to my website! Thanks for visiting!</p>

</div>

<div id="footer" style="background-color:#4B1A7B; color:white; clear:both; text-align:center;">
Copyright ©</div>

</div>
 
</body>
</html>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At consectetur lorem donec massa sapien faucibus et molestie. Dui nunc mattis enim ut tellus elementum sagittis. Purus gravida quis blandit turpis cursus in. Orci sagittis eu volutpat odio facilisis. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Varius morbi enim nunc faucibus a pellentesque sit amet. Donec et odio pellentesque diam volutpat commodo sed egestas. Sit amet consectetur adipiscing elit ut aliquam purus. Lorem ipsum dolor sit amet. Consequat id porta nibh venenatis cras sed. Non consectetur a erat nam at lectus urna duis convallis. Quam vulputate dignissim suspendisse in est ante in nibh mauris. Eget felis eget nunc lobortis mattis aliquam faucibus purus in. Nibh ipsum consequat nisl vel pretium lectus quam id leo. Massa massa ultricies mi quis hendrerit dolor magna. A lacus vestibulum sed arcu non odio. At tellus at urna condimentum mattis pellentesque id nibh tortor. Duis at tellus at urna condimentum mattis. Mattis vulputate enim nulla aliquet porttitor lacus luctus accumsan tortor.

Vitae purus faucibus ornare suspendisse sed nisi lacus. Pretium quam vulputate dignissim suspendisse in. Dui ut ornare lectus sit amet est placerat in egestas. Vitae nunc sed velit dignissim sodales ut eu sem. Arcu cursus euismod quis viverra nibh. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Sollicitudin nibh sit amet commodo nulla facilisi nullam vehicula. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Scelerisque viverra mauris in aliquam sem fringilla ut. Elementum eu facilisis sed odio. Semper risus in hendrerit gravida rutrum quisque non. Cras fermentum odio eu feugiat pretium nibh ipsum. Phasellus faucibus scelerisque eleifend donec pretium vulputate. In eu mi bibendum neque egestas congue.

Libero justo laoreet sit amet cursus sit amet dictum. Ultrices eros in cursus turpis. Felis imperdiet proin fermentum leo vel orci porta non. Nulla facilisi etiam dignissim diam quis enim. Vitae aliquet nec ullamcorper sit. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Lacus vestibulum sed arcu non odio euismod lacinia at. Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Nunc consequat interdum varius sit. Dolor morbi non arcu risus quis varius quam quisque id. Orci phasellus egestas tellus rutrum tellus pellentesque eu.

Velit egestas dui id ornare. Vitae nunc sed velit dignissim. Arcu odio ut sem nulla pharetra diam sit amet. Mauris in aliquam sem fringilla. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Feugiat scelerisque varius morbi enim nunc faucibus a. Vulputate sapien nec sagittis aliquam malesuada bibendum. Vel pretium lectus quam id leo in. Fringilla ut morbi tincidunt augue interdum velit euismod in. Volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim. Gravida quis blandit turpis cursus in hac habitasse platea. Enim blandit volutpat maecenas volutpat blandit aliquam etiam erat.

Consequat ac felis donec et odio pellentesque diam. Viverra vitae congue eu consequat ac felis donec et odio. Tincidunt id aliquet risus feugiat. Laoreet id donec ultrices tincidunt. Amet est placerat in egestas. Odio euismod lacinia at quis. Facilisis sed odio morbi quis commodo odio aenean sed adipiscing. Arcu non sodales neque sodales. Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Consectetur purus ut faucibus pulvinar elementum integer enim neque.