HomeworkLib
Question

I beleiebve my code is right but it will not accept it. Please tell me what...

I beleiebve my code is right but it will not accept it. Please tell me what I am doing wrong.

Enter your name and the date in the comment section of each file: gp_cover.html, gp_page1.html, gp_page2.html, gp_page3.html, gp_layout.css, and gp_print.css respectively. Go to the gp_cover.html file and add a viewport meta tag to the document head, setting the width of the layout viewport to the device width and setting the initial scale of the viewport to 1.0. Go to the gp_layout.css file. In this style sheet, you’ll create the layout styles for mobile and desktop devices. Note that Devan has used the @import rule to import the gp_designs.css file, which contains several graphical and typographical style rules. Return to the gp_cover.html file and create links to the following style sheets: the gp_reset.css file to be used with all devices, the gp_layout.css file to be used with screen devices the gp_print.css file to be used for printed output Preview Take some time to study the contents and structure of the file. Note each panel from the comic book is stored as a separate inline image with the class name panel along with class names of size1 to size4 indicating the size of the panel. Size1 is the largest panel down to size4, which is the smallest panel. Repeat the actions described above to create links to the style sheet files gp_reset.css, gp_layout.css, and gp_print.css in gp_page1.html, gp_page2.html, and gp_page3.html .

GB_COVER

<!DOCTYPE html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1
  
Ghost of the Deep Cover Page
Author:
Date:
  
Filename: gp_cover.html
-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Ghost of the Deep Cover Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="gp_reset.css" rel="stylesheet" media="all">
<link href="gp_layout.css" rel="stylesheet" media="screen">
<link href="gp_print.css" rel="stylesheet" media="print">

</head>
<body>
<header>
<img src="gp_logo.png" alt="Golden Pulp" />
</header>

GP_PAGE 1

<!DOCTYPE html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1
  
Ghost of the Deep Page 1
Author:
Date:
  
Filename: gp_page1.html
-->

<title>Ghost of the Deep Page 1</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="gp_reset.css" rel="stylesheet" media="all">
<link href="gp_layout.css" rel="stylesheet" media="screen">
<link href="gp_print.css" rel="stylesheet" media="print">
</head>

<body>
<header>
<img src="gp_logo.png" alt="Golden Pulp">
</header>

GP_PAGE 2

<!DOCTYPE html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1
  
Ghost of the Deep Page 2
Author:
Date:
  
Filename: gp_page2.html
-->
<title>Ghost of the Deep Page 2</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="gp_reset.css" rel="stylesheet" media="all">
<link href="gp_layout.css" rel="stylesheet" media="screen">
<link href="gp_print.css" rel="stylesheet" media="print">
</head>

<body>
<header>
<img src="gp_logo.png" alt="Golden Pulp">
</header>

GP_PAGE 3

YPE html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1
  
Ghost of the Deep Page 3
Author:
Date:
  
Filename: gp_page3.html
-->
<title>Ghost of the Deep Page 3</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="gp_reset.css" rel="stylesheet" media="all">
<link href="gp_layout.css" rel="stylesheet" media="screen">
<link href="gp_print.css" rel="stylesheet" media="print">
</head>

<body>
<header>
<img src="gp_logo.png" alt="Golden Pulp">
</header>

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

Try implementing following changes:

1. Cover:

<!DOCTYPE html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1
  
Ghost of the Deep Page 1
Author:
Date:
  
Filename: gp_page1.html
-->
<title>Ghost of the Deep Page 1</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<link href="gp_reset.css" rel="stylesheet" media="all">
<link href="gp_layout.css" rel="stylesheet" media="screen">
<link href="gp_print.css" rel="stylesheet" media="print">
<header>
<img src="gp_logo.png" >
</header>
</body>
</html>

2.Page 1:

<!DOCTYPE html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1
  
Ghost of the Deep Page 1
Author:
Date:
  
Filename: gp_page1.html
-->
<title>Ghost of the Deep Page 1</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<link href="gp_reset.css" rel="stylesheet" media="all">
<link href="gp_layout.css" rel="stylesheet" media="screen">
<link href="gp_print.css" rel="stylesheet" media="print">
<header>
<img src="gp_logo.png" >
</header>
</body>
</html>

3. Page 2:

<!DOCTYPE html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1
  
Ghost of the Deep Page 2
Author:
Date:
  
Filename: gp_page2.html
-->
<title>Ghost of the Deep Page 2</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<link href="gp_reset.css" rel="stylesheet" media="all">
<link href="gp_layout.css" rel="stylesheet" media="screen">
<link href="gp_print.css" rel="stylesheet" media="print">
<header>
<img src="gp_logo.png" >
</header>
</body>
</html>

4. Page 3:

<!DOCTYPE html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1
  
Ghost of the Deep Page 3
Author:
Date:
  
Filename: gp_page3.html
-->
<title>Ghost of the Deep Page 3</title>
</head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<body>
<link href="gp_reset.css" rel="stylesheet" media="all">
<link href="gp_layout.css" rel="stylesheet" media="screen">
<link href="gp_print.css" rel="stylesheet" media="print">
<header>
<img src="gp_logo.png" >
</header>
</body>
</html>

There were slight syntax error.

0 0
Add a comment
Know the answer?
Add Answer to:
I beleiebve my code is right but it will not accept it. Please tell me what...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • In this exercise, you’ll modify the Future Value Calculator application to include a header and footer....

    In this exercise, you’ll modify the Future Value Calculator application to include a header and footer. Review the project Open the header.jsp file and note that it contains the code necessary for the start of an HTML page including the opening html, head, and body tags, the title for the web page, and a link including the CSS file. Open the footer.jsp file and note that includes a copyright notice and the closing body and html tags. Modify the code...

  • Write a PHP Script containing a function that calculates the tax (8%) on a purchase of...

    Write a PHP Script containing a function that calculates the tax (8%) on a purchase of $48.72. What I have so far. index.html <!DOCTYPE html> <html lang="en"> <head> <title>PHP Lab II</title> <meta charset="utf-8"> <link rel="stylesheet" href="main.css"> <meta name="robots" content="noindex, no follow, noarchive" /> <meta name="author" content="Michael Dimond Jr" /> </head> <body> <div id="wrapper"> <header> <h1>PHP Lab II</h1> </header> <main> <form action="display.php" method="post">    <div>        <label>Sale Total: </label>        <input type="text" name="sale_total"><br>        <br>    </div>   ...

  • I'm having trouble to link the .js file to the html so changes for the html...

    I'm having trouble to link the .js file to the html so changes for the html to be made in the .js file <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>:JavaScript, HTML and jQuery</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- this is so I don't have to give you a separate CSS file --> <style>     .hidden {display: none;}     .menu { width: 100px;} </style> </head> <body> <div class="container"> <h1>Assignment 2: JavaScript, HTML and jQuery</h1> <p>To complete this...

  • Hello Ive been tryting to add the CDN of jquery to my html code and I...

    Hello Ive been tryting to add the CDN of jquery to my html code and I keep getting an error Need help with this : ​​ Navigate to www.code.jquery.com in your Chrome browser. On this page, you'll find different stable versions of jQuery. Select uncompressed for jQuery Core 3.3.1. Copy the <script> tag that is given to you. In store_hours.html, paste that tag directly above your body's closing tag. This is the jQuery CDN. After you paste this code into...

  • How do I put his "footer" across the top of my HTML page without just cutting...

    How do I put his "footer" across the top of my HTML page without just cutting and pasting it as I have? It works currently but looks unprofessional as all get out. Thanks, code snipet below: ----------------------------------------------------------------------------- <meta charset="UTF-8" />        <footer>            <address>                Park City Gazette                801 Elkhart Avenue                Park City, CO 80511                1 (800) 555-2918            </address>...

  • Please edit and add all the code needed to make the images side by side and to put the buttons in...

    Please edit and add all the code needed to make the images side by side and to put the buttons in the middle of the images. Thank you 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"> <title>Untitled Document</title> <!-- Bootstrap -->    <link href="css/bootstrap-4.0.0.css" rel="stylesheet">    <link href="style.css" rel="stylesheet" type="text/css">    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <header>    <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Lakeside Resort Spot</a>        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation">...

  • Kindly assist in fixing the error i got when I pasted my codes to validate it....

    Kindly assist in fixing the error i got when I pasted my codes to validate it. The error is in bold. Error: Table column 2 established by element th has no cells beginning in it. From line 53, column 25; to line 55, column 40 <tr> <th colspan="2"> <!DOCTYPE HTML> <html lang="en"><!-- language is English-->    <head>    <meta charset="utf-8"/>    <title>DA Website</title>    <link rel="stylesheet" type="text/css" href="styles.css" />    </head>    <body>    <div id="wrapper">    <!-- start html...

  • Look at the following illustrated output for an HTML and a css given below <!DOCTYPE html>...

    Look at the following illustrated output for an HTML and a css given below <!DOCTYPE html> <head> <title>TABLE with STYLE SHEET</title> <meta charset="utf-8" /> <meta name="description" content="Godaddy Webpage original" /> <link rel = "stylesheet" href="GoDaddy_assignment_1.css"> <body> <img src= "GoDaddy.png"/> <p>Welcome to:<strong>webhamster.com</strong></br> This web page is parked<strong>Free</strong>courtesy of <a class="aclass1" href ="https://www.godaddy.com">GoDaddy.com</a></p> <h1>Want to buy<span class ="span2">webmaster.com ?</span></h1> <div class ="div1"> <a class ="aclass2" href="https://www.godaddy.com">Learn How</a> </div> </hr> <button>Search Ads</button> </body> </html> “ QUESTION continued Given the corresponding css file .aclass1{color:purple;}...

  • find what kind of weakness you can find in the flowing code? You can find below...

    find what kind of weakness you can find in the flowing code? You can find below the list of issues: Hardcoded credentials or secrets Information leak Missing security flags Weak password hashing mechanism Cross-Site Scripting No CSRF protection Directory listing Crypto issue Signature bypass Authentication bypass Authorization bypass Remote Code Execution <?php ?> <!-- PentesterLab --> <html> <head> <title>[PentesterLab] Code Review</title> <link rel="stylesheet" media="screen" href="/css/bootstrap.css" /> <link rel="stylesheet" media="screen" href="/css/pentesterlab.css" /> </head> <body> <div class="container-narrow"> <div class="header"> <div class="navbar navbar-fixed-top">...

  • find what kind of weakness you can find in the flowing code? You can find below...

    find what kind of weakness you can find in the flowing code? You can find below the list of issues: Hardcoded credentials or secrets Information leak Missing security flags Weak password hashing mechanism Cross-Site Scripting No CSRF protection Directory listing Crypto issue Signature bypass Authentication bypass Authorization bypass Remote Code Execution <?php ?> <!-- PentesterLab --> <html> <head> <title>[PentesterLab] Code Review</title> <link rel="stylesheet" media="screen" href="/css/bootstrap.css" /> <link rel="stylesheet" media="screen" href="/css/pentesterlab.css" /> </head> <body> <div class="container-narrow"> <div class="header"> <div class="navbar navbar-fixed-top">...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT