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,…

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.

HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following word search application, which searches for words in paragraphs, modify it so that it Adds two spans tab within the HTML within the designated new "Illustate" text segments as shown below. Has a new click event which searches the occurrence of the word within all span tabs residing within the first div container , then highlights the text in the span tab which contains the word c) In the same routine, count the number of times ( using a global variable) that the word is found Within the object array loop for span tabs ( where the indexOf statement is located) and after all span tabs are highlighted, send that number to a new html element ( a div, h1, span, p choice is up to you). The count should be continually accumulated and should show the total number of times a word is found in a span tab for all user activated clicks of the search button for…