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 14, Problem 11CP1
a)
Program Plan Intro
To create an img element with name bubbleImg with the position property set to absolute.
b)
Program Plan Intro
To set the src property of bubbleImg to the value of the imageURL property of the newBubble object.
c)
Program Plan Intro
To set the width style of bubbleImg to radiuspx , where radius is the value of the radiusproperty of newBubble.
d)
Program Plan Intro
To set the left and top styles of bubbleImg to xPospx and yPospx , where xPosand yPos are the values of the xPos and yPos properties of newBubble.
e)
Program Plan Intro
To append the bubbleImg to the bubbleBox element.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
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…
se 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?
Case 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 and has
do you have the solution?
Chapter 14 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 14 - Prob. 1RACh. 14 - Prob. 2RACh. 14 - Prob. 3RACh. 14 - Prob. 4RACh. 14 - Prob. 5RACh. 14 - Prob. 6RACh. 14 - Prob. 7RACh. 14 - Prob. 8RACh. 14 - Prob. 9RACh. 14 - Prob. 10RA
Ch. 14 - Prob. 11RACh. 14 - Prob. 12RACh. 14 - Prob. 13RACh. 14 - Prob. 14RACh. 14 - Prob. 15RACh. 14 - Prob. 1CP1Ch. 14 - Prob. 2CP1Ch. 14 - Prob. 3CP1Ch. 14 - Prob. 4CP1Ch. 14 - Prob. 5CP1Ch. 14 - Prob. 6CP1Ch. 14 - Prob. 7CP1Ch. 14 - Prob. 8CP1Ch. 14 - Prob. 9CP1Ch. 14 - Prob. 10CP1Ch. 14 - Prob. 11CP1Ch. 14 - Prob. 12CP1Ch. 14 - Prob. 13CP1Ch. 14 - Prob. 14CP1Ch. 14 - Prob. 15CP1Ch. 14 - Prob. 16CP1Ch. 14 - Prob. 17CP1Ch. 14 - Prob. 1CP2Ch. 14 - Prob. 2CP2Ch. 14 - Prob. 3CP2Ch. 14 - Prob. 4CP2Ch. 14 - Prob. 5CP2Ch. 14 - Prob. 6CP2Ch. 14 - Prob. 7CP2Ch. 14 - Prob. 8CP2Ch. 14 - Prob. 9CP2Ch. 14 - Prob. 10CP2Ch. 14 - Prob. 11CP2Ch. 14 - Prob. 12CP2Ch. 14 - Prob. 13CP2Ch. 14 - Prob. 14CP2Ch. 14 - Prob. 15CP2Ch. 14 - Prob. 16CP2Ch. 14 - Prob. 17CP2Ch. 14 - Prob. 18CP2Ch. 14 - Prob. 19CP2Ch. 14 - Prob. 20CP2Ch. 14 - Prob. 1CP3Ch. 14 - Prob. 2CP3Ch. 14 - Prob. 3CP3Ch. 14 - Prob. 4CP3Ch. 14 - Prob. 5CP3Ch. 14 - Prob. 6CP3Ch. 14 - Prob. 7CP3Ch. 14 - Prob. 8CP3Ch. 14 - Prob. 9CP3Ch. 14 - Prob. 10CP3Ch. 14 - Prob. 11CP3Ch. 14 - Prob. 12CP3Ch. 14 - Prob. 13CP3Ch. 14 - Prob. 14CP3Ch. 14 - Prob. 15CP3Ch. 14 - Prob. 16CP3Ch. 14 - Prob. 17CP3Ch. 14 - Prob. 18CP3Ch. 14 - Prob. 19CP3Ch. 14 - Prob. 20CP3Ch. 14 - Prob. 21CP3Ch. 14 - Prob. 22CP3Ch. 14 - Prob. 23CP3Ch. 14 - Prob. 24CP3Ch. 14 - Prob. 25CP3Ch. 14 - Prob. 26CP3Ch. 14 - Prob. 27CP3Ch. 14 - Prob. 28CP3Ch. 14 - Prob. 1CP4Ch. 14 - Prob. 2CP4Ch. 14 - Prob. 3CP4Ch. 14 - Prob. 4CP4Ch. 14 - Prob. 5CP4Ch. 14 - Prob. 6CP4Ch. 14 - 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 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_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_forwardch9 analyze I need this solved below is figure 9-38 and index.html and styles.css TASKS Open index.html in the embedded browser and notice the empty video element. Review the files provided in your /media folder and add at least two video source files with appropriate attributes. Include a paragraph element that advises legacy browser users that their browser does not support the video element. Add the poster attribute that uses the web-design.jpg image within the /images folder and add the controls attribute to the video element. Open the descriptions.vtt file provided in the /media folder. Add descriptive text to Line 11 to describe the page for a visually impaired person. Describe what is happening in the video. In the index.html file, use the track element to add the descriptions file to the video element. Include the following attributes: src, kind, srclang, and label. index.html <html lang="en"> <head> <title>Chapter 9, Analyze</title>…arrow_forward
- 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 2arrow_forwardCreate student.html according to the following figure. Fill in the form and add a screenshot to your answer. Full name: Email: Password: Gender: O Male O Female Birthday: mm/dd/yyyy GPA: reset Submit 1 Notes: 1. You must copy and paste the "HTML script" as your answer for this question. DON'T take screen shot for your HTML script. It must be editable script. 2. Take a screen shot for your filled form and paste it as a part of your answer. 3. The email field should be automatically validated to ensure it is a properly formatted e-mail address. 4. The password should be obscured so that it cannot be read. 5. GPA input field should accept only a number between 1 and 5. 6. The reset button resets the form to the default values. 7. The submit button submits the form to register.php.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_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_forwardCreate the below page using HTML. On clicking the Save Details button make a post request to the page named insert.php to send the form data. In insert.php write the php code to insert the data in to a table named club events. The club events table has five columns named title, mark, duration, date and description. On clicking Go Back button redirect the user to page named home.html On clicking the Reset button clear all the data from the input tags. Event Details - Open Source Community Event Title* Max Marks* Max No of Hours* Event Date* mm/dd/yyyy Event Description Go Back Save Details Resetarrow_forwardCreate 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_forward
- write the HTML code of the following output.arrow_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_forwardPlease help! 1. Create a folder named LastNameFirstNameExercise2. 2. In this folder, create a subfolder named views. This directory should contain files used for client view. 3. Create HTML files (these should be valid, simple/basic HTML files. No styling required) contact.html - this file should display your full name and your school email address about.html - this file should display your full name and your concentration (e.g., Software Engineering, Information Technology, etc) 404.html - this file should display your full name and an error message stating the requested page cannot be located save these files under the views directory 3. Create an app.js file in the LastNameFirstNameExercise2 directory. In app.js, creates a server that listens for HTTP requests on port 8080 at localhost. Upon receiving a request: 1. responds by sending contact.html file located in the folder/directory called "views" to requests sent to the server for /contact (http://localhost:8080/contact) 2.…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