IRM4724
Assignment 2
Development Software IV
Due 2025
, IRM4724 Assignment 2 Due 2025
Question 1
Write an HTML 5 code that will produce the following display: [20 marks]
<!DOCTYPE html>
<html>
<head>
<title>Mobile OS and Devices</title>
<style>
table {
border-collapse: collapse;
width: 100%;
background-color: yellow;
border: 5px solid black;
border-radius: 10px; /* Rounded corners */
overflow: hidden; /* Ensures corners stay rounded */
}
td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<td>Apple iOS</td>
<td>iPad</td>
<td>iPhone</td>
<td>iPod touch</td>
<td></td>
</tr>
<tr>
<td>Google Android</td>
<td>Nexus 7</td>
<td>Samsung Galaxy Notes 8</td>
<td>Samsung Galaxy Notes 4</td>
<td>HP Slate 7</td>
</tr>
, <tr>
<td>Blackberry OS</td>
<td>Blackberry Z10</td>
<td>Blackberry Q10</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Microsoft Windows Phone OS/RT</td>
<td>Nokia</td>
<td>Samsung ATIV</td>
<td>Surface</td>
<td></td>
</tr>
</table>
</body>
</html>
Assignment 2
Development Software IV
Due 2025
, IRM4724 Assignment 2 Due 2025
Question 1
Write an HTML 5 code that will produce the following display: [20 marks]
<!DOCTYPE html>
<html>
<head>
<title>Mobile OS and Devices</title>
<style>
table {
border-collapse: collapse;
width: 100%;
background-color: yellow;
border: 5px solid black;
border-radius: 10px; /* Rounded corners */
overflow: hidden; /* Ensures corners stay rounded */
}
td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<td>Apple iOS</td>
<td>iPad</td>
<td>iPhone</td>
<td>iPod touch</td>
<td></td>
</tr>
<tr>
<td>Google Android</td>
<td>Nexus 7</td>
<td>Samsung Galaxy Notes 8</td>
<td>Samsung Galaxy Notes 4</td>
<td>HP Slate 7</td>
</tr>
, <tr>
<td>Blackberry OS</td>
<td>Blackberry Z10</td>
<td>Blackberry Q10</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Microsoft Windows Phone OS/RT</td>
<td>Nokia</td>
<td>Samsung ATIV</td>
<td>Surface</td>
<td></td>
</tr>
</table>
</body>
</html>
