Alright so, I'm not going to sit here and write the code for you. I will give you some resources that will help you though. I hope that you will respond to this post and give me a liiiittle more information about this? Like... is it an assignment for a class? Don't you have a book that will help you? Your best bet is to respond and I can help further clarify things. but here are a few resources to get you started:
https://developer.mozilla.org/en-US/docs/Web/Tutorials <— <u>There's a BUNCH of tutorials on everything from HTML, CSS, and Java.</u> It goes from Intermediate all the way to advanced level stuff. Honestly this is a good place to start for you if you're wanting to actually LEARN. However, if you'd like some short-cuts... read on and I will provide them
Before that though, I started out by teaching myself HTML. One word of advice is, don't put it off until the last minute, use all the resources the web has to offer, and don't leave it up to someone else on Brainly to give you the answers. If you want to be successful at coding, do what I did; Immerse yourself in the language, learn <em>everything</em> you can. Devote yourself to being not only proficient in knowing the HTML language but CSS styles as well. Practice on increasing your typing speed too. If you get good enough who knows, you could end up making a living out of it. I know free lance web designers who make $25,000 in a month and a half or less. Those are just guys who do it part time too, as a side gig. Personally for me, HTML & CSS opened the flood gates for my fascination with technology and coding, so I went on to learn ASP.NET, C#, MVC.NET, SQL, Java Script, on top of becoming proficient with Photoshop, now I'm working towards my CCENT and CCNA (Cisco Certified Network Administrator) Certifications. Don't limit yourself by throwing your hands up and saying, "This is too hard! Somebody help me!" Take it upon yourself to learn it and you will be rewarded infinitely, not only with the satisfaction of having the feeling of accomplishment, but it will open doors to opportunities you could only dream of having before you decided to take the initiative. Best of luck man. And like I said, please feel free to respond to this post and ask more *specific* questions. Don't just post up a picture of an assignment and say HELP.
Okay so.... I hope you know how to at least start an HTML document?
.... like
<!DOCTYPE html>
<html>
<body>
THIS IS WHERE YOU WILL HAVE TO DO THE CODING YOURSELF MY FRIEND
<h1>This is how you make a header of a certain size</h1>
<p>This is how you make a paragraph.</p>
</body>
</html>
^^^^^There is your basic beginning structure. Get to it.
Like I said, respond to me and I will be available to answer your questions. I'm working on a paper right now and decided to fiddle around on the internet for a minute. As promised, here are your "short cut" pages too, but there are some real handy ones in here too for checking your code for errors, and so on. Best of luck.
http://katydecorah.com/css-ruler/ < —This is going to tell you How to make the correct sized boxes you want.
https://codepen.io/ <—This is a page where you can type in your code, then the website will give it a run and produce the results of your code. It's also got LOTS of cool tools and helpful guides so do some poking around... I really hope this isn't a last minute thing and you're on a time limit. Because if you don't know how to code a page like that right now and it's due like, tonight or tomorrow and you have to go to bed soon or something then you're pretty screwed. Personally, I could type something like that up in about 10 minutes or so. We used to do stuff like that for practice in class in my first Introductory HTML/CSS class.
http://csslint.net/ <— use this to check your CSS (I hope you understand that would be where your styles go... don't get mad when they tell you what mistakes you've made because it's just kind of a joke web site as far as their responses to your mistakes but it's a real handy tool for checking your CSS code)
Last thing I got for you is a page that you can code in and get feedback literally in real time. There are people who are on the website that will help you: https://atom.io/