Concept explainers
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.
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?
Chapter 14 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
- 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_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_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
- write the HTML code of the following output.arrow_forwardWeb 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_forward
- ch9 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_forwardwrite 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_forward
- 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_forwardStates 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_forwardThe site page will have input fields for the accompanying data: First NameLast NameDateAddressFaved Vehicle (text region)arrow_forward
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning