Note: PLease use HTML , and I also post my homework#2 code .... thia is the code
ID: 3784347 • Letter: N
Question
Note: PLease use HTML , and I also post my homework#2 code ....
thia is the code ...
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
</style>
</head>
<body>
<h3>Myname</h3>
<h1>February</h1>
<table>
<tr>
<th>Sunday</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td>1
<ul>
<li>Csc23102</li><br>
<li>Csc3310</li>
</ul>
</td>
<td>2</td>
<td>3
<ul>
<li>
<a href="http://www.google.com/">Department Meeting</a>
</li>
</ul>
</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6
<ul>
<li>Csc23107</li><br>
<li>Csc3310</li>
</td>
<td>7</td>
<td>8
<ul>
<li>Csc23109</li><br>
<li>Csc3310</li>
</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13
<ul>
<li>Csc231014</li><br>
<li>Csc3310</li>
</td>
<td>14</td>
<td>15
<ul>
<li>Csc231016</li><br>
<li>Csc3310</li>
</td>
<td>16</td>
<td>17</td>
<td>18
<ul>
<li>
<ol type="1">Shopping List</li>
<li>Egg</li><br>
<li>Meat</li>
</ol>
</ul>
</td>
</tr>
<tr>
<td>19</td>
<td>20
<ul>
<li>Csc231021</li><br>
<li>Csc3310</li>
</td>
<td>21</td>
<td>22
<ul>
<li>Csc231023</li><br>
<li>Csc3310</li>
</td>
<td>23</td>
<td>24</td>
<td>25<br>
Lake Lanier
<img src="pic_mountain.jpg" alt="Mountain View">
</td>
</tr>
<tr>
<td>26</td>
<td>27
<ul>
<li>Csc231028</li><br>
<li>Csc3310</li>
</td>
<td>28</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Explanation / Answer
Please use your own background image for this calendar: I have used mountain.gif in this code.different Colors has been used for each column.
Code:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("mountain.gif");
background-repeat: no-repeat;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
</style>
</head>
<body>
<h1>February</h1>
<table>
<tr align="center">
<th bgcolor="#FF0000">Sunday</th>
<th bgcolor="#00FF00">Monday</th>
<th bgcolor="#0000ff">Tuesday</th>
<th bgcolor="#ffbf00">Wednesday</th>
<th bgcolor="#ffff00">Thursday</th>
<th bgcolor="#ff00ff">Friday</th>
<th bgcolor="#00ffff">Saturday</th>
</tr>
<tr align="center">
<td bgcolor="#FF0000"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#0000ff"></td>
<td bgcolor="#ffbf00">1
<ul>
<li>Csc23102</li><br>
<li>Csc3310</li>
</ul>
</td>
<td bgcolor="#ffff00">2</td>
<td bgcolor="#ff00ff">3
<ul>
<li>
<a href="http://www.google.com/">Department Meeting</a>
</li>
</ul>
</td>
<td bgcolor="#00ffff">4</td>
</tr>
<tr align="center">
<td bgcolor="#FF0000">5</td>
<td bgcolor="#00FF00">6
<ul>
<li>Csc23107</li><br>
<li>Csc3310</li>
</td>
<td bgcolor="#0000ff">7</td>
<td bgcolor="#ffbf00">8
<ul>
<li>Csc23109</li><br>
<li>Csc3310</li>
</td>
<td <ul>
<li>Csc231014</li><br>
<li>Csc3310</li>
</td>
<td bgcolor="#0000ff">14</td>
<td bgcolor="#ffbf00">15
<ul>
<li>Csc231016</li><br>
<li>Csc3310</li>
</td>
<td bgcolor="#ffff00">16</td>
<td bgcolor="#ff00ff">17</td>
<td bgcolor="#00ffff">18
</tr>
<tr align="center">
<td bgcolor="#FF0000">19</td>
<td bgcolor="#00FF00">20
<ul>
<li>Csc231021</li><br>
<li>Csc3310</li>
</td>
<td bgcolor="#0000ff">21</td>
<td bgcolor="#ffbf00">22
<ul>
<li>Csc231023</li>
<br>
<li>Csc3310</li>
</td>
<td bgcolor="#ffff00">23</td>
<tr align="center">
<td bgcolor="#FF0000">26
</td>
<td bgcolor="#00FF00">27
<ul>
<li>Csc231028</li>
<br>
<li>Csc3310</li>
</td>
<td bgcolor="#0000ff">28</td>
<td bgcolor="#ffbf00"></td>
<td bgcolor="#ffff00"></td>
<td bgcolor="#ff00ff"></td>
<td bgcolor="#00ffff"></td>
</tr>
</table>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.