New Perspectives on HTML and CSS
6th Edition
ISBN: 9781111526443
Author: Carey, Patrick
Publisher: Course Technology Ptr
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
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.
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…
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.
Chapter 13 Solutions
New Perspectives on HTML and CSS
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_forwardAdd embedded CSS code to this html file so that the display changes as the following picture : Centered Fixed 3-Column Layout Using CSS for Page Layouts Learn More Topics Authors Videos Gallery Explore Article Title Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a keyword to search online for the video that best fits your document. To make your document look professionally produced, Word provides header, footer, cover page, and text box designs that complement each other. For example, you can add a matching cover page, header, and sidebar. Click Insert and then choose the elements you want from the different galleries. Themes and styles also help keep your document coordinated. When you click Design and choose a new Theme, the pictures, charts, and SmartArt graphics change to match your new theme.…arrow_forward
- hi 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_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_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_forwardcreate 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_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_forward
- Create 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_forwardQuestion 1 Prints your name " Ali " in a Courier New font, each letter should be a different color. Question 2 Create a webpage by using html that prints your name Mohammed ", and your age " 18 to the screen Question 3 Create some links to various search engines (google, yahoo, altavista, lycos, etc). Question 4 Add a table row with two table headers. The two table headers should have the value " Name " and " Age ". Jill Smith 50 6:45 مarrow_forwardThe wireframe is the home page of Nuksoft Limited. The company through its Software Development Department is outsourcing the development of their web application to a potential GCTU Student of which you have won the contract. You are expected to create an HTML file with name index.php and a Cascading Style sheet with name, nuksoft_styles.css. Make use of only HTML tags. All styles should be control by the css file. Save all files in a folder and save all files related to this question in it. The name of the folder should be Nuksoft followed by your index number (e.g. Nuksoft-1081015001).a.Nuksoft provides the following services.i. Application Developmentii. Installation of CCTViii. Hardware and Networkingiv. IT ConsultancyCreate a drop-down menu using an internal css style and javascript displaying the services as a sub menu. Link each of the sub menu to a unique page.b. Create a similar menu for products. Nuksoft provides three main products to her customers. Each of these product…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