Answer to Question #246741 in HTML/JavaScript Web Application for Lee

Question #246741

Image Inspection Website

Create a website that let me pick all image from multiple folder. After that display one image and let user to select to pass or fail this image.

If the image is pass is will go to the next image, and the pass image will store in the database or anywhere in the pc.

If fail, the image, the user will have to select which fail category is under such as image blurry, image not meet expect and others. The fail image will store at the folder name as image blurry, image not meet expect depending on the fail category. Then move on to the next image for inspection.


1
Expert's answer
2021-10-05T23:13:45-0400
<!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">
    <!-- 4. setting the page title to 'Images' -->
    <title> Images </title>
</head>


<body style="background-image: url('leaf.jpg');">
    <!-- 6,7. Adding text to the body of the page, changing the color to green -->
    <h1 style="color: green;"> Aegon's Spring has Sprung </h1>

  
    <a href = "give any link here">
        <img src="flower.jpg" alt="flowers.jpg" height="200" width="400" /> 
    </a>
</body>

</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">
    <!-- a. Title -->
    <title>Web Design</title>
</head>
<!-- c. changed the color of background -->
<body style="background-color: lightcoral;">
    <!--b. Main Heading -->
    <h1> Web Design Fundamentals </h1>
    <div>

        <h2>What is web design ?</h2>
        <p>Web design refers designing of websites that we see on internet.</p>
        <p>A good user experience can change the complete business of an organisation.
            Because if the end user's experience is what matters.
        </p>

        <p>Every other day we can see a new technology entering the market.
            So the basic skills for becoming a Good Web Designer are :
        </p>
      
        <ul>
            <!-- These are the list elements -->
            <li>Basic HTML, CSS & JavaScript </li>
            <li>Bootstrap - for flexible web pages</li>
        </ul>

        <h2>Some advanced libraries are: </h2>
        <!-- The below tag is called as ordered list -->
        <ol>
            <!-- These are the list elements -->
            <li>Angular Js</li>
            <li>Vue Js</li>
            <li>React Js</li>
        </ol>

        <!-- e. Adding an image -->
        <img src="webdesign.jpg" alt="web design picture" height="200" width="300">
        <!-- br means break, this takes the cursor to next line -->
        <br>
        <!-- website link -->
        <a href="link should be supplied here">Click here for more info..</a>

    </div>
</body>
</html>

Need a fast expert's response?

Submit order

and get a quick answer at the best price

for any assignment or question with DETAILED EXPLANATIONS!

Comments

No comments. Be the first!

Leave a comment

LATEST TUTORIALS
New on Blog
APPROVED BY CLIENTS