exam_web

پرسیاری یەکەم:
1. D
2. C
B ژمارەی لێنەیاوە
3. A
4. B
5. B
6. C
7. A
8. D
9. D
10. C

پرسیاری دووەم:
ئەوەی یەکەم خەتی بە ژێرا بێنە و ڕاستەکەی بنووسەوە
1. False / US military => Advanced Research
2. False / .ecss => .css
3. False / Color (یەکەم) => background-color
4. True
5. True

پرسیاری سێیەم:
1.
    <style>
        html {
            background-image: url("image.png");
        }
    </style>

2.
<p style="background-color: red;">Hello</p>

3.
<style>
.c1 {
background-color: azure;
}
.c2 {
color: black;
}
</style>
<p class="c1 c2 c3">Hello</p>

4.
<style>
tr th {
color: aquamarine;
background-color: teal;
}
th {
text-align: left;
padding: 10px 100px 10px 10px;
}
td {
padding: 10px 100px 10px 10px;
}
table {
background-color: lightseagreen;
border-color: teal;
}
.white {
background-color: white;
}
.grey {
background-color: lightgrey;
}
</style>
<table border="1">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr class="white">
<td>Ahmad</td>
<td>Aziz</td>
<td>15</td>
</tr>
<tr class="grey">
<td>dilan</td>
<td>sdiq</td>
<td>25</td>
</tr>
<tr class="white">
<td>raz</td>
<td>hiwa</td>
<td>24</td>
</tr>
</table>

5.
<h1>HTML Forms</h1>
<form>
First name: <br>
<input type="text"> <br>
Last name: <br>
<input type="text"><br><br>
<input type="submit" value="Submit">
</form>

پرسیاری چوارەم:
<!DOCTYPE html>
<html>
<head>
    <title>Page</title>
    <style>
        .title {
            background-color: yellow;
            text-align: center;
            margin: 0 0 2% 0;
        }
        .middle {
            display: flex;
        }
        .footer {
            text-align: center;
        }
        .menu {
            padding-right: 10%;
        }
        .posts {
            padding: 0 40% 0 1%;
            border-left: 1px solid green;
        }
        .last {
            padding: 20px;
            height: 100%;
            margin: 0;
            border: 3px dotted green;
        }
    </style>
</head>
<body>
    <h1 class="title">My blog about my life</h1>
    <div class="middle">
    <div class="menu">
        <h2>Menu</h2>
            <a href="#">Today</a><br>
            <a href="#">Yesterday</a><br>
            <a href="#">Last week</a><br>
            <a href="#">Archives</a>
    </div>
    <div class="posts">
        <h1>Meeting with supervisor</h1>
        <p><b>14 Dec 2011</b></p>
        <p>Today I went to the university by bus.</p>
        <p>I had a met with my PhD supervisor.</p>
        <h1>New car!!!</h1>
        <p><b>12 Dec 2011</b></p>
        <p>Today I bought my new car. It's a Honda Accord and it's really nice.</p>
        <p>I met some friends at a pub</p>
        <h1>Visit my parents</h1>
        <p><b>10 Dec 2011</b></p>
        <p>Tried to contact my PhD supervisor. He was out of his office.</p>
        <p>I visited my parents and we had a nice dinner together.</p>
    </div>
    <div class="last">
        <h1>Last posts</h1>
        <a href="#">Meeting with supervisor</a><br>
        <a href="#">New car!!!</a><br>
        <a href="#">Visit my parents</a>
    </div>
</div>
    <div class="footer">Contact me: <a href="mailto:email@something.com">email@something.com</a></div>
</body>
</html>