Appendix J Introduction to HyperText Markup Language 4: Part 2 1419 7 8 9 11 14 15 18 19 20 21 22 23 24

Welcome to Our Web Site!

25 26

27 We have designed this site to teach about the wonders of 28 HTML. We have been using HTML since 29 version 2.0, and we enjoy the features 30 that have been added recently. It seems only a short 31 time ago that we read our first HTML book. 32 Soon you will know about many of the great new 33 features of HTML 4.01. 34

35 36

Have Fun With the Site!

37 38 39 Fig. J.8 Fig. J.8Fig. J.FiFi8g. J.8g. J.8Using metato provide keywords and a description. (Part 2 of 2.) Lines 11 13 demonstrate the meta tag. The contentof a metatag with name = “keywords” provides search engines with a list of words that describe key aspects of your site. These words are used to match with searches if someone searches for some of the terms in your keywords meta tag, they have a better chance of being notified about your site in the search-engine output. Thus, including metatags and their content information will draw more viewers to your site. The description attribute value (lines 15 17)
Check Tomcat Web Hosting services for best quality webspace to host your web application.

1418 Introduction to HyperText Markup Language 4: Part 2 Appendix J The markup on lines 23 25 causes a rectangular hotspot to be drawn around the coordinates given in the coordselement. A coordinate pair consists of two numbers, which are the locations of the point on the x and y axes. The x axis extends horizontally from the upper-left corner, the y axis vertically. Every point on an image has a unique x y coordinate. In the case of a rectangular hotspot, the required coordinates are those of the upper-left and lower-right corners of the rectangle. In this case, the upper-left corner of the rectangle is located at 3 on the x axis and 122 on the y axis, annotated as (3, 122). The lower-right corner of the rectangle is at (73, 143). Another map area is in lines 42 44 In this case, we use the value poly for the shape attribute. This creates a hotspot in the shape of a polygon, using the coordinates in the coordsattribute. These coordinates represent each vertex, or corner, of the polygon. The browser will automatically connect these points with lines to form the area of the hotspot. shape = “circle” is the last shape attribute that is commonly used in image maps. It creates a circular hotspot, and requires both the coordinates of the center of the circle and the radius of the circle, in pixels. To use the image map with an imgelement, you must insert the usemap=”#name” attribute into the img element, where name is the value of the name attribute in the map element. Lines 54 55 show how the image map name=”picture” is applied to the imgelement. J.8 Tags People use search engines to find interesting Web sites. Search engines usually catalog sites by following links from page to page and saving identification and classification information for each page visited. The main HTML element that search engines use to catalog pages is the meta tag (Fig. J.8). A meta tag contains two attributes that should always be used. The first of these, name, identifies the type of metatag you are including. The content attribute provides information the search engine will catalog about your site. 1 3 4 5 6 40 41 42 45 46 47 48 50 51 52 54 56

57 58 59 Fig. J.7 Fig. J.Fig..Fi J7g. J.7J.7Picture with links anchored to an image map. (Part 2 of 2.) Fig.
We would like to recommend you tested and proved virtual web hosting services, which you will surely find to be of great quality.

1416 Introduction to HyperText Markup Language 4: Part 2 Appendix J Go to Favorite Features shows a hyperlink with the anchor features as its target. Selecting this hyperlink in a visual browser would scroll the browser window to the features anchor (line 16). Examples of this occur in Fig. J.6, which shows two different screen captures from the same page, each at a different anchor. You can also link to an anchor in another page, using the URL of that location (using the format href=”page.html#name”). Look-and-Feel Observation J.2 Internal hyperlinks are most useful in large HTML files with lots of information. You can link to various points on the page to save the user from having to scroll down and find a specific location. J.7 Creating and Using Image Maps We have seen that images can be used as links to other places on your site or elsewhere on the Internet. We now discuss how to create image maps (Fig. J.7), which allow you to designate certain sections of the image as hotspots and then use these hotspots as links. All elements of an image map are contained inside the tags. The required attribute for the map element is name(line 18):

15 16 18

Appendix J Introduction to HyperText Markup Language 4: Part 2 1415 79 80 81 Fig. J.6 Fig. J.Fig..Fi J6g. J.6J.6Using internal hyperlinks to make your pages more navigable. (Part 3 of 3.) Fig. Lines 15 17

show a named anchor for an internal hyperlink. A named anchor is created via an aelement with a nameattribute. Line 15 creates an anchor named features. Because the name of the page is list.html, the URL of this anchor in the Web page is list.html#features. Line 71
If you are looking for affordable and reliable webhost to host and run your business application visit our ftp web hosting services.

1414 Introduction to HyperText Markup Language 4: Part 2 Appendix J 26

27
• You can meet people from countries around the world. 28

29 30

• You have access to new media as it becomes public: 31 32
  33
  • New games

  34

  • New applications 35 36
    37
    • For Business

    38

    • For Pleasure

    39

    40 41

  42 43

  • Around the Clock news

  44

  • Search Engines

  45

  • Shopping

  46

  • Programming 47 48
    49
    • HTML

    50

    • Java

    51

    • Dynamic HTML

    52

    • Scripts

    53

    • New languages

    54

    55 56

  57

  58 59

60 61

• Links

62

• Keeping In touch with old friends

63

• It is the technology of the future!

64

65 66

67 68

My 3 Favorite CEOs

69 70

71 Go to Favorite Features 72

73 74

75
1. Lawrence J. Ellison

76

2. Steve Jobs

77

3. Michael Dell

78

Fig. J.6 FiFiFig.g.g. JJJJ….666Fig. Using internal hyperlinks to make your pages more navigable. (Part 2 of 3.)
If you are looking for affordable and reliable webhost to host and run your business application visit our ftp web hosting services.

Appendix J Introduction to HyperText Markup Language 4: Part 2 1413 5 4 3 2 1 The Pits:-(

This type of form input is created via a select element. Inside the opening
tag, be sure to include the nameattribute. To add an item to the list, add to the select element an option element containing the text to be displayed. The selectedattribute, like the checkedattribute for radio buttons and checkboxes, applies a default selection to your list. The preceding code will generate a pull-down list of options in most visual browsers, as shown in Fig. J.5. You can change the number of list options visible at one time, using the size attribute of the select element. Use this attribute if you prefer an expanded version of the list to the one-line expandable list. J.6 Internal Linking In Appendix I, Introduction to HyperText Markup Language 4: Part 1, we discussed how to link one Web page to another with text and image anchors. Figure J.6 introduces internal linking, which lets you create named anchors for hyperlinks to particular parts of an HTML document. 1 3 4 5 6 7 8 9 10 11 12 13 14 22

23 Go to Favorite CEOs 24

25 Fig. J.6 Fig. J.Fig..Fi J6g. J.6J.6Using internal hyperlinks to make your pages more navigable. (Part 1 of 3.) Fig.
In case you need affordable webhost to host your website, our recommendation is ecommerce web host services.

Posted in Tomcat | No Comments »

1412 Introduction to HyperText (Web servers) Markup Language 4: Part

Tuesday, January 15th, 2008

1412 Introduction to HyperText Markup Language 4: Part 2 Appendix J 121 122

123 124

125

126 127

128 129

130 131 132 Fig. J.5 Fig. J.Fig..Fi J5g. J.5J.5Form including radio buttons and pulldown lists. (Part 4 of 4.) Fig. The last type of form input that we introduce here is the select element (lines 106 119). This will place a selectable list of items inside your form.
Amazing:-) 10 9 8 7 6
We recommend high quality webhost to host and run your jsp application: christian web host services.

Posted in Tomcat | No Comments »

Business web hosting - Appendix J Introduction to HyperText Markup Language 4:

Monday, January 14th, 2008

Appendix J Introduction to HyperText Markup Language 4: Part 2 1411 68

70 71

72 73 75 76

77 How did you get to our site?:
78 79 Search engine 80 82 83 Links from another site 84 86 87 Deitel.com Web site 88 90 91 Reference in a book 92 94 95 Other 96 98 99

100 101