Program Plan: Include the HTML tag using <html>. Include the header tag using <head>. Include the style on the webpage using <style> tag. Include an unordered list type as square. Close the header tag using </style>. Close the header tag using </head>. Open the body of the web page using <body> tag. Include the <div> tag. Include the head tag <h1> to display page heading. Include an unordered list using <ul> tag. Close the body using </div> tag. Close the body using </body> tag. Close the file using </html> tag.

Question

HTML/CSS: Need help in creating a sidebar header canvas for the love and hate buttons. Below are the codes and attached is image of how the sidebar header canvas must look like. Make sure to involve the correct code with the output: index.html: <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Summer School</h1> <ulclass="content home"> <li><a href="/index.html" >Summer School Info</a></li> <li><a href="/summerschool.html">Mainpage</a></li> </ul> </body> </html> summerschool.html: <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,…

Answer 1

Question

Chapter 6, Problem 7HOE

Program Plan Intro

Program Plan:

Include the HTML tag using <html>.

Include the header tag using <head>.

Include the style on the webpage using <style> tag.

Include an unordered list type as square.

Close the header tag using </style>.

Close the header tag using </head>.

Open the body of the web page using <body> tag.

Include the <div> tag.

Include the head tag <h1> to display page heading.

Include an unordered list using <ul> tag.

Close the body using </div> tag.

Close the body using </body> tag.

Close the file using </html> tag.

Expert Solution & Answer

Trending nowThis is a popular solution!

See solution

Check out sample textbook solution

Students have asked these similar questions

HTML/CSS: Need help in creating a sidebar header canvas for the love and hate buttons. Below are the codes and attached is image of how the sidebar header canvas must look like. Make sure to involve the correct code with the output: index.html: <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Summer School</h1> <ulclass="content home"> <li><a href="/index.html" >Summer School Info</a></li> <li><a href="/summerschool.html">Mainpage</a></li> </ul> </body> </html> summerschool.html: <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,…

Hands-On Project 1-3In this project, you will explore how to write text to a specific element in your web page in response to theonclick event handler. To complete the exercise, you will apply the following JavaScript expression:document.getElementById('id').innerHTML = 'text';where id is the value of the id attribute for the page element and text is the text of the content to be writteninto the element. You will use this expression to enhance a web form by displaying the message “Thank you foryour order” when the user clicks the Submit button. Figure 1-25 shows the completed web page.Do the following:1. Use your code editor to open project01-03_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-03.html.2. Scroll down to the bottom of the file and locate the input element for the Submit button.3. Add an onclick event handler to the <input> tag that changes the innerHTML value of the page element…

Computer Science Write a webpage that creates a game of dice using only HTML and JavaScript. The code should make use of the HTML <canvas> element. The webpage should inform the user of the rules of the game.