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 11, Problem 7RA
(a)
Program Plan Intro
To create an object collection of all the td elements within the hitoriGrid table and save the object collection in the variable named allCells.
(b)
Program Plan Intro
To create the for loop that will iterate through the allCells object collection and make modifications as per the specified condition.
(c)
Program Plan Intro
To add a mousedown event that will change the background color, font color and the border radius value if the Shift key is pressed by the user.
(d)
Program Plan Intro
To change the cursor image if the Shift key is pressed by the user.
(e)
Program Plan Intro
To add an event listener that will run the method named checkSolution( ) in response to the mouseup event to check whether the user has solved the puzzle.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Page 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 here
how 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…
ch 8 extend your knowledge
i need this solved. below is index.html and styles.css
figure8-68 is attached below.
tasks
Link index.html to the styles.css file.
In the index.html file, create a table with seven rows and four columns. Include a caption with the text, Course Schedule.
you will need to properly use thead and tbody elements, as well as rowspan and colspan attributes
Use the styles.css file to create style rules to design the table as shown in Figure 8–68. The table uses the following hexadecimal color codes: ffe5dc (body background-color), fd4d0c (table border color), 792101 (box shadow color), a22c02 (table data border color), fe9772 (odd rows background color).
Apply a box shadow to the table and a sans-serif font to the page
index.html
<html lang="en">
<head>
<title>Chapter 8, Extend</title>
<meta charset="utf-8">
</head>
<body>
<div id="container">
<!-- Use the main area…
Chapter 11 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 11.1 - Prob. 1QCCh. 11.1 - Prob. 2QCCh. 11.3 - Provide the general code to create a function...Ch. 11.3 - Prob. 2QCCh. 11 - Prob. 1RACh. 11 - Prob. 2RACh. 11 - Prob. 3RACh. 11 - Prob. 4RACh. 11 - Prob. 5RACh. 11 - Prob. 6RA
Ch. 11 - Prob. 7RACh. 11 - Prob. 8RACh. 11 - Prob. 9RACh. 11 - Prob. 10RACh. 11 - Prob. 11RACh. 11 - Prob. 1CP1Ch. 11 - Prob. 2CP1Ch. 11 - Prob. 3CP1Ch. 11 - Prob. 4CP1Ch. 11 - Prob. 5CP1Ch. 11 - Prob. 6CP1Ch. 11 - Prob. 7CP1Ch. 11 - Prob. 8CP1Ch. 11 - Prob. 9CP1Ch. 11 - Prob. 2CP2Ch. 11 - Prob. 3CP2Ch. 11 - Prob. 5CP2Ch. 11 - Prob. 2CP3Ch. 11 - Prob. 3CP3Ch. 11 - Prob. 1CP4Ch. 11 - Prob. 2CP4Ch. 11 - Prob. 3CP4Ch. 11 - Prob. 4CP4Ch. 11 - Prob. 5CP4Ch. 11 - Prob. 6CP4Ch. 11 - 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
- how 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_forwardPlease create HTML website using Flask. This website can have 5 pages, e.g., index, contact, about, etc. This website needs to include the following: Flask routings, Flask render templates, Flask WTF. (forms), Flask base HTML. You can add a nav bar in this base.html, Flask static files, e.g., CSS file. You are free to choose any topic for the website include the code.arrow_forwardCreate a form (html) to insert a new student as shown below. with mysql codearrow_forward
- create another new page, and name the file according to the description you used in your mockup. For example, "contact_me.html" or "portfolio.html". Your new page must include the following: (named: "contact_me.html") A table styled using CSS, like the one below, except use fonts and colors that match the theme of the rest of your site. A CSS Box with the following specs: 350px (width) + 20px (left and right padding) + 10px (left and right border) + 20px (left and right margin) = 400px Contains at least 4 hyperlinks that use each of the following states: a:link - a normal, unvisited link a:visited - a link the user has visited a:hover - a link when the user mouses over it a:active - a link the moment it is clicked Must use a style tag that changes the background to a color or image. Formatted text, including a header and paragraph that uses CSS styling of your choice, using at least 1 ID selector and 1 class selector. Use CSS to…arrow_forwardThis section has a total of 6 questions. Upload all scanned documents/files/ compressed folder in the linH the end of Question 26. Use the expression F = ((AC) +B') (C Đ A O B) to draw the Truth Table. A - I Use the upload link after Question 26 to upload the answer. (image, word, pdf, or any practical files) استخدم رابط التحميل بعد السؤال 26 لتحميل الإجابة. )صورة، كلمة، pdf، او الملفات العملية( H Dacimal pumbers with necessary steps.arrow_forwardHtml and Cssarrow_forward
- Videos Utilize the following elements in the body of index.html to create a header for this page: 1 x Header 1 x Level One Section Heading 1 x Video Embed element 2 x Source element You will need two video files to complete this section. Use https://cloudconvert.com/mp4-to- webm to convert the mp4 file into a webm file to use as your second video file. Save it in the videos folder for this lab.arrow_forwardWeb Programming : HTML, CSSarrow_forwardHTML/CSS Assignment. Build, from scratch, a new flexbox layout.This layout must include: a container: header, navigation, three-column mid section. and a footer. Add a media query to collapse the three columns into a single column layout. CSS styling must contain flexbox properties and values for positioning of elements. The page must include actual content and images. The topic is entirely up to you, the coloring, font-styling etc. is also entirely up to you.arrow_forward
- CSS3 allows web developers to use many columns in a single web page by employing. O a. open-column O b. many-column O C. several-column Od multi-column QUESTION 6 The proper form of column-rule property is column-rule: 1px solid blue; a. O b. column-rule: {1px solid blue;} O C. column-rule: (1px solid blue); O d. column-rule: 1px; solid; blue;arrow_forwardCreate html file include a table with following requirements: All content aligned center. Table head background color yellow. Table data background color gray. ● ● ● TAS EX11 table + C Ⓒ File | C:/Users/AlMaatooq/Desktop/20%20%p/course%20code/Exercise%2011.html Home Service Miles Mastercard Insurance paaet PACI AMEX NBK Student Name John Salem Steve Capago Internation... Note: HTML only Birthday 23 - 12 - 1999 21 - 1 - 2000 22 - 2 - 2001 A 10 Ⓒarrow_forwardwrite the HTML code of the following output.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 LearningNp 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