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
Question
Chapter 1, Problem 5RA
Program Plan Intro
To open mp_pages.txt file in the HTML editor and copy the welcome section of the mp_pages.txt file. After that open the mp_index.html in the HTML editor and pasting the copying content into the article tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Open 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…
Global Variable
Go to the jpf_hitori.js file in your editor. Directly below the comment section, declare the global allCells variable, which you will use to store an array of the puzzle cells in the Hitori table. Do not define a value for the variable yet.
JavaScript Functions
Insert a command to run the startUp() function when the page is loaded by the browser. Add the startUp() function, which displays the contents of Puzzle 1 after the page is loaded and sets up the initial event handlers. Within the function, add the following commands:
Change the inner HTML of the element with the ID, “puzzleTitle” to the text “Puzzle 1”.
Call the drawHitori() function using the hitori1Numbers, hitori1Blocks, and hitori1Rating variables as parameter values and store the HTML code returned by the function in the inner HTML of the page element with the ID “puzzle”.
Declare a variable named puzzleButtons referencing the page elements with the class name “puzzles”. Loop through the puzzleButtons…
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…
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
Similar questions
- Immediately following the tel-link round mobile p element, Insert a new paragraph element with the tab-desk class. Wrap the phone number, (814) 555-8989, within this paragraph elementarrow_forwardIn the contact.html file, remove the text, Phone Number:, from the first paragraph element within the main div element. Wrap the phone number within an anchor element that links to the phone number. Add a class attribute with the value tel-link to the parent paragraph element that contains the phone number link. Add a class attribute with the value email-link to the anchor element that links to the email address within the main element.arrow_forwardSomething is missing from my code, looking for helping spotting the issue.Open the lht_table.js file and below the comment section, declare a variable named thisDay containing the date October 1, 2021. You will use this date to test your script. Create a variable named tableHTML that will contain the HTML code of the events table. Add the text of the following HTML code to the initial value of the variable: <table id='eventTable'> <caption>Upcoming Events</caption> <tr><th>Date</th><th>Event</th><th>Price</th></tr> Declare a variable named endDate that contains a Date object that is 14 days after the date stored in the thisDay variable. Use the new Date() object constructor and insert a time value that is equal to thisDay.getTime() + 14*24*60*60*1000. Create a for loop that loops through the length of the eventDates array. Use i as the counter variable. Within the for loop insert the following commands in a…arrow_forward
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L