10.10.2013 Views

XML — Architecture, Tools, Techniques - Department of Computer ...

XML — Architecture, Tools, Techniques - Department of Computer ...

XML — Architecture, Tools, Techniques - Department of Computer ...

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Even this trivial example shows a weakness: Internet Explorer 5.5 and above centers the text<br />

independent <strong>of</strong> the document type, Netscape 6 centers for version 3.2 but not 4.0, OmniWeb 4<br />

always displays a scrollbar.<br />

1.2 HTML with CSS<br />

HTML was designed to logically markup information and to leave rendering to the browser.<br />

The example shows that meanwhile form and content get intermixed thoroughly. It is very<br />

difficult to achieve a uniform layout.<br />

<br />

<br />

<br />

<br />

Hello, Osnabr&uuml;ck!<br />

<br />

body { background: khaki }<br />

table { height: 100%; width: 100% }<br />

td { text-align: center;<br />

font: bold xx-large serif;<br />

color: blue<br />

}<br />

<br />

<br />

<br />

<br />

<br />

<br />

Hello, Osnabr&uuml;ck!<br />

<br />

<br />

<br />

5<br />

hello/2.html<br />

It might be a good idea to use Cascading Style Sheets (CSS). A style element in the head part<br />

<strong>of</strong> an HTML document can be used to set rendering properties for almost all elements.<br />

Common properties for elements can be bundled and some properties can be inherited<br />

among nested elements. With a suitable structure the style <strong>of</strong> an entire document can be<br />

controlled in one central place.<br />

CSS properties use different names and a completely different syntax from HTML attributes <strong>—</strong><br />

comments are enclosed in /* */. Some aspects <strong>of</strong> HTML rendering can only be controlled<br />

using CSS.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!