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 13, Problem 1RA
Program Plan Intro
To add name and date in comment section of file save co_cart_txt.html, co_cart _txt.js, co_credit_txt.htmland co_credit_txt.js, and save each of them after removing the txt extension.
Expert Solution & Answer
Explanation of Solution
Given information: The filesco_cart_txt.html, co_cart_txt.js, co_credit_txt.html and co_credit_txt.jsare provided under the folder html13→Review with reference material.
Explanation:
In HTML comments are provided within symbols <!-- comments --> whereas in JS comments are included within the symbols /* comments */.
Follow below steps to add name and date in the html files co_cart_txt.html and co_credit_txt.html:
1. Right click on file name.
2. Select Open with →HTML editor
3. Write your name and date in Author and Date fields in comment section (<!-- -->) respectively.
4. Click File →Save As.
5. Under Save As window, provide new name to file after removing _txt extension.
6. Click Save.
A new update file will get created in the same directory.
Follow below steps to add name and date in the co_cart_txt.js and co_credit_txt.js:
1. Right click on file name.
2. Select Open with →HTML editor
3. Write your name and date in Author and Date fields in comment section(/* ---- */) respectively.
4. Click File →Save As.
5. Under Save As window, provide a new name to file after removing _txt extension.
6. Click Save.
A new update file will get created in the same directory.
Want to see more full solutions like this?
Subscribe now to access step-by-step solutions to millions of textbook problems written by subject matter experts!
Students have asked these similar questions
HTML/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.
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…
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 13 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
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
- Independent Challenge 4 – ExploreAs you continue your work creating the website for Eating Well in Season, a local food delivery company, you customize thedesign’s fonts and colors.a. In your editor, open HTM_E-11.html from the IC4 folder where you store your Data Files for this unit, save it asindex.html, open HTM_E-12.css, then save it as styles.css.b. In the first comment section in each file, add your first and last names and today’s date where indicated, then saveyour changes to both files.c. Use google.com/fonts to locate the font named Alegreya Sans, choose the Normal 400 style, then copy the linkelementfor the font’s stylesheet to the Clipboardd. Return to index.html in your editor, paste the link element just before the link element for your stylesheet, thensave your changes.e. Return to styles.css in your editor, then in the body and page container section (the code following the body andpage container comment), create a style rule that sets the font family for the body…arrow_forwardPage 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 herearrow_forwardhi i need help in html css. i need to copy the one picture on the left with black background as well as the justified center postition of the picture. my work is the one with wednesday. as you can see it has white background and the picture position is wrong. i have 1 index.html file and 2 css: style.css and utilities.css here is the source code // this is index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- import css --> <link rel="stylesheet" href="css/style.css"> <!-- import favicon --> <link rel="shortcut icon" href="images/image1.jpg" /> <!-- import icons --> <script src="https://kit.fontawesome.com/bd6a72777e.js" crossorigin="anonymous"></script> <!-- import google fonts --> <link…arrow_forward
- create a new page, and name the file “about_me.html” Your new page must include the following: A HEAD element, title. For example, ‘About Me’. 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. A link that allows the user to navigate to and from the homepage “index.html” and also modify the homepage to include a link to your new page. Must include CSS Comments Must follow HTML5 standards.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_forwardThe site page will have input fields for the accompanying data:Html First NameLast NameDateAddressFav Vehicle (text region). .arrow_forward
- In the nav element, add a relative link to the text, Home, that links to index.html. Add a relative link to the text, Learn HTML, that links to html.html. Add a relative link to the text, Learn CSS, that links to css.html. Add a relative link to the text, Learn JavaScript, that links to js.html. https://effective-broccoli-r4r9wxwrqjqq2w5jq.github.dev/?folder=%2Fworkspaces%2F9780357423844_minnick-web-design-9e-a5ab2139-3fa8-432f-a807-66072cdd42e5%2Fchapter3%2Fapply_your_knowledge%2Fstudentarrow_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_forwardQuestion 1 : Create an HTML page with name yourname.html and include the following (After finishing it should like the image in Page 5): Header element: h1 with the literal “CSCI375 Exam_One” h2 with the literal “Designed by Your Name” Menu div: contains an unordered list of 5 links : Home, Example, Page one, Page two, Contact Us Content div: contains the following Section “topimg” : contains the banner.jpg image Section “leftpart”: contains 2 div of class “pictures”. The first div has img1.jpg and h2 with the literal: “picture one” The first div has img2.jpg and h2 with the literal: “picture two” Section “rightpart”: contains h2 element with the literal : “Welcome to my page” A paragraph p with dummy lorem text h2 element with the literal : “Our Services” Ordered list of 3 items : service one, service two, service three Footer: 4 links : a elements : Home (links to your index.html) LIU link to http://www.liu.edu.lb/ A page Another page A paragraph p…arrow_forward
- Create an infographic webpage of your three closest friends namely Bill, Ted and Peter. 2. Create a folder named: SurnameFirstname 3. Webpage content of the folder is as follows: nickname_inline.html = design the webpage using inline CSS nickname_internal.html = design the webpage using internal CSS nickname_external.html = design the webpage using external CSS 4. Images and CSS files should be saved in the assets subfolder.arrow_forwardCIS 141 – Web Design and Maintenance Assignment Web11 Stuck in the mud! 1. Create a new folder called "Web11" and extract the image folder into the folder. 2. Open your basic.html file and save it as index.html in the Web11 folder. 3. Add a div element with an id of "wrapper" 4. In the div element, add a figure element. 5. In the figure element, add the image. Remember to include the src, alt, width, and height attributes. 6. After the image element, add a figçaption element. 7. Inside the figçaption element, add the text "Help! 1&rsquo,m stuck". The ’ will display an apostrophe. 8. Create a file called default.css and save it in the Web 11 folder. 9. For the body selector, set the font-family property and the font-size property to 15px. 10. Create a rule for the wrapper id. Include the following properties a. Background color at #ccaa66 b. Width at 400px c. Margin set to 0 for the top and bottom and auto for the right and left d. Padding top to 5px e. Border radius of 10px f.…arrow_forwardI did <link rel="stylesheet" href="styles.css"> as well as <link rel="index.html" href="styles.css"> both were incorrect.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