Sunday 25th of June 2017 03:51:25 AM

CSS Style Guide

XHTML: What is XML?

XML (Extensible Markup Language) is a “super” markup language from which programmers can develop other, custom markup languages and specialized applications. XHTML (Extensible Hypertext Markup Language) is one such markup language.

Programmers already use XML for database and catalog work, and XML also acts as the foundation for standard web protocols including Scalable Vector Graphics (SVG), Synchronized Multimedia Integration Language (SMIL), Wireless Markup Language (WML), and Platform for Privacy Preferences (P3P).

For information about these web protocols, visit W3C.

« XHTML Section Index | XHTML Guidelines »
ALT="tall image"> which is tall, and another image <IMG SRC="short.gif"CLASS="feeder" ALT="short image"> which is not tall.</P>
Figure 4-34

Figure 4-34. Bottom alignment

As you can see from Figure 4-34, the second line ofthe paragraph contains two images, and their bottom edges are alignedwith each other. (The first image has been set to a middle alignmentusing the HTML attribute align. We'll lookinto ways of achieving a similar effect with CSS a little later inthis chapter.)

element in your document. You could then declare the following:

H1 {background-image: url(triplebor.gif); background-repeat: repeat-y;}

As we can see in Figure 6-34, the very small imagetriplebor.gif is repeated vertically along theleft side of the heading element, resulting in an effect thatisn't otherwise possible.

Figure 6-34

Figure 6-34. Creating a "triple border" on H2 elements

We can take that further and decide to set a wavy border along the H2 elements should be blue, and all hyperlinks should be dark red. However, in some cases H2 elements should be dark blue because they're associated with different types of information. The simplest way to handle this is to put a class of dkblue on each H2 that needs to be dark blue and declare the following:

TIP

It's actually better to pick class