New Perspectives on HTML and CSS: Brief
6th Edition
ISBN: 9781133387268
Author: Patrick M. Carey
Publisher: Cengage Learning US
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 11, Problem 2RA
Program Plan Intro
To link the page to the jpf_hitori.css style sheet and to the jpf_grids3.js and jpf_hitori.js JavaScriptfilesasynchronously.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students 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 HTML and CSS: Brief
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_forwardHtml and Cssarrow_forwardVideos 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_forward
- Web 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_forwardCSS3 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_forward
- write the HTML code of the following output.arrow_forward1. Scrape this text file from: https://gml.noaa.gov/webdata/ccgg/trends/co2/co2_mm_mlo.txt Using your Webscraping class, scrape the text file using file scraping techniques or use html parsing (bs4,pandas,selenium) to acquire the data. This implies that the file is NOT downloaded from a browser. # decimal monthly de-season #days st.dev unc. of# date average alized of days mon mean 1958 3 1958.2027 315.70 314.43 -1 -9.99 -0.99 1958 4 1958.2877 317.45 315.16 -1 -9.99 -0.99 1958 5 1958.3699 317.51 314.71 -1 -9.99 -0.99 1958 6 1958.4548 317.24 315.14 -1 -9.99 -0.99 1958 7 1958.5370 315.86 315.18 -1 -9.99 -0.99 1958 8 1958.6219 314.93 316.18 -1 -9.99 -0.99 1958 9 1958.7068 313.20 316.08 -1 -9.99 -0.99 1958 10 1958.7890 312.43 315.41 -1 -9.99 -0.99 1958…arrow_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 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