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 12, Problem 20CP3
Program Plan Intro
To load js_nodes.html in the browser and verify that browser displaysa schematic diagram of the node tree for the article named “working with nodes”.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
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…
USING HTML
Create header text center aligned.
Create an “a” tag with text that says “New User”
Create a table with 4 columns namely: ID, USERNAME, EMAIL, ACTION
Create at least one dummy record, you can create multiple records if you want to.
ID column must be clickable
EMAIL column must be italic
ACTION action must contains a clickable “Edit” followed by pipe “|” and “Delete” links.
Create a form with 4 input fields namely: Username, Email, Password, and Confirm Password and 2 buttons namely: Submit and Cancel
SEE EXAMPLE FIGURE 2
Create 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
Ⓒ
Chapter 12 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 12.2 - Prob. 1QCCh. 12.2 - Prob. 2QCCh. 12.2 - Prob. 3QCCh. 12.2 - Prob. 4QCCh. 12.2 - Prob. 5QCCh. 12.2 - Prob. 6QCCh. 12.3 - Prob. 1QCCh. 12.3 - Prob. 2QCCh. 12 - Prob. 1RACh. 12 - Prob. 2RA
Ch. 12 - Prob. 3RACh. 12 - Prob. 4RACh. 12 - Prob. 5RACh. 12 - Prob. 6RACh. 12 - Prob. 7RACh. 12 - Prob. 8RACh. 12 - Prob. 9RACh. 12 - Prob. 10RACh. 12 - Prob. 11RACh. 12 - Prob. 12RACh. 12 - Prob. 13RACh. 12 - Prob. 1CP1Ch. 12 - Prob. 2CP2Ch. 12 - Prob. 3CP2Ch. 12 - Prob. 4CP2Ch. 12 - Prob. 5CP2Ch. 12 - Prob. 4CP3Ch. 12 - Prob. 20CP3Ch. 12 - Prob. 3CP4Ch. 12 - Prob. 4CP4Ch. 12 - Prob. 5CP4Ch. 12 - Prob. 6CP4Ch. 12 - Prob. 7CP4Ch. 12 - Prob. 8CP4Ch. 12 - Prob. 9CP4Ch. 12 - Prob. 10CP4Ch. 12 - Prob. 11CP4Ch. 12 - Prob. 12CP4Ch. 12 - Prob. 13CP4Ch. 12 - Prob. 14CP4
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 to Create the Product webpage of Chapter 11 working with images and icons. 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…arrow_forwardse Problem 1 Data Files needed for this Case Problem: sp_home_txt.html, sp_layout_txt.css, 2 CSS files, 11 PNG files Slate & Pencil Tutoring Karen Cooke manages the website for Slate & Pencil Tutoring, an online tutoring service for high school and college students. Karen is overseeing the redesign of the website. do you have this solution?arrow_forwardExercise: write HTML code for the following. Name DSE HTML&CSS Contract Changes Annual Leave Last Updated 9th Aug 2020 17th Dec 2019 23rd Nov 2019 Actions view view viewarrow_forward
- Ineed CODE HTML FORM IN SAMPLE PAGE (user name,Password) And button submit WITHOUT LINK With database (only sample page) And code php page To link HTML PAGE WITH PHP PAGE in same folder in my device method:POST For when I press submit I can show what the value I put In username and passwordarrow_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_forwardch 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…arrow_forward
- write the HTML code of the following output.arrow_forwardCreate a form (html) to insert a new student as shown below. with mysql codearrow_forwardCreate the artist.html file The artist.html page should contain a form that will allow the user to add new data to the artist table. Make sure you correctly set the action attribute on your form to insertartist.phparrow_forward
- Create the below login form named login.html using appropriate HTML tags. Create an external CSS file named design.css for applying CSS to this HTML page. Login f y HTML CSS Login Form or use your account This login form is created using pure HTML and CSS. For social icons, FontAwesome is used. Forgot your password? LOG IN Email Passwordarrow_forwardXML Export: Create an XML export of two rows of data from one of your completed tables that has at least 4 columns.arrow_forwardHold * downvote for incorrect as well because code is in such same form.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
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning