· web view lab 1 lab 2
TRANSCRIPT
HTML:
<html>
<head>
<link href="lab6.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
<img src="logo.jpg" width="200"/>
</header>
<nav>
<a href="lab1.html"> Lab 1 </a>
<a href="lab 2\home.html"> Lab 2 </a>
<a href="lab3.html"> Lab 3 </a>
<a href="lab4.html"> Lab 4 </a>
<a href="lab5.html"> Lab 5 </a>
</nav>
<h1> Personal </h1>
<p>
My name is Asma Rikli. I currently work as an instructor at PNU.
</p>
<h1> Education </h1>
<form>
<label> Degree </label> <br/>
<label> <input type="radio"/> High School </label> <br/>
<label> <input type="radio"/> Diploma </label> <br/>
<label> <input type="radio"/> Bachelors </label> <br/>
<label> <input type="radio"/> Masters </label> <br/>
<label> School/University Name <input type="text"/> </label> <br/>
<input type="submit" value="Send Data" />
</form>
<h1> Skills </h1>
<ul>
<li> Programming </li>
<li> Writing </li>
</ul>
<h1> University Time Table </h1>
<table>
<tr>
<th> 8:00-9:00 </th>
<th> 9:00-10:00 </th>
<th> 10:00-11:00 </th>
<th> 11:00-12:00 </th>
<th> 12:30-1:30 </th>
<th> 1:30-2:30 </th>
<th> 2:30-3:30 </th>
<th> 3:30-4:30 </th>
</tr>
<tr>
<th> Sun </th>
<td class="ccsa127" colspan="2"> CCSA 127 </td>
<td class="ccsa127" colspan="2"> CCSA 127 </td>
<td colspan="3"> </td>
</tr>
<tr>
<th> Mon </th>
<td class="ccsa127" colspan="2"> CCSA 127 </td>
<td class="ccsa127" colspan="2"> CCSA 127 </td>
<td colspan="3"> </td>
</tr>
<th> Tue </th>
<td colspan="7"> Day Off </td>
<tr>
<th> Wed </th>
<td class="ccsa127" colspan="2"> CCSA 127 </td>
<td colspan="2"> CCIT 223 </td>
<td colspan="3"> </td>
</tr>
<tr>
<th> Thurs </th>
<td colspan="2"> CCIT 223 </td>
<td class="ccsa127" colspan="2"> CCSA 127 </td>
<td colspan="3"> </td>
</tr>
</table>
<footer>
Asma Rikli - Instructor - 2016
</footer>
</body>
</html>
CSS:
h1
{
color: green;
background-color: silver;
font-weight: bold;
text-transform: uppercase;
width: 450px;
}
p
{
width: 450px;
text-align: right;
font-family: fantasy;
}?
table
{
border: 5px solid silver;
}
th
{
color:white;
background-color: lime;
}
td
{
color:white;
background-color:green;
}
ul
{
list-style-type: square;
}
.ccsa127
{
color:red;
background-color: pink;
}
header
{
margin: 30px;
}
footer
{
padding: 30px;
margin: 30px;
border: 3px groove lime;
}
a
{
border: 3px solid green;
margin: 10px;
padding: 3px;
}
body
{
background-image: url(pattern.jpg);
}
p, form, ul, a
{
background-color: white;
}