Question

In: Computer Science

take the following html code and make it work for html validator. heres the ,html file...

take the following html code and make it work for html validator.

heres the ,html file

<!DOCTYPE html>
<html lang="en">
   <head>
       <title> GettingStarted</title>
       <meta charset="utf-8">
       <link href="Style.css" rel="stylesheet">
   </head>

   <body>
       <header><h1>GettingStarted</h1></header>
       <nav>

       <b>
       <a href="Home.html">Home</a> 
       <a href="GettingStarted.html">Getting Started</a> 
       <a href="MaterialsNeeded.html">Materials Needed</a> 


       <a href="TroubleShooting.html">TroubleShooting</a> 
       <a href="InfoMaterials.html">Infomation on materials</a> 
       <a href="CommonSoftware.html">Common Software</a> 
       <a href="ContactUs.html">Contact Us</a> 

       </b>
       </nav>
         <div class="pic"></div>
       <main>




       <p>

       </p>



       <ul>

       <img src="placeholder.png" alt="place holder" width="200" height="200">
       <li> tool requirements: scraper,glue stick , printing material ,unjammer tool , levler if not auto calibration
       </li>
       <li>error if not done: prints wont be level or print, or material will be jamed and not print.</li>




       <img src="placeholder.png" alt="place holder" width="200" height="200">

       <li> calibration</li>
        <li>error if not done: unleveled printing bed and prints being knocked off bed or melt, or results in no print.</li>



       <img src="placeholder.png" alt="place holder" width="200" height="200" >
       <li> software requirements</li>
       <li>error if not done: won' be able to upload files to be printed, bad layer adhesion or resulting poor print </li>
       </ul>

       </main>







       </body>
</html>

heres the .css file

body{background-image:url(sky.png);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;}

#wrapper { width:80%;
           margin-left: auto ;
           margin-right: auto ;
           background-color: #FFFFFF;
           min-width:900px;
           max-width:1000px;
box-shadow: 4px 4px 4px #133926;}

header{background-color: #00B386;
color: #FFFFFF;
text-align: center;
height:60px;
padding-top: 15px;
}

html {
background: url(back.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body{
font-weight:bold;
color: #FFFFFF;
}

nav{background-color: #FFFFFF;
font-weight:bold;
text-align: center;
padding: 10px;
}
nav a {text-decoration: none;}

main{
padding:1px 20px 20px 20px;
display:block;
}

h1{margin-bottom:0;
margin-top:0;
font-family: Georgia,"Times New Roman",serif;
}

h2{color:#00664D;
text-shadow: 1px 1px #CCCCCC;
font-family: Georgia,"Times New Roman",serif;
}

h3{font-family: Georgia,"Times New Roman",serif;}

dt{color:#00664D;
}
.barn {color:#FFFF00;
}

ul{list-style-image: url(marker.gif);}

#contact{font-size:90%;}

footer{ font-size:75%;
font-style:italic;
padding:15px;
font-family:Georgia,"Times New Roman",serif;
text-align: center;}

#heroHome{background-image: url(homeimage.png);
height:300px;

background-repeat:no-repeat;

}
#heroBoard{

background-image: url();
height:300px;
background-repeat:no-repeat;
background-size: 100% 100%;

}

#heroTraining{

background-image: url();
height:300px;
background-repeat:no-repeat;
background-size: 100% 100%;

}

.placeholders{
   width:200px;
   height:200px;
   background-image: url(placeholder.png);
   background-repeat:none;

}

.pic {
float: left;
}

.container {
    border: 3px solid blue;
    padding: 20px 40px 40px;
    max-width: 640px;
    &__image {
        display: inline-block;
        vertical-align: top;
        width: 46%;
        margin: 20px 30px 0 0;
    }
    &__text {
        display: inline-block;
        width: 46%;
        @media (max-width: 620px) {
            width: 100%;
        }
    }
}

Expert Solution

Below is the corrected code. There was ONE issue
- We cannot directly place the <img> tag in the <ul> tag. We must enclose all the <img> tags inside a <ul> within a <li> tag

Kindly upvote if this helped

<!DOCTYPE html>
<html lang="en">
   <head>
      <title> GettingStarted</title>
      <meta charset="utf-8">
      <link href="Style.css" rel="stylesheet">
   </head>
   <body>
      <header>
         <h1>GettingStarted</h1>
      </header>
      <nav>
         <b>
         <a href="Home.html">Home</a>&nbsp;
         <a href="GettingStarted.html">Getting Started</a>&nbsp;
         <a href="MaterialsNeeded.html">Materials Needed</a>&nbsp;
         <a href="TroubleShooting.html">TroubleShooting</a>&nbsp;
         <a href="InfoMaterials.html">Infomation on materials</a>&nbsp;
         <a href="CommonSoftware.html">Common Software</a>&nbsp;
         <a href="ContactUs.html">Contact Us</a>&nbsp;
         </b>
      </nav>
      <div class="pic"></div>
      <main>
         <p>
         </p>
         <ul>
            <li><img src="placeholder.png"  width="200" height="200"></li>
            <li> tool requirements: scraper,glue stick , printing material ,unjammer tool , levler if not auto calibration
            </li>
            <li>error if not done: prints wont be level or print, or material will be jamed and not print.</li>
            <li><img src="placeholder.png"  width="200" height="200"></li>
            <li> calibration</li>
            <li>error if not done: unleveled printing bed and prints being knocked off bed or melt, or results in no print.</li>
            <li><img src="placeholder.png"  width="200" height="200" ></li>
            <li> software requirements</li>
            <li>error if not done: won' be able to upload files to be printed, bad layer adhesion or resulting poor print </li>
         </ul>
      </main>
   </body>
</html>

venereology answered 2 hours ago

JAVASCRIPT HTML I'm looking to make a function that will take a postal code in a...

JAVASCRIPT HTML I'm looking to make a function that will take a postal code in a text box. The function jobs is to basically make sure the first letter of the postal code starts with these letters. ('A') ('N") ('W') ('F'). If the first letter of the postal code does not match up then an error to the user is sent.

modify code to write the output as an HTML table to a file in the output...

modify code to write the output as an HTML table to a file in the output directory. The file that is saying to work at : SOURCE CODE IN PERL: print "Enter principal amount: "; $P=; while($P<=0) { print "Principal must be positive. Try again: "; $P=; } print "Enter number of times interest is applied in a year: "; $n=; while($n!=12 && $n!=4 && $n!=2 && $n!=1) { print "It must be 12, 4, 2 or 1. Try again:...

Please take this c++ code and make it into java code. /* RecursionPuzzleSolver * ------------ *...

Please take this c++ code and make it into java code. /* RecursionPuzzleSolver * ------------ * This program takes a puzzle board and returns true if the * board is solvable and false otherwise * * Example: board 3 6 4 1 3 4 2 5 3 0 * The goal is to reach the 0. You can move the number of spaces of your * current position in either the positive / negative direction * Solution for this game...

Take the following code and modify the if(args >= 3) statement to work with a dynamic...

Take the following code and modify the if(args >= 3) statement to work with a dynamic amount of inputs. Example: ./cat file1 file2 file3 file4 filen-1 filen should output a text file that concatenates the files file1 to filen into one file #include <stdio.h> #include <stdlib.h> int main(int argc, char **argv) { char ch; if (argc ==1) { while((ch = fgetc(stdin)) != EOF) fputc(ch, stdout); } if (argc == 2) { ...

Would you make separated this code by one .h file and two .c file? code*** #include...

Would you make separated this code by one .h file and two .c file? **********code************* #include <stdlib.h> #include <stdbool.h> #include <stdio.h> #include<time.h> // Prints out the rules of the game of "craps". void print_game_rule(void) { printf("Rules of the game of CRAPS\n"); printf("--------------------------\n"); printf("A player rolls two dice.Each die has six faces.\n"); printf("These faces contain 1, 2, 3, 4, 5, and 6 spots.\n"); printf("After the dice have come to rest, the sum of the spots\n on the two upward faces is...

Make sure it works on jsfiddle and keep the code seperate html: css: javascript: -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Make sure it works on jsfiddle and keep the code seperate html: css: javascript: ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Assignment You should already have some experience with jQuery and some simple experience with JSON (from charting). In this assignment we will be creating some JSON data, parsing it, and displaying it. Step 1 – If you are not familiar with JSON you should complete the JSON tutorial at w3schools Step 2- You will now create a JSON file to represent some data of your...

how to read a csv file in php and make a html table? I can't use...

how to read a csv file in php and make a html table? I can't use the PHP function fgetcsv. I can use explode. I can't put a php inside a php. Acme,Walmart,Ross,BJs,Target,Marshalls,Foot Locker,Giant,Charming Charlie 142,160,28,10,5,3,60,0.28,3167 175,180,18,8,4,1,12,0.43,4033 129,132,13,6,3,1,41,0.33,1471 138,140,17,7,3,1,22,0.46,3204 232,240,25,8,4,3,5,2.05,3613 135,140,18,7,4,3,9,0.57,3028 150,160,20,8,4,3,18,4.00,3131 207,225,22,8,4,2,16,2.22,5158 271,285,30,10,5,2,30,0.53,5702 89,90,10,5,3,1,43,0.30,2054 153,157,22,8,3,3,18,0.38,4127 87,90,16,7,3,1,50,0.65,1445 234,238,25,8,4,2,2,1.61,2087 106,116,20,8,4,1,13,0.22,2818 175,180,22,8,4,2,15,2.06,3917 165,170,17,8,4,2,33,0.46,2220 166,170,23,9,4,2,37,0.27,3498 136,140,19,7,3,1,22,0.63,3607 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Stores</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Stores</h1> <?php <table> <tr> <th>Acme</th> <th>Walmart</th> <th>Ross</th> <th>BJs</th> <th>Target</th> <th>Marshalls</th> <th>Foot Locker</th>...

use VISUAL STUDIO CODE to write this javascript program Exercise 1 (a) Create a HTML file...

use VISUAL STUDIO CODE to write this javascript program Exercise 1 (a) Create a HTML file that uses createElement and appendChild to dynamically insert three paragraphs when a button is clicked. (b) Create a HTML file that includes JavaScript that is similar to: let recs = [“my item …1”,”my item…2”, …] i.e. an array that contains several CSV item records. When the user clicks a button, each array element will be rendered as a list element. Use a HTML list....

An HTML file is a text file that contains text to be displayed in a browser...

An HTML file is a text file that contains text to be displayed in a browser and __________ to be interpreted (read) by the browser formatting and styling the document Both C++ and javascript are computer programing languages; what are their differences? What HTML tag can let you insert javascript in to document Which attributes of the <script> tag tells the brorwser what kind of scripting language is insterted? (give an example) in the javascript section of the HTML file,...

How to do in C++ HTML Converter Create a program that reads an HTML file and...

How to do in C++ HTML Converter Create a program that reads an HTML file and converts it to plain text. Console HTML Converter Grocery List * Eggs * Milk * Butter Specifications Your instructor should provide an HTML file named groceries.html that contains these HTML tags: <h1>Grocery List</h1> <ul> <li>Eggs</li> <li>Milk</li> <li>Butter</li> </ul> When the program starts, it should read the contents of the file, remove the HTML tags, remove any spaces to the left of the tags, add...