IIT M DIPLOMA AN2 EXAM QDD2 25 Feb 2024 - 25 Feb 2024

Create a simple HTML document with the following requirements:

1. Include a heading with the text "My Web Page" using an `<h1>` tag.
2. Add a paragraph with the text "Welcome to the world of HTML!" using a `<p>` tag.
3. Create an unordered list with three list items. The list items should contain the text "Item 1", "Item 2" and "Item 3" respectively, using `<li>` tags.
4. Include a link to "https://www.example.com" with the anchor text "Visit Example.com" using an `<a>` tag.

Which of the following HTML code is correct to fulfill these requirements?

Consider the following example.
```html
<img src="example.jpg" alt="Gajendra Circle, IITM Campus">
```
Which of the following accessibility principle is followed in this example?

The directory listing of a folder and the content of each of its files are given below.

**Directory Listing:**
```
my_dir-|
       |-- base.html
       |-- home.html
       |-- index.html
```

**Filename: base.html**
```html
<body>
    <h1>Hello from Base</h1>
</body>
```

**Filename: home.html**
```html
<body>
    <h1>Hello from Home</h1>
</body>
```

**Filename: index.html**
```html
<body>
    <h1>Hello from Index</h1>
</body>
```

If a simple Python HTTP server is created for this directory, what will be rendered on the browser for base URL?

An HTML code and CSS code is given below. Which of the following correctly represents its rendered output?

CSS Code:

```css
.one{color: brown;}
.two{color: yellow !important;}
```

HTML Code:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <link href="style.css" rel="stylesheet">
    <style>
        h4{color: blue !important ;width: 90px;}
        p,span{font-weight: bold;}
    </style>
</head>
<body style="background-color:lightgray;">
    <h4 style="color: yellow;"> Statement 1 </h4>
    <p class="one"> Statement 2 </p>
    <span class="two" style="color: blue;"> Statement 3 </span>
    <span> Statement 4 </span>
</body>
</html>
```

The following Python code snippet generates the output on the terminal.

```python
from string import Template
s = Template('$who lives in $where')
out1 = s.substitute(who='Karl', where='Chennai')
print(out1)

b = dict(who='Tim')
out2 = Template('$who likes $what').safe_substitute(b)
print(out2)

out3 = Template('$who likes $what').substitute(b)
print(out3)
```

Which of the following is the correct output?

Consider the following python code snippet. What will be the rendered output?

```python
from jinja2 import Template

data=[
    {"Course":"MAD-I", "ID":101, "Name":"John"},
    {"Course":"MAD-II", "ID":161, "Name":"Karl"},
    {"Course":"MAD-I", "ID":120, "Name":"Kim"}
]

t="""
<ul>
{% for group in data|groupby('Course') %}
    <li>
        {{ group.grouper }}
        <ul>
        {% for person in group.list %}
            {% if person.Name|length == 4 %}
            <li> {{ person.Name }} has ID {{ person.ID }} </li>
            {% endif %}
        {% endfor %}
        </ul>
    </li>
{% endfor %}
</ul>
"""

temp=Template(t)
print(temp.render(data = data))
```

Consider the following HTML document.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <style>
        h2{
            background-color: lightgray;
            color: red;
            width:25%;
            text-align: center;
            /* ===code1=== */
        }
        #id {
            background-color: skyblue;
            border: 3px solid purple;
            color: red;
        }
        .class {
            color:blue ;
        }
    </style>
</head>
<body>
    <h2 class="class" id="id">Statement 1</h2>
    <h2 class="class">Statement 2</h2>
</body>
</html>
```

Which of the following is/are correct rendered output for given ===code1===?

Consider the following python code snippet.
```python
from jinja2 import Template as T1
from string import Template as T2

info = {'det1': 'Civil', 'Name': 'John', 'Civil': 'Mechanical', 'John': 'Sujoy'}

t1 = T1(" ${{Name}} and {{Name}} are {{det1}} and ${{det1}} engineer respectively.")

out1 = t1.render(info)
out2 = T2(out1)
print(out2.substitute(info))
```
What is the generated output on the python console?

Consider the following equation;

$1xy25_8 = 1ED5_{16} = x89y_{10}.$

Where x and y are unknowns. For what values of x and y does the above equation hold true?

Consider the following Python code snippet.
Filename: app.py

```python
from flask import Flask, request
import sys
app = Flask(__name__)

@app.route('/home', methods = sys.argv[1])
def my_func():
    if request.method == 'GET':
        return "<h1>Hello from App Development</h1>"

    elif request.method == 'POST':
        return "<h1>Hello from POST</h1>"

    else:
        return "<h1>Please enter a valid HTTP method</h1>"

app.run(debug = True)
```

If the above flask app is run using the command `python app.py POST` in one terminal,
what will be the output on another terminal for command;
`curl http://127.0.0.1:5000/home ?`

Consider the following Python code snippet "code.py".
Filename: code.py
```python
import sys
from jinja2 import Template

vars = sys.argv

course_technologies = {'python': 'backend', 'javascript': 'frontend'}
template = Template("This course focuses on {{ technology }} development.")

if len(vars) > 2 and vars[2] in course_technologies:
    course = vars[1]
    technology = course_technologies[course]
    print(template.render(technology=technology))
else:
    print("Please specify a valid course name!")
```

Which of the following will be the correct command line input to the terminal to get the output: This course focuses on backend development. ?

Consider the following flask application.
app.py

```python
from flask import Flask, render_template, request

app = Flask(__name__)

@app.route('/greet')
def greet():
    user_name = request.args.get('name', 'Guest')
    greeting_message = f"Hello, {user_name}!"

    ============code here============

if __name__ == "__main__":
    app.run(debug=True)
```

Which of the following should replace "code here" to construct the HTML response with the greeting_message correctly?

| Column A | Column B |
| :------- | :------- |
| 1. http://127.0.0.1:5000/greet?name=MADI&guest=MADII | a. Hello, Guest! |
| 2. http://127.0.0.1:5000/greet?name=MADII&guest=MADI | b. Hello, MADII! |
| 3. http://127.0.0.1:5000/greet? | c. Hello, Guest! |
| 4. http://127.0.0.1:5000/greet?guest=MADI | d. Hello, MADI! |