diff options
| -rw-r--r-- | background.gif | bin | 0 -> 21491 bytes | |||
| -rw-r--r-- | cat1.jpg | bin | 0 -> 8610 bytes | |||
| -rw-r--r-- | cat2.jpg | bin | 0 -> 79870 bytes | |||
| -rw-r--r-- | cat3.jpg | bin | 0 -> 11945 bytes | |||
| -rw-r--r-- | cat4.jpg | bin | 0 -> 12363 bytes | |||
| -rw-r--r-- | frameset.html | 22 | ||||
| -rw-r--r-- | index.html | 23 | ||||
| -rw-r--r-- | main.html | 45 | ||||
| -rw-r--r-- | menu.html | 27 |
9 files changed, 117 insertions, 0 deletions
diff --git a/background.gif b/background.gif Binary files differnew file mode 100644 index 0000000..0cbd9ad --- /dev/null +++ b/background.gif diff --git a/cat1.jpg b/cat1.jpg Binary files differnew file mode 100644 index 0000000..c6601a8 --- /dev/null +++ b/cat1.jpg diff --git a/cat2.jpg b/cat2.jpg Binary files differnew file mode 100644 index 0000000..5fb7e01 --- /dev/null +++ b/cat2.jpg diff --git a/cat3.jpg b/cat3.jpg Binary files differnew file mode 100644 index 0000000..48ce574 --- /dev/null +++ b/cat3.jpg diff --git a/cat4.jpg b/cat4.jpg Binary files differnew file mode 100644 index 0000000..e5d85c0 --- /dev/null +++ b/cat4.jpg diff --git a/frameset.html b/frameset.html new file mode 100644 index 0000000..2d1338b --- /dev/null +++ b/frameset.html @@ -0,0 +1,22 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> + +<HTML> + <HEAD> + <TITLE>My website</TITLE> + </HEAD> + + <FRAMESET cols="20%, 80%"> + <FRAMESET rows="100, 200"> + <FRAME src="http://heart.unlimited.pizza"> + <FRAME src="/menu.html"> + </FRAMESET> + <FRAME src="/main.html"> + </FRAMESET> + <NOFRAMES> + <H1>Oh no!</H1> + <P>Welcome to my website. This website uses frames. + Your web browser doesn't support frames.</P> + <A href="http://netscape.com/">Try netscape!</A> + </NOFRAMES> +</HTML> diff --git a/index.html b/index.html new file mode 100644 index 0000000..6136e6a --- /dev/null +++ b/index.html @@ -0,0 +1,23 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> + +<HTML> + <HEAD> + <TITLE>My website</TITLE> + <STYLE type="text/css"> + BODY { background-color: silver } + H1 { color: cyan; color: yellow; font-family: impact; font-size: 72px; font-style: italic} + P { color: teal; font-size: 24px; font-family: georgia } + INPUT {padding: 25px; background-color: cyan; font-size: 24px; font-family: "andale mono"} + </STYLE> + </HEAD> + + <BODY> + <H1>Warning!</H1> + <P>Welcome to my website. This website uses frames. + Continue only if your web browser supports frames.</P> + <FORM action="/frameset.html" method="get"> + <INPUT type="submit" value="I understand. Continue."> + </FORM> + </BODY> +</HTML> diff --git a/main.html b/main.html new file mode 100644 index 0000000..bf16671 --- /dev/null +++ b/main.html @@ -0,0 +1,45 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> + +<HTML> + <HEAD> + <TITLE>My favorite websites</TITLE> + <STYLE type="text/css"> + BODY { background-image: url("/background.gif") } + H1 { color: fuchsia; background-color: yellow; text-align: center; font-family: "Trebuchet MS" } + H1.trees { font-style: italic; background-color: silver; color: green; padding: 1%; margin: 1% 10%; font-family: arial } + P { color: white } + P.trees, UL { color: white; background-color: silver; padding: 1% } + P.about { background-color: white; color: teal; line-height: 15px; padding: 10%; text-align: right; font-family: verdana } + LI { margin: 1%; color: maroon } + H2 { color: cyan } + H3 { font-size: 72px; font-family: "Courier New" } + IMG { width: 240px; height: 320px } + </STYLE> + </HEAD> + + <BODY> + <H1>Thank you for visiting my site</H1> + <P>If you like my website please check out my favorite sites too!</P> + <HR> + <H2>My cat</H2> + <P><IMG src="/cat1.jpg" alt="My cat"></P> + <P><IMG src="/cat2.jpg" alt="The picture is not old! It's just edited to look like that (Taken in 2016)"></P> + <P><IMG src="/cat3.jpg" alt="My cat 2"></P> + <P><IMG src="/cat4.jpg" alt="He can't get down"></P> + <HR> + <H1 class="trees">My top favorite trees</H1> + <P class="trees">This list is not in any order, these are some of my favorite trees</P> + <UL> + <LI><B>Birch</B> it's the zebra of trees</LI> + <LI><B>Baobab</B> it's so weird and big!</LI> + <LI><B>The pine tree</B> <A href="http://www.softschools.com/facts/plants/pine_facts/538/">Too many reasons to list!!</A></LI> + <LI><B>Palm trees</B> 1. coconuts, 2. the beach</LI> + <LI><B>Red Maple</B> it wins at having the best color of its leaves</LI> + </UL> + <H3>About Me</H3> + <P class="about">My name is ruben, I'm from juarez, mexico and I'm making websites! + <BR> + My twitter name is @pigeonfolk</P> + </BODY> +</HTML> diff --git a/menu.html b/menu.html new file mode 100644 index 0000000..9412475 --- /dev/null +++ b/menu.html @@ -0,0 +1,27 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> + +<HTML> + <HEAD> + <TITLE>My favorite websites</TITLE> + <STYLE type="text/css"> + H4 { color: yellow } + TABLE { background-color: olive } + TD { background-color: yellow } + TD:hover { background-color: teal } + A { color: teal } + A:hover{ color: silver } + </STYLE> + </HEAD> + + <BODY bgcolor=maroon> + <H4>My favorite websites.</H4> + <TABLE> + <TR><TD><A href="http://google.com">Google</A></TD></TR> + <TR><TD><A href="http://simcity.com">SimCity</A></TD></TR> + <TR><TD><A href="http://amazon.com">Amazon</A></TD></TR> + <TR><TD><A href="http://unlimited.pizza">My Personal Page</A></TD></TR> + <TR><TD><A href="tripod.com">Tripod</A></TD></TR> + </TABLE> + </BODY> +</HTML> |
