CS202 current final term paper CS202 final term currently paper 2024|CS202 final term 2024|CS202final term preparation spring 2024


All Students must prepare this current paper because these questions from previous semesters and most important.



Question#1: Write the syntax to set multiple images in the background in CSS3. 

body {

  background: 

    url('image1.jpg') top left no-repeat,

    url('image2.jpg') top right no-repeat,

    url('image3.jpg') bottom left no-repeat,

    url('image4.jpg') bottom right no-repeat;

}



 Question#2: Write the three audio formats that HTML5 supports. 

<audio controls>

  <source src="audio.mp3" type="audio/mp3">

  <source src="audio.ogg" type="audio/ogg">

  <source src="audio.wav" type="audio/wav">

  Your browser does not support the audio tag.

</audio>



 Question#3: Why do we need XML DTD? Explain briefly 

XML DTD (Document Type Definition) is used to define the structure and the legal elements and attributes of an XML document. It helps ensure that the XML document follows a specific structure, making it easier for applications to parse and process the XML data accurately.



 Question#4: Write the code for responsive website, but the page of 2 columns.  

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <style>

    body {

      font-family: Arial, sans-serif;

      margin: 0;

      padding: 0;

    }


    header, footer {

      background: #333;

      color: #fff;

      text-align: center;

      padding: 1em;

    }


    main {

      display: flex;

      flex-wrap: wrap;

      justify-content: space-between;

      padding: 1em;

    }


    article {

      flex: 1;

      margin: 0.5em;

      padding: 1em;

      background: #f0f0f0;

    }


    @media (max-width: 600px) {

      main {

        flex-direction: column;

      }

    }

  </style>

  <title>Responsive 2-Column Layout</title>

</head>

<body>

  <header>

    <h1>Header</h1>

  </header>


  <main>

    <article>

      <h2>Column 1</h2>

      <p>This is the content of column 1.</p>

    </article>


    <article>

      <h2>Column 2</h2>

      <p>This is the content of column 2.</p>

    </article>

  </main>


  <footer>

    <p>Footer</p>

  </footer>

</body>

</html>