Skip to content

Commit 98325d7

Browse files
hhaslam11hhaslam11
committed
Added XHTML and CSS tutorial source code files 19-28
1 parent 98b18c5 commit 98325d7

File tree

12 files changed

+164
-0
lines changed

12 files changed

+164
-0
lines changed

‎XHTML and CSS/Tut-19_text-align and Changing Background Color/index.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<style type="text/css">
5+
body {
6+
background-color:blue;
7+
color:white;
8+
}
9+
h3 {text-align:center;} <!-- Other Options: left, right, and justified -->
10+
p {text-indent:25px;}
11+
</style>
12+
</head>
13+
<body>
14+
<h3>Bucky's Blog</h3>
15+
<p>This is the best day ever. This is the best day ever. This is the best day ever. This is the best day ever. This is the best day ever. This is the best day ever. This is the best day ever. This is the best day ever.This is the best day ever.This is the best day ever. This is the best day ever. This is the best day ever.</p>
16+
</body>
17+
</html>

‎XHTML and CSS/Tut-20_Background Images/index.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<style type="text/css">
5+
body {
6+
background-image:url(myface.png);
7+
background-repeat:no-repeat;
8+
background-position: 50% 60px;
9+
}
10+
</style>
11+
</head>
12+
<body>
13+
14+
</body>
15+
</html>

‎XHTML and CSS/Tut-20_Background Images/myface.png

111 KB
Loading

‎XHTML and CSS/Tut-21_Padding/index.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<style type="text/css">
5+
h2 {background-color:yellow;
6+
padding-top:30px;
7+
padding-bottom:20px;}
8+
</style>
9+
</head>
10+
<body>
11+
<h2>I love bucky</h2>
12+
</body>
13+
</html>

‎XHTML and CSS/Tut-22_Border/index.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<style type="text/css">
5+
h2 {background-color:yellow;
6+
padding:15px;
7+
border-color:red;
8+
border-width:3px;
9+
border-style:dashed;
10+
11+
border-top-color:green;
12+
border-top-style:dotted;
13+
border-top-width:4px;
14+
}
15+
</style>
16+
</head>
17+
<body>
18+
<h2>I love bucky</h2>
19+
</body>
20+
</html>

‎XHTML and CSS/Tut-23_Margin/index.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<style type="text/css">
5+
p {background-color:orange;
6+
margin:40px;}
7+
</style>
8+
</head>
9+
<body>
10+
<p>This is a apragarhaphd</p>
11+
<p>This is a apragarhaphd</p>
12+
</body>
13+
</html>

‎XHTML and CSS/Tut-24_Width and Height/index.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<style type="text/css">
5+
h4 {background-color:red;
6+
color: white;
7+
width:350px;
8+
height:100px;
9+
border:3px solid black;}
10+
</style>
11+
</head>
12+
<body>
13+
<h4>My anmes ofrest forest gump</h4>
14+
</body>
15+
</html>

‎XHTML and CSS/Tut-25_Styling Links/index.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<style type="text/css">
5+
a:link{color:red;
6+
text-decoration:none;}
7+
a:visited{color:greed;}
8+
a:hover{background-color:blue;
9+
color:white;
10+
text-decoration:underline;
11+
font-weight:bold;}
12+
a:active{background-color:orange;}
13+
</style>
14+
</head>
15+
<body>
16+
<a href="http://thenewboston.com">TheNewBoston</a>
17+
this is just normal text
18+
</body>
19+
</html>

‎XHTML and CSS/Tut-26_Styling Tables/index.html

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<style type="text/css">
5+
table {border: 3px solid blue;}
6+
tr {background-color:yellow;}
7+
td {border: 2px dashed red;}
8+
</style>
9+
</head>
10+
<body>
11+
<table>
12+
<tr>
13+
<td>I love bucky</td>
14+
<td>I love bucky</td>
15+
<td>I love bucky</td>
16+
</tr>
17+
<tr>
18+
<td>I love bucky</td>
19+
<td>I love bucky</td>
20+
<td>I love bucky</td>
21+
</tr>
22+
</table>
23+
</body>
24+
</html>

‎XHTML and CSS/Tut-27_Styling Unordered Lists/check.png

8.09 KB
Loading

‎XHTML and CSS/Tut-27_Styling Unordered Lists/index.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<style type="text/css">
5+
ul {list-style-image:url(check.png);
6+
border: 1px solid red}
7+
</style>
8+
</head>
9+
<body>
10+
<ul>
11+
<li>apple</li>
12+
<li>pie</li>
13+
<li>dumplings</li>
14+
</ul>
15+
</body>
16+
</html>

‎XHTML and CSS/Tut-28_Style more than one elements and span/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<style type="text/css">
5+
span{font-weight:bold;
6+
color:green;}
7+
</style>
8+
</head>
9+
<body>
10+
<p>this is my first para and <span>i love carrots</span> and apple pie</p>
11+
</body>
12+
</html>

0 commit comments

Comments
 (0)