Concept explainers
To enter the name and date in the comment section of each file (lht_events_txt.html andlht_table_txt.js) and save them as (lht_events.html andlht_table.js).
Explanation of Solution
Given information: lht_events_txt.html andlht_table_txt.js files areprovided under the folder html10→Review within the reference material.
Explanation:
1) For lht_events_txt.html:
i) Open the lht_events_txt.html file in the HTML editor.
ii) Now, go to the source code section of the lht_events_txt.html file and write name and date in the comment section under author and date as shown below:
Adding name and date in the head tag in the comment section:
<head> <!-- New Perspectives on HTML5 and CSS3, 7th Edition Tutorial 10 Review Assignment Lyman Hall Theater Upcoming Events Author: XYZ Date: MM-DD-YYYY Filename: lht_events.html --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Upcoming Events at the Lyman Hall Theater</title> </head>
iii) Now, go to file →Save As, enter the file name lht_events.html (given in the question) and save the file.
2) For lht_table_txt.js:
i) Open the lht_table_txt.js file in the HTML editor.
ii) Now go to the source code section of the lht_table_txt.js file and writing name and date in the comment section under author and date as shown below:
Adding name and date in the comment section of given JavaScript code:
/*
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 10
Review Assignment
Author:XYZ
Date: DD-MM-YYYY
*/
iii) Now, go to file →Save As, enter the file name lht_table.js (given in the question) and save the file.
Want to see more full solutions like this?
Chapter 10 Solutions
New Perspectives On Html5, Css3, And Javascript, Loose-leaf Version
- The site page will have input fields for the accompanying data: First NameLast NameDateAddressFav vehicle (text region).arrow_forwardMatch each of the following forms of the axis command to their descriptions. V = axis ---Select-- --Select- cancels the effect of axis equal and axis square turns off all axis labeling, tick marks, and background sets the x and y limits of the plot to the specified values turns on all axis labeling, tick marks, and background returns a 4-element row vector containing the current limits of the plot makes the current axis box square sets the axis increments to be equal on both axes axis ([xmin xmax ymin ymax]) axis equal axis square axis normal axis off axis on -Select--- >arrow_forwardQ2 - Write a VBA code which read any two numbers (B and k) via input-box-keyword and then compute and printout the variable (Z) via (MSG-box-keyword)using the following expression: B,k k x B i=1arrow_forward
- True or False The CSS property “margin” defines the space outside the element’s border. Inline style placed inside an html element’s tag takes precedence over an external stylesheet Multiple html elements can share and be styled with the same ID. A single external CSS stylesheet can be used to style multiple HTML documents. The <ul> element is used to create an automatically numbered list. Setting a hyperlink’s target attribute to “_blank” opens the referenced URL in a new tab.arrow_forwardCreate the following table with cell padding and spacing 25 and border 1 and border color blue: Note: HTML only D EX14 C G Ⓒ File | C:/Users/AlMaatooq/Desktop/J120%20%/course%20code/Exercise % 2014.html G Google # Locations coordinates 29.3334455 27.1234567 33.1234123 Type here to search 32.4321876 t n Al Q EN 3 ↓ ENG 0 11:23 PM 9/7/2022arrow_forwardCreate a HTML and CSS file of the given picture. Ensure that the interface will satisfy the given picture.Note: Once view button was clicked, another html file will pop up as shown in 2nd picture.arrow_forward
- States Alabama Vermont Illinois California Michigan Ohio Image not displaying? If you click on Repeat Header Rows, what will happen? A new blank header row will appear above "States" L "States" will appear in a new second row above "Alabama" A new blank header row will appear below the last row of the table "States" will appear in a new column to the right KIDStates will appear as a header row on every page that contains this tablearrow_forwardhow do I create the following pages: Main Page (index.html) - This page will display the user's list with edit and delete options for each list item. "Completed" list items should be hyperlinks that take you do the View List Item page.The user should be able to add a new item to the list right on this page by providing just a title and description (then they can edit the list item to add more details later). Edit List Item (edit-item.html) - Once a user has completed a bucket list item, they can provide more information. You can choose what type of information they might want to record for completed items but at minimum you should have: Title (this was provided when the item was created, and in A3 will be populated from the database) Description (this was provided when the item was created, and in A3 will be populated from the database) Rating - eventually this should be a star system, but that typically requires a little (sometimes a lot) of JavaScript, so the star part would come…arrow_forwardhow to do this exercise? Halloween 11 Create a product page In this exercise, you’ll create a product page that uses a variety of features for working with images. When you’re through, the page should look similar to this: Specifications: • To create the product page, you can copy the index.html file you worked on in exercise 7 to the products folder and rename it cat.html. Then, you can delete the content from the section, modify the URLs on the page as necessary, and add the content shown above. • Create a new style sheet named product.css for the product page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the cat.html file so it points to the correct style sheet. • Modify the horizontal navigation menu so it indicates that no page is current. • In the section, float the image to the left of the text. In addition, set the left margin for the text so if the product description is longer, the text won’t…arrow_forward
- in html Write code in j-query to change the image in div element after click on button. Also make sure that text of button and background of the image should also be changed.arrow_forwardPage 3 will be a separate html file that will have a table containing you're your favorite 4 images. The images need to be sized the same in the table... At end of page you will have a hyperlink to go back to the main page. put image 1 here put image 3 here Go back to my main page Put image 2 here put image 4 herearrow_forwardWhat’s the correct answerarrow_forward
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L