Copyright Goodheart-Willcox Co., Inc. Chapter 13 Internet and the World Wide Web 537 Hands-On Example 13.2.1 (continued) 4. Click each entry in the menu. Notice how the menu is repeated on each page. While the specifi c entries in the menu vary from page to page, the formatting of the menu is consistent. This repetition is useful for rapid recall. 5. Return to the website’s home page. Notice the material is arranged in the three columns on the page. The text in each of the columns is left-justifi ed. Images are also left-justifi ed. This is the alignment. 6. Scroll to the bottom of the home page, and examine the proximity of elements. The calendar graphics are in close proximity to the related events and talks. 7. Identify one more example of each of these four design principles: contrast, repetition, alignment, and proximity. HTML It is very easy to make a simple web page. Only a few rules must be followed to make an HTML-based web page. • The fi les must be text only. • The fi le name ends in .html or .htm. • The page must be stored in a folder or subfolder of a web server connected to the Internet. • Tags are embedded in the fi le to instruct the browser how to display the page elements. A tag is a code enclosed in chevrons (angle brackets) that tells the browser how to format or display the content. In general, a tag defi nition consists of a pair of starting and ending tags, such as p and /p. Ending tags start with a slash. A few tag defi nitions do not have an ending tag. Figure 13-18 shows some basic tags. A comprehensive list of HTML tags is available on the W3 Schools website (www.w3schools.com) and other online resources. The best way to see how HTML defi nes a web page is to create a basic page. This will show the foundation for all web page development. From there, you can develop your skills in creating web pages. The best way to learn web-page development is to make web pages and learn as you go. 1. Launch Notepad or other plain-text editor. Do not use a word- processing program, such as Microsoft Word, because there is hidden formatting in the documents these programs create. 2. Enter the tags and text shown in Figure 13-19. Notice the spacing and indention used to separate sections of the code. This has no effect on the functionality, but it makes it easier for a person to read and understand the code. Key Applications 1.2 FYI FYI The fi rst line in an HTML fi le should declare the document type. GS5