CIS 22

Brecher

Spring 2001

Notes

Start Chapter 7 on Monday

Add tolinks:

Mailto at

The bottom of Index

Handouts 3

· Adding Absolute Lindks to the index.html Page

· Working With Attributes

· Proprietary Tags

Arachorphilia is

Amy put in public_folder pico.

Week 2 WOW Yess completed. Pop quizzes #1 10pts.

Samples of file brechej/hello1.html

Blockquote

A href hello.html case sensitive

A href hello.thml#Basil goes to anchor. Case sensitive.

Source code in hello.html is <A NAME=”Basil”>. Note, goes to top of window ASSUMING you have enough document (IE or Netscape) below it. So may need to put break tags.

HR align center size 4 color green

Pre

Put address tag on Index page.

Created by Janet Brecher <BR>

for CIS 22 Week 3<BR>

</SMALL>

</ADDRESS>

Absolute vs. relative links, and not using subdirectories, or using only one level of subdirectory, so if change links, doesn’t loose links.

<HTML>

<HEAD> <TITLE>This a page with more stuff</TITLE>

</HEAD>

<BODY>

<P><B><I><U>Hello </B></U> CIS 22!</I></P>

First let's demo the blockquote tag.<BR>

<BR>

<A HREF="hello.html">My first Web Page</A><BR>

<H2><A HREF="hello.html#Basil">To find out more about Basil</A></H2>

<H2>Overlapping tags bad!!! Nesting Tags good.</H2>

<P>Here is an example of <TT>monospaced font TT iiiiiiiii</TT></P>

<P>Here is an example of the regular font iiiiiiiii </P>

<!-- Let's clear up a <TAG> tells a browser to do something. An attribute

goes inside the <TAG> and tells the browser how to do it!-->

<H1>This is level one</H1>

<H5>This is level six</H5>

ASCII ART

<PRE>

( )

Moo (00)

\ /--------\

[ ] ] \

[ ] ] *

[ ]-- W ;;

[ ] [ ]

<H1>Text Alignment</H1>

Left = default

<H1 ALIGN=CENTER>Center for You</H1>

<H4 ALIGN=RIGHT>Right for You</H4>

<P ALIGN=RIGHT> Janet's Stuff</P

<H1>A More Flexible Way</H1>

<H1 ALIGN=CENTER>The Title</H1>

<H2> 333 White Street</H2>

<H2> Sacramento, CA 99555</H2>

</DIV>

<H1 ALIGN=CENTER>The Title</H1>

<H2>333 White Street<BR>

Sacramento, CA 99555</H2><BR>

</DIV>

<BR>

Address tags used for signature!<BR>

<BR>

Created by Janet Brecher <BR>

for CIS 22 Week 3<BR>

</SMALL>

</ADDRESS>

</BODY>

</HTML>

<HTML>

<HEAD>

<TITLE>Hello Document</TITLE>

</HEAD>

<BODY>

<H1><B><I>Hello, </B> World!</I></H1>

<UL>

<LI>Sunny Day

<LI>Rainy Day

</UL>

Food

<OL>

<LI> Pizza

<LI> Tacos

</OL>

Classes

<LI>CIS 22

<LI>CIS 1

</OL>

Classes

<LI>CIS 22

<LI>CIS 1

</OL>

Classes

<LI> CIS 23

<LI> CIS 14A

</OL>

Types of Animals

<LI> dogs

<LI> chow

<LI> poodle

</UL>

<LI> cats

</UL>

Types of Animals

<LI> dogs

<LI> cats

</UL>

<!--How to do glossary lists today in class to demo that your can have

lots of room in the comment tag.-->

<H2><A NAME="Basil">More About Basil</A></H2>

<DL><DT>Basil<DD>Annual. Can grow four feet high;the scent is strong.

<DT>Oregano<DD>Perennial. Sends out ground runners and is difficult to

get rid of once established.</DL>

<BR>

</BODY>

</HTML>