Skip to content

Commit 08d4cd6

Browse files
hhaslam11hhaslam11
committed
added the rest of the source files
1 parent 5f49d4c commit 08d4cd6

File tree

22 files changed

+336
-0
lines changed

22 files changed

+336
-0
lines changed

‎XHTML and CSS/Tut-31_Id's/index.html

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
#bobby {border: 2px solid red;
7+
position: absolute;
8+
top:15px;
9+
left:25px;}
10+
#hobart {border:2px solid green;
11+
position: absolute;
12+
top: 65px;
13+
left: 5px;}
14+
</style>
15+
</head>
16+
<body>
17+
<div id="bobby">bobby is the ebst</div>
18+
<div id="hobart">hobart is the coolest</div>
19+
</body>
20+
</html>

‎XHTML and CSS/Tut-32_Child Selector/index.html

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
p > a {color:red;
7+
font-size:30px;}
8+
</style>
9+
</head>
10+
<body>
11+
<a href="http://thenewboston.com">first</a>
12+
<p><a href="http://thenewboston.com">second</a></p>
13+
<h3><a href="http//thenewboston.com">third</a></h3>
14+
</body>
15+
</html>

‎XHTML and CSS/Tut-33_Pseudo Elements/index.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
p:first-letter {font-weight:bold;
7+
font-size:30px;
8+
color:green;}
9+
</style>
10+
</head>
11+
<body>
12+
<p>paul did u hear miley cyrus player vbeer pong with the ursusians</p>
13+
<p>omgwtfbbq</p>
14+
<p>oh, billy!</p>
15+
</body>
16+
</html>

‎XHTML and CSS/Tut-34_External Style Sheets/donkey.css

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
h1 {color:blue;}
2+
3+
p{font-family:Tahoma;
4+
color:red;
5+
font-size:20px;}
6+
7+
a{color:orange};

‎XHTML and CSS/Tut-34_External Style Sheets/index.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<link rel="stylesheet" type="text/css" href="donkey.css"/>
6+
</head>
7+
<body>
8+
<h1>this is the index page!</h1>
9+
<p>my naeis parry the aprrot i am a prahgraj</p>
10+
<a href="second.html">cick me i dare ya to</a>
11+
</body>
12+
</html>

‎XHTML and CSS/Tut-34_External Style Sheets/second.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<link rel="stylesheet" type="text/css" href="donkey.css"/>
6+
</head>
7+
<body>
8+
<h1>second!</h1>
9+
<p>my naeis parry the aprrot i am a prahgraj</p>
10+
<a href="index.html">cick me i dare ya to</a>
11+
</body>
12+
</html>

‎XHTML and CSS/Tut-35_Overriding Styles/donkey.css

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
h1 {color:blue;}
2+
3+
p{font-family:Tahoma;
4+
color:red;
5+
font-size:20px;}
6+
7+
a{color:orange};

‎XHTML and CSS/Tut-35_Overriding Styles/index.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<link rel="stylesheet" type="text/css" href="donkey.css"/>
6+
7+
<style type="text/css">
8+
h1 {color:green;}
9+
</style>
10+
</head>
11+
<body>
12+
<h1>this is the index page!</h1>
13+
<p>my naeis parry the aprrot i am a prahgraj</p>
14+
<a href="second.html">cick me i dare ya to</a>
15+
</body>
16+
</html>

‎XHTML and CSS/Tut-35_Overriding Styles/second.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<link rel="stylesheet" type="text/css" href="donkey.css"/>
6+
</head>
7+
<body>
8+
<h1>second!</h1>
9+
<p>my naeis parry the aprrot i am a prahgraj</p>
10+
<a href="index.html">cick me i dare ya to</a>
11+
</body>
12+
</html>

‎XHTML and CSS/Tut-36_Absolute Positioning/index.html

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
#apples {border:2px solid red;
7+
position:absolute;
8+
width: 150px;
9+
height: 175px;
10+
top: 40px;
11+
left: 115px;}
12+
13+
#blueberry {border:2px solid blue;
14+
position:absolute;
15+
width: 150px;
16+
height: 175px;
17+
top: 30px;
18+
left: 15px;}
19+
</style>
20+
</head>
21+
<body>
22+
<div id="apples">i amt he apple box</div>
23+
<div id="blueberry">yo soy un blueberryy</div>
24+
</body>
25+
</html>

‎XHTML and CSS/Tut-37_Relative Positioning/index.html

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
#third {border:1px solid green;
7+
position:relative;
8+
top:60px;
9+
left:30px;}
10+
</style>
11+
</head>
12+
<body>
13+
<p>first</p>
14+
<p>second</p>
15+
<p id="third">third</p>
16+
<p>fourth</p>
17+
</body>
18+
</html>

‎XHTML and CSS/Tut-38_Fixed Positioning/index.html

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
#tuna {border:2px solid green;
7+
position:fixed;
8+
top:60px;
9+
left:64px;}
10+
</style>
11+
</head>
12+
<body>
13+
<p id="tuna">tuna mctuna man</p>
14+
<p>i ma the sandman let me in</p>
15+
<p>i ma the sandman let me in</p>
16+
<p>i ma the sandman let me in</p>
17+
<p>i ma the sandman let me in</p>
18+
<p>i ma the sandman let me in</p>
19+
<p>i ma the sandman let me in</p>
20+
<p>i ma the sandman let me in</p>
21+
<p>i ma the sandman let me in</p>
22+
<p>i ma the sandman let me in</p>
23+
<p>i ma the sandman let me in</p>
24+
<p>i ma the sandman let me in</p>
25+
<p>i ma the sandman let me in</p>
26+
<p>i ma the sandman let me in</p>
27+
<p>i ma the sandman let me in</p>
28+
<p>i ma the sandman let me in</p>
29+
<p>i ma the sandman let me in</p>
30+
<p>i ma the sandman let me in</p>
31+
<p>i ma the sandman let me in</p>
32+
<p>i ma the sandman let me in</p>
33+
<p>i ma the sandman let me in</p>
34+
<p>i ma the sandman let me in</p>
35+
<p>i ma the sandman let me in</p>
36+
<p>i ma the sandman let me in</p>
37+
<p>i ma the sandman let me in</p>
38+
<p>i ma the sandman let me in</p>
39+
<p>i ma the sandman let me in</p>
40+
<p>i ma the sandman let me in</p>
41+
<p>i ma the sandman let me in</p>
42+
<p>i ma the sandman let me in</p>
43+
<p>i ma the sandman let me in</p>
44+
<p>i ma the sandman let me in</p>
45+
<p>i ma the sandman let me in</p>
46+
<p>i ma the sandman let me in</p>
47+
<p>i ma the sandman let me in</p>
48+
<p>i ma the sandman let me in</p>
49+
<p>i ma the sandman let me in</p>
50+
<p>i ma the sandman let me in</p>
51+
<p>i ma the sandman let me in</p>
52+
<p>i ma the sandman let me in</p>
53+
<p>i ma the sandman let me in</p>
54+
<p>i ma the sandman let me in</p>
55+
</body>
56+
</html>

‎XHTML and CSS/Tut-39_Max Width and Height/cell.png

96.8 KB
Loading

‎XHTML and CSS/Tut-39_Max Width and Height/index.html

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
img {max-height: 200px;
7+
max-width:200px;}
8+
</style>
9+
</head>
10+
<body>
11+
<img src="myface.png" />
12+
<img src="madden1.jpg" />
13+
<img src="cell.png" />
14+
</body>
15+
</html>

‎XHTML and CSS/Tut-39_Max Width and Height/madden1.jpg

250 KB
Loading

‎XHTML and CSS/Tut-39_Max Width and Height/myface.png

111 KB
Loading

‎XHTML and CSS/Tut-40_Introduction to Forms/index.html

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
7+
</style>
8+
</head>
9+
<body>
10+
<form>
11+
Username: <input type="text" name="username" value="Enter Name Here"/>
12+
</form>
13+
</body>
14+
</html>

‎XHTML and CSS/Tut-41_Check Boxes and Radio Buttons/index.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
</style>
7+
</head>
8+
<body>
9+
<form>
10+
Username: <input type="text" name="username" value="Enter Name Here"/>
11+
<br />
12+
Male: <input type="radio" name="sex" value="male" />
13+
Female: <input type="radio" name="sex" value="female" />
14+
<br />
15+
<p>Select the foods that you would like to order!</p>
16+
Bacon <input type="checkbox" name="food" value="bacon" />
17+
Ham <input type="checkbox" name="food" value="ham" />
18+
Tuna <input type="checkbox" name="food" value="tuna" />
19+
Soda Pop <input type="checkbox" name="food" value="soda" />
20+
</form>
21+
</body>
22+
</html>

‎XHTML and CSS/Tut-42_Drop Down Lists/index.html

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
</style>
7+
</head>
8+
<body>
9+
<form>
10+
What do you want to do today?
11+
<select name="activities">
12+
<option value="play">play the guitar</option>
13+
<option value="your">comb your hair</option>
14+
<option value="someonelse">comb someone elses hair</option>
15+
<option value="opossum">teach a opossum tot ango</option>
16+
<option value="shave">shave</option>
17+
</select>
18+
</form>
19+
</body>
20+
</html>

‎XHTML and CSS/Tut-43_Text Areas/index.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
</style>
7+
</head>
8+
<body>
9+
<form>
10+
Tell me about yourself:
11+
<br/>
12+
<textarea name="bio" rows="8" cols="40">
13+
Type somwethign here
14+
</textarea>
15+
</form>
16+
</body>
17+
</html>

‎XHTML and CSS/Tut-44_Passwords and Upload Buttons/index.html

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
</style>
7+
</head>
8+
<body>
9+
<form>
10+
Password: <input type="password" name="pword"/>
11+
<p>Nowsubmit a file!</p>
12+
<input type="file" name="buckysfile"/>
13+
</form>
14+
</body>
15+
</html>

‎XHTML and CSS/Tut-45_Submitting Forms/index.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<style type="text/css">
6+
</style>
7+
</head>
8+
<body>
9+
<form action="dosomething" method="post">
10+
Username: <input type="text" name="username" />
11+
<br />
12+
Password: <input type="password" name="pass" />
13+
<br />
14+
<input type="submit" value="Submit!">
15+
</form>
16+
</body>
17+
</html>

0 commit comments

Comments
 (0)