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 1RA
Program Plan Intro
To add name and date in comment section of file save ag_squares_txt.html, ag_squares_txt.js and ag_cards2_txt.js, and save each of them after removing the txt extension.
Expert Solution & Answer
Explanation of Solution
Given information: The files,ag_squares_txt.html, ag_squares_txt.js and ag_cards2_txt. jsare provided under the folder html14→Review with reference material.
Explanation:
In HTML comments are provided within symbols <!-- comments --> whereas JS comments are included within the symbols /* comments */.
Follow below steps to add name and date in the html file ag_squares_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 files ag_squares_txt.js and ag_cards2_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
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
Create 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.
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…
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
- 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.arrow_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_forwardwrite the HTML code of the following output.arrow_forward
- Web Programming : HTML, CSSarrow_forwardhow 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…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
- write the HTML code of the following output.arrow_forwardIndependent 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_forwardhow 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_forward
- States Alabama Vermont Illinois California Michigan Ohio Image not displaying? If you click on Repeat Header Rows, what will happen? A new blank header row will appear above "States" L "States" will appear in a new second row above "Alabama" A new blank header row will appear below the last row of the table "States" will appear in a new column to the right KIDStates will appear as a header row on every page that contains this tablearrow_forwardSo that you can see the benefits of several pages calling the same style sheet, you are going to create three separate pages that all prominently feature a styled table. Each of these tables will be a different type of scorecard-golf, baseball, bowling, a board game, or anything else that you'd like to use that can be organized properly into a table format. Be sure to include rows and columns to represent round numbers and teams or players. All three HTML files should call the same CSS file, so therefore, all three tables you end up creating will be styled in the same manner. In your styling, be sure you utilize at least one pseudo class. Your completed assignment should contain all of the following: 531 353 562 402 354 428 163 402 180 486 334 545 379 331 420 136 395 155 3181 431 315 482 351 310 381 115 369 140 2894 5824 389 273 451 288 212 302 97 305 130 2447 5173 545 44 43 43 36 72 S6 12 2 4 14 10 16 8 18 3 3370 175 3167 N 343 143 2930 1 12 323 125 2726 4 4 3 36 14 41 53 5 9 13 15…arrow_forwardThe site page will have input fields for the accompanying data:Html First NameLast NameDateAddressFav Vehicle (text region). .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