html site: C:\Users\1001128366.UCSIHQ.000\Documents\css coding tutorial 8b.html
HTML CODING:
html>
<head>
<title> CSS coding tutorial 8B</title>
<!--External CSS code-->
<style type="text/css">
@import url ("css coding tutorial 8b.css");
</style>
</head>
<body>
<h1>X-241 Dog Robot</h1>
<br>
<div id="id_1">Overview</div>
<br>
<div>The X - 241 is the perfect canine pal for the busy</dv>
<div>billionaire</div>
<br>
<br>
<div id="id_1">Details</div>
<br>
<div>Lorem ipsum dolorsit amet, consectetur adipiscing elit.</div>
<div>Aliquam scelerisque bibendu nibh, et pellentesque elit placerat at.</div>
<div>Proin vel enim orci, a fermentum lectus. </div>
<div>Aenean Posuere adipiscing mauris volutpat valutpat.</div>
<br>
<br>
<div class="c1"> Warnings</div>
<div class="c2">
<ul>
<li>Do not immerse in water.</li>
<li> Do not eat.</li>
<li> Does not exist.</li>
</ul>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------
CSS CODING:
h1{
font-face:Verdana;
font-size:35;
color:black;
font-weight:bold;
}
#id_1{
font-face:Verdana;
font-size:25;
color:black;
font-weight:bold;
}
.c1{
font-face:Verdana;
font-size:25;
color:red;
font-weight:bold;
}
.c2{
font-face:Verdana;
font-size:16;
color:red;
font-weight:Bold
}
Sunday, June 30, 2013
Sunday, June 23, 2013
Tutorial 8 HTML and CSS coding
Website link: C:\Users\1001128366\Documents\IT tutorial 8.html
-----------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title> Intro to It tutorial 8</title>
<!--External CSS code-->
<style type="text/css">
@import url ("css coding tutorial 8.css");
</style>
</head>
<body>
<!-- First Row for time -->
<center>
<table>
<tr class = "c1">
<td> </td>
<td>0800-0930</td>
<td>0930-1100</td>
<td>1100-1230</td>
<td>1230-1400</td>
<td>1400-1530</td>
<td>1530-1700</td>
<td>1700-1830</td>
</tr>
<tr>
<td id= "id_1">Monday</td>
<td>Intro to IT</td>
</tr>
<tr>
<td id= "id_1">Tuesday</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>Design and Layout</td>
</tr>
<tr>
<td id= "id_1">Wednesday</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>Intro to IT</td>
</tr>
<tr>
<td id= "id_1">Thursday</td>
<td></td>
<td>Media Law and Ethics</td>
<td>Media Law and Ethics</td>
</tr>
<tr>
<td id= "id_1">Friday</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>Intro to IT</td>
</tr>
</table>
</center>
<center>Time Table (May - August 2013)</center>
</body>
--------------------------------------------------------------------------------------------------------------------------
CSS code
table {
border-style:dotted;
border-color:gold;
border-width:3px;
}
table{border-collapse:separate;}
#id_1{
background-color:B8B7B7;
}
.c1{
background-color:B8B7B7;
}
-----------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title> Intro to It tutorial 8</title>
<!--External CSS code-->
<style type="text/css">
@import url ("css coding tutorial 8.css");
</style>
</head>
<body>
<!-- First Row for time -->
<center>
<table>
<tr class = "c1">
<td> </td>
<td>0800-0930</td>
<td>0930-1100</td>
<td>1100-1230</td>
<td>1230-1400</td>
<td>1400-1530</td>
<td>1530-1700</td>
<td>1700-1830</td>
</tr>
<tr>
<td id= "id_1">Monday</td>
<td>Intro to IT</td>
</tr>
<tr>
<td id= "id_1">Tuesday</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>Design and Layout</td>
</tr>
<tr>
<td id= "id_1">Wednesday</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>Intro to IT</td>
</tr>
<tr>
<td id= "id_1">Thursday</td>
<td></td>
<td>Media Law and Ethics</td>
<td>Media Law and Ethics</td>
</tr>
<tr>
<td id= "id_1">Friday</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>Intro to IT</td>
</tr>
</table>
</center>
<center>Time Table (May - August 2013)</center>
</body>
--------------------------------------------------------------------------------------------------------------------------
CSS code
table {
border-style:dotted;
border-color:gold;
border-width:3px;
}
table{border-collapse:separate;}
#id_1{
background-color:B8B7B7;
}
.c1{
background-color:B8B7B7;
}
Subscribe to:
Comments (Atom)