HTML - Examples Be sure to check speaker notes for additional information!

Web1.html First Web page Internet User CIS44 This class meets on Friday from 4:00 until 6:45. The students have a wide variety of experience and background and are clearly being overworked - hopefully they are learning a lot too! The steps involved in seeing your Web page are: Create the Web page and save it with an HTML extension. Go to Netscape and use file/open page Using choose file - find file name you saved and open it You will see before you a magnificent Web page! For many HTML commands there is the open in and the close in Commands like do not have a close. Remember, to see the HTML code for a page go to View/Page Source or Source depending on the browser. The connecting arrows show the open and close of many of the tags. Note that there can be a close for LI but it is frequently not used.

Web1.html - as seen Internet User CIS44 This class meets on Friday from 4:00 until 6:45. The students have a wide variety of experience and background and are clearly being overworked - hopefully they are learning a lot too! The steps involved in seeing your Web page are: Create the Web page and save it with an HTML extension. Go to Netscape and use file/open page Using choose file - find file name you saved and open it You will see before you a magnificent Web page!

A Web Page NOTICE THE VARIETY OF CONDITIONS PLACED WITH THIS HEADER THIS ONE IS BORING IN COMPARISON Still centered Now the centering though is over One more line And one more line This is an example of a new paragraph. This is an example of a new paragraph with multiple lines. To have multiple lines, need a few more. Still not multiple - really! Well okay - that is multiple! Here is an example of an unordered list First item in the list Second item in the list Third item in the list Enough already!!! When I make changes to the page I am working on I save it in Notepad and then I simply do a RELOAD to bring up the new version in Netscape. Web2.html UL is an unordered list - the elements within the list are designated by LI. The contents of TITLE appear in the blue line at the top of the screen (at the left),

Web2.html - as seen Here is an example of an unordered list First item in the list Second item in the list Third item in the list Enough already!!! Note that when text is written after the, the text is indented.

Another Web Page YOU CAN CENTER USING CENTER This is not centered You can center using the align clause as well. You can also right align using the align clause. This Web Page has a non white background because the background color was set to FFFFC2. Note that #FFFFFF is pure white and # is pure black. I randomly put in 000BBB for the text and got a blue coloring. For the list of different codes and colors, go to my Web site and look for a listing under colors. NOTE: The # in front of the color code is not required. This gives me a large font This gives me an OBNOXIOUS BLINK Note that for standard colors, I can assign the color red to the font - I did this when I was also assigning a color. Notice that I underlined the obnoxious blink - read this word carefully - I hate to correct things that blink at me!!!! Web3.html Colors for the background and page text are set within the command. 2 ways to center a header: as a tag and ALIGN=CENTER as a parameter of another tag. The FONT tag is shown using the SIZE and COLOR attributes. The + is optional with the SIZE and the SIZE range should be 1 to 7. The COLOR can be done using default words for standard colors.

Web3.html - as seen

Search Engine - In depth study Search Engine Comparison Each person will be working with a different search engine. The engine should be totally analyzed and the following questions should be answered. Additional interesting information should be provided (in case I missed something). If something is not applicable to your search engine or is not supported by your search engine that is a legitimate answer. Please list the sources you used at the bottom of the report. Be prepared to hand in report converted to HTML on disk as well as on paper (done with a word processor). When and how was the search engine started? What was the concept or goal? What is the size of the index (approximately)? What is the frequency and methodology for updating the index (people, submissions, crawler, combination etc.)? Does the search engine utilize other search engines as its primary source or as a secondary source? In other words, does it do its own search or use other engine(s) - always, initially, after no success etc. Does the search engine include a directory or a subject tree? If there is a directory, what is the relationship to the search engine - does it cover the same sites, how is it updated etc. Web4.html (1st part) Set an entry point for a link that can be established in the code.

What part of the document is indexed: whole, headers, first paragraphs etc. How is ranking done when the results are presented? Does it tell the rating/ranking place when it presents? How is presenting done (list, summaries, user choice etc.)? What is the default handling (and/or) if you simply enter several words? In a search, is there any way to weigh words? Is there a query by example or "more like this" feature? Is there a way to refine the search? Is there a feature that lets the user narrow the search by date? Does the search engine have a narrow the search component that lets you use only these results for the next search? Does the search let you type a "plain English type of question" to do the search? Does the search engine use concepts or fuzzy kinds of searches? If so is there a way to do the search that will not use the fuzzy components? Does the search engine have both simple and advanced searches? Are there limits on what can be done in the simple search and what can be done in the advanced search? Briefly outline. For the questions below - if the feature is handled specify how and show your own example: Phrases Wildcard AND search OR search Web4.html (2nd part) Named entry point that can be used as a point of entry.

NOT search Proximity search Nested AND/OR search Case- sensitivity (how is case handled) Is there field searching (URL, titles etc.) - if so specify what fields. Did you find other features that you like that are not covered in this set of specifications? If so, briefly explain them. Go to the questions Go to the feature list Back to the top Web4.html (3rd part) Links to set entry point. The entry points are set using NAME.

Web4.html - as seen Shows the links on the web page.

Another example Four score and seven years ago, our fathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that all men are created equal - I think I got the quote right, but... Now I am going to use the BLOCKQUOTE to indent this quote: Four score and seven years ago, our fathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that all men are created equal. Look at the difference in the way these look! Now how about a quote within a quote type setup. Four score and seven years ago, our fathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that all men are created equal. Four score and seven years ago, our fathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that all men are created equal. Note that the BLOCKQUOTE not only indents it also spaces around the quote. Web5.html (1st part) The BLOCKQUOTE is not close prior to issuing a second BLOCKQUOTE. This will result in double indenting

Now lets look at an ordered list This is the first thing. This is the second thing. This is the third thing. Here is another, but this time instead of numbering 1, 2, 3 I am going A, B, C This is the first thing. This is the second thing. This is the third thing. Web5.html (2nd part) creates an ordered list. creates an unordered list. In this example the OL creates an ordered list with the list elements following TYPE=A which designates capital letters for the list elements. You will see A, B, C.

Now let's look at an outline type setup - I have options of A, a, I, i, 1: First Second First under Second Second under Second Third under Second First under Third under Second Second under Third under Second Forth under Second Fifth under Second Third Here is another version of the unordered list This is the first thing. This is the second thing. This is the third thing. Web5.html (3rd part) The ordered list was not closed before another was started - this means the second will be a sub-list to the first. Essentially I have a nested list with one list nested within the other. The difference in TYPE settings changes appropriately from Roman numerals, to capital letters, to numbers as I create an outline.

Here is an unordered list but using a square for a bullet - the options are DISC, CIRCLE, SQUARE This is the first thing. This is the second thing. This is the third thing. I can also do a list without the LI, but then I will not have bullets. This is the first thing This is the second thing This is the third thing Notice that both the unordered list and the ordered list, indent things and also space before and after. Now lets try this - I am simply surrounding a sentence with UL and close UL: This is an indented sentence. This is indented twice. Web5.html (4th part) Unordered list with square bullets. Test it to see if it works in all browsers and all versions.

Web5.html - 1st screen as seen This is the first thing. This is the second thing. This is the third thing. This is the first thing. This is the second thing. This is the third thing.

Web5.html -2nd screen as seen First Second First under Second Second under Second Third under Second First under Third under Second Second under Third under Second Forth under Second Fifth under Second Third This is the first thing. This is the second thing. This is the third thing. This is the first thing This is the second thing This is the third thing This is an indented sentence. This is indented twice.