Home > Articles

  • Print
  • + Share This

Workshop

Now that you've had an introduction to HTML, and a taste of creating your first very simple Web page, here's a workshop that will guide you toward more of what you'll be learning. A couple of questions and answers that relate to HTML formatting are followed by a brief quiz and answers about HTML. Exercises prompt you to examine the code of a more advanced page in your browser.

Q&A

  1. Can I do any formatting of text in HTML?

  1. You can do some formatting to strings of characters; for example, making a word or two bold. Tags in HTML 3.2 (the predecessor to HTML 4.0) enabled you to change the font size and color of the text in your Web page (for readers using browsers that support the tags—including Netscape and Microsoft Internet Explorer), but these tags have given way to CSS formatting in HTML 4.0. You'll learn some formatting tricks in Day 6.

  1. I'm using Windows. My word processor won't let me save a text file with an extension that's anything except .txt. If I type in index.html, my word processor saves the file as index.html.txt. What can I do?

  1. You can rename your files after you've saved them so that they have an html or htm extension, but having to do so can be annoying if you have a large number of files. Consider using a text editor or HTML editor for your Web pages.

Quiz

  1. What does HTML stand for?

  2. What is the primary function of HTML?

  3. Why doesn't HTML control the layout of a page?

  4. Which version of HTML provides the lowest common denominator of HTML tags?

  5. What is the basic structure of an HTML tag?

Quiz Answers

  1. HTML stands for Hypertext Markup Language.

  2. HTML defines a set of common styles for Web pages (headings, paragraphs, lists, tables, character styles, and more).

  3. HTML doesn't control the layout of a page because it is designed to be cross-platform. It takes the differences of many platforms into account and allows all browsers and all computer systems to be on equal ground.

  4. The lowest common denominator for HTML tags is HTML 2.0, the oldest standard for HTML. This is the set of tags that all browsers must support. HTML 2.0 tags can be used anywhere.

  5. Most HTML elements consist of opening and closing tags, and they surround the text that they affect. The tags are enclosed in brackets (<>). The beginning tag turns on a feature, and the ending tag, which is preceded by a forward slash (/), turns it off.

Exercises

  1. Before you actually start writing a meatier HTML page, getting a feel for what an HTML page looks like certainly helps. Luckily, you can find plenty of source material to look at. Every page that comes over the wire to your browser is in HTML format. (You almost never see the codes in your browser; all you see is the final result.)

    Most Web browsers have a way of letting you see the HTML source of a Web page. If you're using Internet Explorer 5.5, for example, navigate to the Web page that you want to look at. Choose View, Source to display the source code in a text window. In Netscape Navigator/Communicator 4.5, choose View, Page Source.

TIP

In some browsers, you cannot directly view the source of a Web page, but you can save the current page as a file to your local disk. In a dialog box for saving the file, you might find a menu of formats—for example, Text, PostScript, or HTML. You can save the current page as HTML and then open that file in a text editor or word processor to see the HTML source.

  1. Try going to a typical home page and then viewing its source. For example, Figure 3.3 shows the home page for AltaVista, a popular search page at http://www.altavista.com/.

    The HTML source code of the AltaVista home page looks something like Figure 3.4.

  2. Try viewing the source of your own favorite Web pages. You should start seeing some similarities in the way pages are organized and get a feel for the kinds of tags that HTML uses. You can learn a lot about HTML by comparing the text onscreen with the source for that text.

Figure 3.3 AltaVista home page.

Figure 3.4 Some HTML source code.

  • + Share This
  • 🔖 Save To Your Account

Related Resources

There are currently no related titles. Please check back later.