New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN: 9781305503922
Author: Patrick M. Carey
Publisher: Cengage Learning
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 1, Problem 22CP3
Program Plan Intro
To verify that on clicking question, the browser jumps to the question's answer and on clicking Return to top, the browser returns to the top of the page.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
How to create a product table page:
To create the product list page, you can copy the index.html file you worked on in exercise 7 to the products folder. Then, you can delete the content from the main section and modify the URLs on the page as necessary.
• Modify the horizontal navigation menu so it indicates that the product list page is the current page.
• Add a table to the section with a caption, a header, and a body as shown above. Be sure to merge the rows in the first column for each category so the category name is displayed only in the first row.
Create a new style sheet named summary.css for the product list 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 products/index.html file so it points to the correct style sheet.
• Align the caption, headings, and data, and apply any other required formatting as shown above. Use a structural pseudo-class selector to apply a background color of…
Mount all code in.
Add the table body section and within the table body, create the layout of the crossword puzzle subject to the following conditions:
The table will contain 9 rows and 8 columns.
Within each row will be a number of table data cells. If the cell is a blank cell shown in Figure 6–49, assign it the class name blank. If a blank cell covers multiple rows and/or columns, make that cell a spanning cell and adjust the number of cells in subsequent rows and columns accordingly to preserve the table layout.
Several cells contain numbers that will be used as crossword puzzle clues. Number the appropriate cells from 1 up to 26 to match the layout in Figure 6–49.
Chapter 1 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 1.1 - Prob. 1QCCh. 1.1 - Prob. 2QCCh. 1.1 - Prob. 3QCCh. 1.1 - Prob. 4QCCh. 1.1 - What is incorrect about the following code?...Ch. 1.1 - Prob. 6QCCh. 1.1 - Prob. 7QCCh. 1.1 - Prob. 8QCCh. 1.1 - Prob. 9QCCh. 1.2 - Prob. 1QC
Ch. 1.2 - Prob. 2QCCh. 1.2 - Prob. 3QCCh. 1.2 - Prob. 4QCCh. 1.2 - Prob. 5QCCh. 1.2 - Prob. 6QCCh. 1.2 - Prob. 7QCCh. 1.2 - Prob. 8QCCh. 1.2 - Prob. 9QCCh. 1.3 - Prob. 1QCCh. 1.3 - Prob. 2QCCh. 1.3 - Prob. 3QCCh. 1.3 - Prob. 4QCCh. 1.3 - Prob. 5QCCh. 1.3 - Prob. 6QCCh. 1.3 - Prob. 7QCCh. 1.3 - Prob. 8QCCh. 1.3 - Prob. 9QCCh. 1 - Prob. 1RACh. 1 - Prob. 2RACh. 1 - Prob. 3RACh. 1 - Prob. 4RACh. 1 - Prob. 5RACh. 1 - Prob. 6RACh. 1 - Prob. 7RACh. 1 - Prob. 8RACh. 1 - Prob. 9RACh. 1 - Prob. 10RACh. 1 - Prob. 11RACh. 1 - Prob. 12RACh. 1 - Prob. 13RACh. 1 - Prob. 14RACh. 1 - Prob. 15RACh. 1 - Prob. 16RACh. 1 - Prob. 17RACh. 1 - Prob. 18RACh. 1 - Prob. 19RACh. 1 - Prob. 20RACh. 1 - Prob. 21RACh. 1 - Prob. 22RACh. 1 - Prob. 23RACh. 1 - Prob. 1CP1Ch. 1 - Prob. 2CP1Ch. 1 - Prob. 3CP1Ch. 1 - Prob. 4CP1Ch. 1 - Prob. 5CP1Ch. 1 - Prob. 6CP1Ch. 1 - Prob. 7CP1Ch. 1 - Prob. 8CP1Ch. 1 - Prob. 9CP1Ch. 1 - Prob. 10CP1Ch. 1 - Prob. 11CP1Ch. 1 - Prob. 12CP1Ch. 1 - Prob. 13CP1Ch. 1 - Prob. 14CP1Ch. 1 - Prob. 15CP1Ch. 1 - Prob. 16CP1Ch. 1 - Prob. 1CP2Ch. 1 - Prob. 2CP2Ch. 1 - Prob. 3CP2Ch. 1 - Prob. 4CP2Ch. 1 - Prob. 5CP2Ch. 1 - Prob. 6CP2Ch. 1 - Prob. 7CP2Ch. 1 - Prob. 8CP2Ch. 1 - Prob. 9CP2Ch. 1 - Prob. 10CP2Ch. 1 - Prob. 11CP2Ch. 1 - Prob. 12CP2Ch. 1 - Prob. 1CP3Ch. 1 - Prob. 2CP3Ch. 1 - Prob. 3CP3Ch. 1 - Prob. 4CP3Ch. 1 - Prob. 5CP3Ch. 1 - Prob. 6CP3Ch. 1 - Prob. 7CP3Ch. 1 - Prob. 8CP3Ch. 1 - Prob. 9CP3Ch. 1 - Prob. 10CP3Ch. 1 - Prob. 11CP3Ch. 1 - Prob. 12CP3Ch. 1 - Prob. 13CP3Ch. 1 - Prob. 14CP3Ch. 1 - Prob. 15CP3Ch. 1 - Prob. 16CP3Ch. 1 - Prob. 17CP3Ch. 1 - Prob. 18CP3Ch. 1 - Prob. 19CP3Ch. 1 - Prob. 20CP3Ch. 1 - Prob. 21CP3Ch. 1 - Prob. 22CP3Ch. 1 - Prob. 23CP3Ch. 1 - Prob. 24CP3Ch. 1 - Prob. 25CP3Ch. 1 - Prob. 26CP3Ch. 1 - Prob. 1CP4Ch. 1 - Prob. 2CP4Ch. 1 - Prob. 3CP4Ch. 1 - Prob. 4CP4Ch. 1 - Prob. 5CP4Ch. 1 - Prob. 6CP4Ch. 1 - Prob. 7CP4
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- Create a website registration form to obtain a user’s first name, last name and e-mail address. In addition, include an optional survey ques- tion that asks the user’s year in college (e.g., Freshman). Place the optional survey question in a details element that the user can expand to see the question.arrow_forwardI use target="_blank" to open new tab after clicking the <a href="www.google.com"> and google.com is open in new tab. Is that possible to make after clicking the link not to change the tab automatically to google.com and stay in default page?arrow_forwardWhat is wrong with the following HTML code? This is the first list item. This is the second list item. This is the third list item. а. The "id" properties must be unique in an HTML document. O b. More than one "li" element are not allowed in an unordered list. О с. All three list item elements must have a class attribute.arrow_forward
- Modify the menu to use an unordered list for Sandwiches and Burritos, and nested unordered lists for the list items under Sandwiches and Burritos. Use a paragraph element to enclose the text "Menu:" before the list. Invalid HTML is considered incorrect even if the rendered webpage looks correct.Menu: Sandwiches Chicken Grilled cheeseBurritos Bean Avocadoarrow_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_forwardCreate an html page. Add 5 product images to the page with Price, Name, Description and Id attributes. Under each product add an add to cart button and a remove from cart button on each item. Make the id property of the buttons the id for the product. At the top right of the page, add a link that says (0) cart. When the add button is pressed, this number should increase. When the remove button is pressed, this number should decrease. When I click on the link, it should take me to a new page called checkout.html. The checkout.html page should display all the items in the cart, and a total price. Add a form on the page that takes my name, email, phone number, and credit card number. Use a regular expression to validate the email, phone number, and credit card. Create a javascript file as script for the product html and checkout html page. In this file, create an empty array to store the items added to the cart. Create a products array and create a product object for each of your…arrow_forward
- Write the JS/JQuery code to accompany the following HTML code, so that when theDelete button is clicked, any button whose text value is divisible by the numberwritten in the text field is removed from the page. You may assume that a validnumber has been typed in the text field. These screenshots show the initial page andits new appearance after typing 2 into the text field and pressing Deletearrow_forwardIn the index.html file, in the header element, wrap the anchor element within a div element with a class attribute value of tab-desk. Below this div element (still within the header element), create a new div element with a class attribute value of mobile. Nest the following elements within this div: <h1>🐾 Wild Rescues</h1> <h3>Rescue. Rehabilitate. Release.</h3>---My index.html <html lang="en"> <head> <title>Wild Rescues: Home</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/styles.css"> </head> <body> <header> <a div class="tab-desk"> <a href="index.html"> <img src="images/baby-hawk.jpg" alt="rescued baby hawk"> </a> </header> <nav> <ul> <li><a href="index.html">Home</a></li>…arrow_forwardEdit and refine the code so at the top right of the page, there's a link that says '(0)cart'. When the add button is pressed, this number should increase. When the remove button is pressed, this number should decrease. When I click on the link, it should take me to a new page called checkout.html. The checkout.html page should display all the items in the cart, and a total price. Add a form on the page that takes my name, email, phone number, and credit card number. Use a regular expression to validate the email, phone number, and credit card. Existing code: product.html <!DOCTYPE html><html><head><script src="./js/cart.js"></script></head> <body> <div id="product1" class="card"><img src="img/clorox.jpg"><h1>Clorox</h1><p class="price">$20.00</p><p>Household Cleaner</p><p><button id="product1Btn1" onclick="addtocart(1)">Add to Cart</button></p><p><button…arrow_forward
- First Column: Merge column 1, column 2 and column 3. Set the background color as "blue" and align the contents to the right. Insert a Search Form. Insert a suitable input type to select items like SUBJECTS, COURSES, CV HELP and JOB MARKET. Set any name for the form field. Insert a suitable input type to enter the search text. Set any name for the text field and the maximum length is 40. Insert a submit button with a value SEARCH COURSES. • Set a form validation using JAVASCRIPT. If the form field (search) is empty. display an alert message and return false to prevent the form from being submitted.arrow_forwardOpen the index.html file and update the comment with your name (firstname lastname), the file name, and the current date (MM/DD/YYYY). Add the text, CH 2 Extend Your Knowledge, to the title element. Locate all div elements and change them to one of the 5 appropriate HTML semantic element. Update the paragraph element on Line 15 to use an h1 element. In the main content area, wrap all paragraph elements within one article element and change the first paragraph element to an h2. For each paragraph element within the article element, add a black small square (▪) to the beginning of each sentence. In the navigation section, add a nonbreaking space, then a black circle ● (●), and then another nonbreaking space after the word Perceivable. Do the same for Operable and Understandable. <!DOCTYPE html><!-- Student Name: File Name: Date:11/07/2021--><html lang="en"><head><title>CH 2 Extend Your Knowledge</title><meta…arrow_forwardEvent Listeners Go to the co_credit.js file in your editor. Create an event listener for the window load event that retrieves the field values attached to the query string of the page’s URL. Add the following to the event listener’s anonymous function: Create the orderData variable that stores the query string text from the URL. Slice the orderData text string to remove the first ? character, replace every occurrence of the + character with a blank space, and decode the URI-encoded characters. Split the orderData variable at every occurrence of a & or = character and store the substrings in the orderFields array variable. Write the following values from the orderFields array into the indicated fields of the order form: orderFields[3] into the modelName field orderFields[5] into the modelQty field orderFields[7] into the orderCost field orderFields[9] into the shippingType field orderFields[13] into the shippingCost field orderFields[15] into the subTotal field orderFields[17]…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage